Верстка сайтов от 0 до 1 — Повтор 2

7 участников

О чём курс

Курс по веб-верстке представляет собой комплексную образовательную программу, разработанную для тех, кто стремится освоить профессию верстальщика с нуля и начать карьеру в IT-индустрии. Обучение построено таким образом, чтобы последовательно провести студента от изучения базовых принципов создания сайтов до реализации сложных многостраничных проектов и последующей монетизации полученных навыков. Программа ориентирована как на тех, кто планирует работать в профессиональных веб-студиях, так и на тех, кто видит себя в качестве независимого фрилансера, создающего собственные проекты.

Формат обучения максимально адаптирован для эффективного усвоения материала: учебный процесс включает два урока в неделю, представленных в видеоформате. Чтобы информация лучше усваивалась, каждый урок разбит на несколько коротких видеороликов, что позволяет структурированно подходить к изучению тем. Практическая составляющая является фундаментом курса: после каждого занятия предусмотрено выполнение домашнего задания. Студенты могут выбирать формат проверки — самостоятельный контроль или работа с ментором, что обеспечивает гибкость обучения. Важной особенностью курса является еженедельный видеоразбор домашних заданий, который проходит по субботам. В рамках этих встреч преподаватель не только разбирает типичные ошибки, но и дает подробные ответы на самые актуальные вопросы, возникающие у участников в процессе обучения.

Курс дает комплексное понимание того, как устроена современная верстка. На выходе студенты получают не только теоретические знания, но и реальный опыт работы с инструментами, которые ежедневно используют профессиональные разработчики. Вы научитесь создавать адаптивные, доступные и оптимизированные сайты, освоите методологии верстки и работу с современными технологиями, такими как препроцессоры, сборщики фронтенда и системы контроля версий. Особое внимание уделено профессиональной адаптации: отдельный модуль посвящен монетизации навыков, где подробно разбираются стратегии поиска работы в студиях, составления резюме, прохождения собеседований, а также все тонкости работы на фрилансе — от оценки стоимости своих услуг до взаимодействия с заказчиками.

Почему стоит выбрать этот курс? Во-первых, это практико-ориентированный подход: вы не просто изучаете теорию, а создаете полноценные проекты, включая интернет-магазины с их сложной структурой. Во-вторых, курс закрывает страхи новичков, предоставляя четкие алгоритмы действий для старта карьеры. В-третьих, наличие бонусных материалов позволяет расширить кругозор, познакомившись с такими технологиями, как WordPress, Bootstrap и Jamstack. Пройдя этот путь, вы будете обладать всеми необходимыми компетенциями для того, чтобы уверенно чувствовать себя на рынке веб-разработки, создавать качественный код и получать достойное вознаграждение за свой труд.

Программа обучения

Базис из которого состоит верстка:

  • Настройка рабочего окружения
  • основы html
  • основы css
  • display Flex
  • display Grid
  • когда использовать flex, а когда grid
  • углубляемся в css: шрифты и работа с ними, подробно про отступы в верстке: gap, margin, padding
  • сброс стилей и box-sizing
  • Dev Tools
  • псевдоклассы и псевдоэлементы
  • позиционирование, свойства transform и transition
  • относительные единицы и медиа запросы
  • Адаптив
  • Доступность
  • Методологии в верстке
  • custom properties
  • работа с figma

Продвинутая верстка:

  • Начало работы с JS, основы для верстки
  • advanced flex
  • advanced grid
  • css animation
  • SVG
  • WebP, AVIF, Squoosh, lazy load
  • Препроцессоры
  • Сборщики фронтенда
  • модульность в верстке
  • git
  • семантика

Верстка интернет магазина:

  • Верстка большого проекта
  • хлебные крошки
  • разберем стилизацию input, checkbox, radio кнопок, select
  • научимся стилизовать карты
  • сделаем оптимизацию готовой верстки
  • подключим плагины, которые часто используются в верстке интернет магазинов
  • верстка пагинации, звездного рейтинга, блога общей страницы и одной статьи
  • верстка карточки товара, верстка страницы регистрации и корзины

Монетизация:

  • Урок 1. Как устроиться в web студию. Большая лекция. Разберем: сколько зарабатывает верстальщик в WEB студии; как составлять резюме; какие работы должны быть в портфолио и как их сделать; как проходить собеседование; на какие вакансии не следует обращать внимание; промониторим существующие вакансии на популярных сайтах для поиска работы; разберем самые частые вопросы, которые задают на собеседовании; поговорим как вести себя в компании во время стажировки
  • Урок 2. Фриланс. Большая лекция. Разберем: сколько можно зарабатывать на фрилансе; каким должно быть портфолио и как его сделать; как оценить стоимость своей работы; как и где взять первый заказ; как правильно работать с заказчиком; как наработать себе постоянных заказчиков; с какими клиентами НЕ стоит работать; как продвигаться в ТОП на фриланс бирже; где брать заказы кроме фриланс биржи; как считать время своей работы; как организовать рабочее место; как зарабатывать больше

Бонусы:

  • Урок 1. Урок по WordPress (общее понимание, как править верстку в существующих сайтах)
  • Урок 2. Bootstrap. Разберем технологию
  • Урок 3. Узнаете что такое jamstack и netlify
  • Урок 4. Правила крутого верстальщика
  • Урок 5. Вопрос - Ответ
Складчина создана 20 мая 2026 г. · описание обновлено 23 мая 2026 г.

Теги курса

Инструменты

Выпуски серии 2

Все 2
Повтор 2 Вы здесьПовтор 287 ₽

Другие материалы автора 2

ВП Вадим Прокопчук Все материалы
4 102 ₽ 13 588 ₽