Перейти к содержимому
Skillbox — логотип школы
Skillbox

Верстальщик

Онлайн-курс Skillbox по вёрстке сайтов с нуля: «Веб-вёрстка 3.0» из 10 этапов — HTML, CSS, БЭМ, Flexbox и Grid, формы, адаптив на Sass, анимации и подготовка к продакшену с Lighthouse — плюс курс JavaScript в комплекте. По данным страницы — 33 проекта в портфолио; в конце — сертификат установленного образца.

Длительность
6 мес
Уровень
С нуля
Формат
Онлайн
Документ
Сертификат
Рассрочка
Есть
Программа
11 модулей
Навыки

Чему вы научитесь на курсе

  • Верстать адаптивные страницы на HTML и CSS по макету из Figma
  • Собирать компоненты по БЭМ, строить сетки на Flexbox и CSS Grid
  • Использовать препроцессор Sass, SVG-спрайты и Pixel Perfect
  • Делать интерфейсные анимации, в том числе SVG и многоступенчатые
  • Готовить вёрстку к продакшену: оптимизация, WebP, проверка в Lighthouse
  • Писать код на JavaScript: DOM, формы, Fetch API, модули, асинхронность, классы
Программа

Программа курса

11 модулей
  1. Веб-вёрстка 3.0: основы
  2. HTML, CSS, БЭМ, Flexbox, Grid
  3. 1

    Этап 1. Готовим контент к публикации

    Вводный

    Язык разметки HTML: первые теги, вложенность, атрибуты; перенос изображений и текста из Figma, первые страницы; форматирование кода, Emmet и подсветка.

  4. 2

    Этап 2. Верстаем контентный блок

    CSS: селекторы, свойства и значения, комбинации и правила; текстовые шаблоны и информационные страницы, подключение внешних шрифтов.

  5. 3

    Этап 3. Верстаем информационный блок

    Методология БЭМ: нейминг блоков, элементы и модификаторы; поток документа и блочная модель, отступы и новые CSS-свойства, семантика и доступность.

  6. 4

    Этап 4. Верстаем гибкий компонент

    Visual Studio Code, файловая структура проекта и разделение стилей; глобальные стили и Flexbox, управление расположением элементов.

  7. 5

    Этап 5. Верстаем раздел страницы

    CSS Grid, шапка, подвал и крупные секции; семантические теги, доступность, самотестирование кода и динамический контент.

  8. Веб-вёрстка 3.0: формы, адаптив, анимации, продакшен
  9. Формы, Sass, резиновая вёрстка, анимации, Lighthouse
  10. 6

    Этап 6. Верстаем форму

    Формы входа, регистрации, подписки, заявки и фильтра каталога; кроссбраузерность, современные селекторы CSS, позиционирование, SVG-спрайты, доступность.

  11. 7

    Этап 7. Создаём адаптивную стилизацию

    Основы адаптива, изображения под разные экраны и retina, кроссплатформенность, препроцессор SCSS, новые возможности Figma.

  12. 8

    Этап 8. Верстаем адаптивные разделы

    Резиновая вёрстка, адаптивное позиционирование, адаптивные сетки на Grid, чек-лист самотестирования.

Состав модулей зависит от тарифа. Точную программу уточняйте у школы.

Аудитория

Кому подойдёт курс

Подойдёт вам
  • Новичков в IT, которые никогда не писали код и хотят начать с веб-вёрстки
  • Тех, кто пробовал учиться верстать сам и хочет структурировать знания и закрепить их на проектах
Нужно для старта
  • Специальных знаний не нужно — по FAQ страницы курс рассчитан на тех, кто никогда не разрабатывал сайты
  • Заранее ничего устанавливать не нужно — по FAQ, весь необходимый софт помогут установить во время курса
Оценка редакции

Плюсы и минусы курса

Сильные и слабые стороны программы — и честные оговорки по каждому минусу

Плюсы · 6
  • Десять этапов вёрстки от первого тега до подготовки к продакшену, плюс курс JavaScript в комплекте
  • По данным страницы — 33 проекта в портфолио и более 80 заданий, часть задач — от «Газпромбанк.Тех» и агентства WhiteMark
  • Наставник проверяет работу в течение 24 часов, есть Telegram-чат с экспертами
  • Комьюнити «Скил Маркет» с заказами на коммерческие и некоммерческие проекты
  • Среди спикеров — разработчики из Газпромбанка, Сбербанка, Сибур Диджитал и авторы курса «Веб-вёрстка 3.0»
  • Сертификат установленного образца; школа обучает по образовательной лицензии
Минусы · 4
  • Срок обучения на странице назван по-разному: в шапке«за 6 месяцев», в FAQ — «чтобы пройти курс за 9 месяцев, советуем уделять по 2 часа в день».

    Жёсткого графика нет — доступ к материалам остаётся навсегда, курс можно проходить в своём темпе.

  • Срок рассрочки тоже указан по-разному: «на 36 месяцев» у цены и «делится на 24 месяца» в FAQ об оплате.

    Полная стоимость на странице указана — 145 881 ₽ на 16.09.2026; доступны налоговый вычет и оплата через работодателя.

  • Часть JavaScript-программыобщие уроки языка (переменные, циклы, классы), а не только то, что нужно верстальщику.

    Страница подаёт JavaScript как дополнение к вёрстке: интерактив на сайтах, формы, галереи, работа с сервером.

  • По правилам возврата школы при отказе от обучения удерживаются 30 % стоимости услуграсходы на доступ к платформе, кроме случаев, порядок которых оговорён законодательством РФ.

    Остальная сумма возвращается за вычетом фактически оказанных услуг и понесённых расходов в течение 10 календарных дней после полного комплекта документов.

