Практика верстки сайтов

Тот самый марафон Практика верстки сайта

Получи настоящий макет сайта и самостоятельно сверстай его для портфолио с поддержкой опытного профессионала.

Автор марафона

Макс Орлов

Я веб-разработчик на удалёнке с зарплатой 200 000 рублей в месяц и меня часто спрашивают: как быстрее пройти путь от новичка до профессионала?

Мой опыт говорит, что ответ один - практика.

Макс Орлов

Для кого этот марафон?

Сразу предупреждаю, что марафон не подойдет для нытиков и лентяев.

Изучаешь верстку сайтов
(html ,css, js)
Ты прошел курсы, посмотрел кучу видео и хочешь сверстать сайт по макету сам.
Чувствуешь неуверенность в своих силах
Ты не готов заявить, что можешь выполнить проект любой сложности.
Боишься взять первые заказы и подвести
Ты чувствуешь, что еще не готов к реальной работе, а новички никому не нужны.
Имеешь недостаток практического опыта
Ты ни сверстал ни одного сайта или сверстал пару простых, повторяя за видео.
Хочешь самостоятельно сверстать сайт по макету
Ты готов перевести теорию в практику и сделать крутой сайт для своего портфолио.
У тебя низкая скорость верстки сайтов
На каждом шагу возникают вопросы и непонятно какой вариант правильный.
Некому задать вопросы по веб-разработке
У тебя нет знакомых профессионалов, готовых ответить на любой вопрос.
Понимаешь, что только практика приводит к успеху
Я прошел этот путь и знаю, что профессионал - это тот, кто сделал больше ошибок.

Ты получишь макет и сверстаешь его сам

При верстке первых сайтов вопросы возникают на каждом шагу.
На марафоне я подскажу что и как лучше делать.

Давай, погнали!

12 января 2021 года

Что будем делать?

Это имитация реального заказа:
ты получаешь макет и должен сверстать его самостоятельно (я буду помогать).

Модуль 1
Контент: информация по марафону и сразу домашнее задание по созданию базового шаблона для верстки сайтов.

Результат: обязательные мета-теги, которые упускают 80% верстальщиков + стартовый шаблон на будущее.
Модуль 2
Контент: видео с правильным решением предыдущего задания + новое задание по верстке верхнего меню сайта.

Результат: навыки самостоятельной верстки адаптивного всплывающего меню с логотипом и бургером.
Модуль 3
Контент: видео с моей версткой меню + новое задание по верстке шапки сайта с двумя интересными кнопками.

Результат: практические навыки верстки типовой шапки сайта с фоном и двумя непростыми кнопками.
Модуль 4
Контент: видео с правильной версткой шапки сайта + новое задание по верстке блока Преимущества.

Результат: самостоятельная верстка адаптивного блока с изображением и сложным списком.
Модуль 5
Контент: ответ на задание по верстке блока Преимущества + новое домашнее задание по верстке блока Видео.

Результат: правильная интеграция видео с ютуба с отложеной загрузкой и верстка всплывающего окна + плагин.
Модуль 6
Контент: моя верстка блока Видео + домашка по верстке простого типового блока Как мы работаем.

Результат: популярный многоколоночный блок с иконками, чтобы немного отдохнуть и получить больше кайфа от работы.
Модуль 7
Контент: правильный ответ на домашку по верстке блока Как мы работаем + задача по блоку Музыка.

Результат: креативный двойной блок с изображениями и текстом - придется хорошенько подумать =)
Модуль 8
Контент: спасительное видео с правильной версткой предыдущего блока + новое задание по блоку Контакты.

Результат: навыки интеграции интерактивной карты и верстки формы с полями ввода и чекбоксом.
Модуль 9
Контент: видео с профессиональной версткой блока Контакты + задание по верстке подвала.

Результат: практические навыки самостоятельной верстки типового адаптивного подвала.
Модуль 10
Контент: мое видео с правильной версткой подвала + выдача крутых бонусов для верстальщика.

Результат: бесценный практический опыт самостоятельной верстки + крутой проект в портфолио + доступ в закрытый чат.

Ок, а что я получу?

Ничего, если не начнешь верстать прямо сейчас.

Бесценный опыт
верстки адаптивного сайта от шапки до подвала.
Самостоятельная верстка
означает, что ты думаешь своей головой.
Почувствуешь себя
разработчиком, выполняющим реальный заказ.
Проект в портфолио
который не стыдно показать друзьям и заказчикам.
Готовые наработки
для использования в своих будущих проектах.
Умение решать задачи
которые неизбежно возникают в реальной работе.
Навыки работы с Photoshop
если сможешь фотошоп, то сможешь везде.
Доступ в закрытый чат
и ответы на вопросы по веб-разработке в целом.
Уверенность в своих силах
и снижение риска завалить реальный проект.
Экономие времени и денег
на собственных экспериментах и типовых ошибках
Опытный профессионал
покажет свою верстку и откроет тебе свои секреты.
Кайф от разработки
интересного проекта вместе с единомышленниками.

Короче. Это ХИТ на. Жизнь не будет прежней.

Каждый следующий проект будет идти быстрее и легче. А этот марафон ты не забудешь никогда.

Использовать шанс

Кто ведущий марафона?