Обзор помог понять, подходит ли курс?

Одно нажатие, без регистрации. Ответ увидят те, кто будет выбирать курс после вас.

Ваш ответ здесь будет первым.

Тарифы

Стоимость курса

145 881 ₽

На странице 16.09.2026 — полная стоимость 145 881 ₽ (со скидкой акции) и месячный платёж при рассрочке 4 052 ₽/мес «в рассрочку на 36 месяцев»; в FAQ об оплате срок рассрочки назван как 24 месяца. Условия одобрения рассрочки на странице — совершеннолетие, гражданство РФ или регистрация. Возможны налоговый вычет до 13 % и оплата через работодателя.

Гарантии

Условия возврата средств

Право на возврат закреплено законом (ст. 32 ЗоЗПП) — независимо от условий договора

Частичный возврат
  • При отказе от обучения деньги возвращаются за вычетом стоимости фактически оказанных услуг (зависит от длительности программы и фактического периода обучения) и фактически понесённых расходов (Правила возврата, п. 2–2.2)
  • При расторжении по инициативе обучающегося удерживаются расходы на доступ к платформе — 30 % стоимости услуг, за исключением случаев, порядок действия при которых оговорён законодательством РФ (п. 2.3)
  • Нужны заявление об отчислении и заявление о возврате на zamena@dposkillbox.ru; при оплате через сервис рассрочки (Яндекс.Сплит) деньги возвращаются в адрес сервиса

Условия приведены по Приложению № 1 к публичной оферте Skillbox (версия от 03.04.2026). ToolFox не участвует в расчётах между учеником и школой.

Оплата

Доступность для России

Способы оплаты
100 % предоплатаКредит банка-партнёраСервис оплаты с рассрочкой платежей (например, Яндекс.Сплит)Через работодателя — по заявке на странице курса
  • Оплата от юрлица

Обучение онлайн в личном кабинете. На странице курса указана возможность налогового вычета до 13 % для налоговых резидентов РФ, уплачивающих НДФЛ. Доступ ко всем материалам открывается в течение 2 часов после покупки при любом способе оплаты.

Мнения

Отзывы и оценки

Только реальные отзывы посетителей ToolFox — оставьте свой и помогите другим выбрать

Вопросы

Частые вопросы о курсе

Ответы на главные вопросы перед записью

Что входит в программу курса?
Два курса. «Веб-вёрстка 3.0» — десять этапов: подготовка контента и HTML, контентный блок и CSS, компоненты по БЭМ, гибкие сетки на Flexbox, разделы на CSS Grid, формы, адаптив на Sass, резиновая вёрстка, интерфейсные анимации и подготовка к продакшену с Lighthouse. «JavaScript» — от переменных и условий до DOM, форм, Fetch API, модулей, асинхронности и классов, с приложениями «Домашняя библиотека», «Корзина покупателя» и «Видеотека».
Сколько стоит обучение?
На странице 16.09.2026 в блоке «Стоимость курса» указана полная стоимость 145 881 ₽ (со скидкой акции) и месячный платёж при рассрочке — 4 052 ₽ в месяц «в рассрочку на 36 месяцев»; в FAQ об оплате срок рассрочки назван иначе — 24 месяца, поэтому условия рассрочки лучше уточнить у школы. Можно оформить налоговый вычет до 13 % (для налоговых резидентов РФ, платящих НДФЛ) или попросить работодателя оплатить курс — заявка есть на странице.
Какой документ выдают?
Страница курса пишет: «В конце обучения получите сертификат установленного образца» (школа обучает по образовательной лицензии). Лицензия школы — № Л035–01298–77/00179609 от 19.01.2022, выдана Департаментом образования и науки города Москвы. Кроме сертификата, по данным страницы, к концу курса собирается портфолио из 33 проектов.
Сколько длится курс и сколько времени нужно в неделю?
В шапке страницы — «научим зарабатывать на вёрстке сайтов за 6 месяцев», а в FAQ школа советует уделять обучению по 2 часа в день, чтобы пройти курс за 9 месяцев, и отмечает, что такой график соблюдать не обязательно. Занятия проходят в удобное время в личном кабинете, доступ к материалам остаётся навсегда.
Как проходит обучение и можно ли вернуть деньги?
Теория в личном кабинете, более 80 заданий от реальных компаний, наставник проверяет работу в течение 24 часов и отвечает на платформе и в чате; проверяющие эксперты и куратор — в чате курса. Возврат — по Правилам возврата школы: за вычетом фактически оказанных услуг и расходов, при этом удерживаются 30 % стоимости услуг на доступ к платформе, кроме случаев, оговорённых законодательством РФ.

Заинтересовала программа?

Запись — на сайте школы: актуальные тарифы, рассрочка и условия возврата.

Информация о курсе обновлена: 15 сентября 2026 г.

Об этом обзоре: ToolFox — партнёрский агрегатор онлайн-курсов. Мы собираем структурированную информацию о программах разных школ и можем получать вознаграждение от школы, если вы записываетесь по ссылке с нашего сайта. На цену для вас это не влияет. Решение о записи вы принимаете самостоятельно на основе этого обзора и собственного исследования.