Я хотел научиться создавать любые проекты с нуля и научился. Теперь могу научить и тебя, если ты готов работать.

Поговорим о делах

Меня зовут Макс Орлов и я могу самостоятельно создать любой проект от верстки до бэкенда с базой данных и серверами.

Кстати, этот лендинг я полностью сделал сам =)

Практический опыт
Почти 10 лет разрабатываю сложные финансовые проекты.
Удаленка и ЗП
Работаю удаленно с зарплатой более 2 500 000 рублей в год.
Инструменты
Владею инструментами для создания практически любого проекта.

Поговорим о жизни

Сегодня я живу в своем загородном доме со своей семьей: любимая Танюшка, два сына Степан и Лев + кошка Люська.

Кстати, мой инстаграм - подписывайся.

Увлечения
Регулярно практикую йогу и изучаю английский язык.
Служение
Помогаю начинающим разработчикам создавать первые проекты.
Главный совет
Быстрее перейти от изучения к практике и по ходу дела решать возникающие задачи, дополняя недостающие знания.
Макс Орлов

Это еще не всё

Я подготовил несколько крутых бонусов с техниками для продвинутой верстки.

Консоль и NPM
Ты научишься работать в командной строке и использовать NPM для установки пакетов.
Сборка статики
Я покажу крутой инструмент для сборки (css, sass, less, vue, react и тд) в пару строк кода без всяких GULPов.
Анимация
Мы вместе добавим анимацию на сайте, чтобы элементы красиво появлялись при скролле страницы.
Английский
Я открою секрет как изучаю английский язык бесплатно всего 30 минут в день. You'll see it's such a great method!

Круто! А сколько стоит?

Я потратил 12 000 рублей на макет, 10 лет на эксперименты и создал этот уникальный марафон для тебя.

Один в поле воин

Когда просто нужен нормальный макет для верстки.

12 000 руб.

990 руб.

Что включено

  • Макет для верстки

Принц

Когда настроен на серьезную работу вместе со всеми.

4 990 руб.

2990 руб.

Что включено

  • Макет для верстки
  • Домашние задания
  • Видео с версткой
  • Доступ в закрытый чат

Король

Популярный

Когда хочешь подняться на новый уровень в 2 раза быстрее.

9 990 руб.

4990 руб.

Что включено

  • Макет для верстки
  • Домашние задания
  • Видео с версткой
  • Доступ в закрытый чат
  • Вебинары с ответами на вопросы
  • Бонусы: консоль, npm, сборка, анимация, английский

Илон Маск

То чувство, когда можешь позволить себе всё и сразу.

12 990 руб.

9990 руб.

Что включено

  • Макет для верстки
  • Домашние задания
  • Видео с версткой
  • Доступ в закрытый чат
  • Вебинары с ответами на вопросы
  • Бонусы: консоль, npm, сборка, анимация, английский
  • Личный коучинг на 1 месяц с практикой и ответами на вопросы по разработке

Внимание!

  • Сейчас действует скидка до 50% (осталось 13 дней).
  • В группе доступно только 10 мест (осталось 4 места).

У тебя есть два пути.
И первый ничего не изменит.

Если ты дочитал до этого места, то уже знаешь идти с нами или нет. Ведь хорошие программисты принимают решения быстро.

Второй путь

Ответы на частые вопросы

Это исключено. После каждого задания ты получаешь видео, где я показываю правильную верстку предыдущего блока. Поэтому, если ты сам не сможешь выполнить задание, то видео поможет. К тому же ты всегда можешь задать свой вопрос в закрытом чате. В итоге ты полюбому создашь качественный проект для портфолио и получишь крутой опыт.

Вопрос времени решается очень просто. Мы все любим позалипать в социальных сетях и на ютубах. Но если убрать лишнее (временно) и всего на 2 недели погрузиться в марафон, то каждый из нас может найти хотя бы 1 час в день, чтобы приблизится к своему светлому будущему. В конце концов можно вставать пораньше =)

Когда я учился верстать, то у меня тоже не было денег. Я даже продал машину, чтобы не работать и больше времени уделять изучению профессии. Я покупал курсы по js и jquery, по разработке магазина на php, покупал html-шаблоны и кучу всего. С тех пор все эти инвестиции многократно окупились. К тому же вопрос денег похож на вопрос времени: мы любим выпить кофе и заточить бургер, но если убрать все лишнее (временно), то каждый может найти 200-300 рублей в день на свое развитие. Даже мама с папой не откажут ради такого дела =)

Конечно можно. Видео будут приходить каждые 2 дня (чтобы у тебя было время на самостоятельное выполнение задания). Ты можешь сохранить видео себе и проходить в удобное для себя время.

Теоретически можно. Только (во-первых) мотивация дойти до конца может быть ниже, потому что ты чувствуешь меньше ответсвенности, когда платишь меньше. Именно поэтому бесплатные курсы работаю плохо. А во-вторых доступ в чат и связь со мной будет только у одного из вас. Решайте.

Это зависит от твоего текущего уровня. Я бы сверстал этот адаптивный сайт за 2 дня не напрягаясь, а некоторым не хватит и месяца. В общем от 1 до 3 часов в день будет достаточно, учитывая помощь в чате и видео с правильной версткой.

Если есть вопросы, то я рад пообщаться контакте, инсте или телеге.