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

HTML и CSS с нуля

Онлайн-курс Skillbox по вёрстке для новичков в IT: 10 этапов программы «Веб-вёрстка 3.0» — от первых тегов и переноса макета из Figma до БЭМ, Flexbox и Grid, форм, адаптива на Sass, анимаций и подготовки вёрстки к продакшену в Lighthouse. Задачи от «Газпромбанк.Тех» и WhiteMark, 40+ часов видео, 80+ проектов; сертификат установленного образца.

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

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

  • Писать код на HTML и CSS, создавать адаптивные и семантические сайты
  • Превращать макеты из Figma в веб-страницы по Pixel Perfect
  • Строить сетки на Flexbox и CSS Grid, верстать по методологии БЭМ
  • Создавать и стилизовать формы, работать с SVG-спрайтами и доступностью
  • Делать адаптивную и резиновую вёрстку с препроцессором Sass
  • Анимировать интерфейсы и готовить вёрстку к публикации: Lighthouse, WebP
Программа

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

10 модулей
  1. Основы HTML и CSS
  2. Контент, текстовые блоки, БЭМ
  3. 1

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

    Вводный

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

  4. 2

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

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

  5. 3

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

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

  6. Сетки и формы
  7. Flexbox, Grid, формы
  8. 4

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

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

  9. 5

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

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

  10. 6

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

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

  11. Адаптив, анимации, продакшен
  12. Sass, резиновая вёрстка, анимации, Lighthouse
  13. 7

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

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

  14. 8

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

    Резиновая вёрстка под любую ширину экрана; адаптивное позиционирование элементов; адаптивные сетки на Grid; чек-лист самотестирования.

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

Тарифы

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

от 8 029 ₽/мес

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

Оценка редакции

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

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

Плюсы · 6
  • 10 этапов от первых тегов до адаптива, анимаций и подготовки к продакшену
  • Практика на задачах от «Газпромбанк.Тех» и агентства WhiteMark; по данным страницы, лучших студентов партнёр приглашает на стажировку
  • На странице — 40+ часов видеоуроков и 80+ проектов, игровой формат с выбором уровня сложности
  • Наставник проверяет задание в течение 24 часов, вопросы — в Telegram-чате курса
  • Доступ к курсу со всеми обновлениями навсегда
  • Сертификат установленного образца; школа обучает по образовательной лицензии
Минусы · 4
  • Полной стоимости курса на странице нет — показан только месячный платёж 8 029 ₽ «в рассрочку на 12 месяцев», а в FAQ об оплате срок назван иначе — 24 месяца.

    Итоговую сумму и срок стоит уточнить у школы до оплаты; доступны налоговый вычет и оплата через работодателя.

  • Срок обучения страница называет по-разному: «за 3 месяца» в заголовке и «чтобы пройти курс за 11 месяцев, советуем уделять по 2 часа в день» в FAQ.

    Жёстких дедлайнов, по данным страницы, нет — курс проходят в удобном темпе.

  • Курс охватывает только HTML и CSS — JavaScript в программе нет.

    Страница позиционирует вёрстку как первый шаг в IT и базу для роста в веб-разработке.

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

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

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

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

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

Аудитория

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

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

О школе «Skillbox»

Другие программы школы

Рекламная иллюстрация
от 34 387 ₽
Agile: Scrum и Kanban в работе над продуктом
от 44 874 ₽
Введение в аналитику
Гарантии

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

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

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

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

Оплата

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

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

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

Мнения

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

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

Вопросы

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

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

Что входит в программу курса?
Десять этапов по данным страницы: подготовка контента к публикации (HTML, теги и атрибуты, перенос макета из Figma, Emmet), вёрстка контентного блока (CSS, шрифты, графика), информационный блок по БЭМ (поток документа, блочная модель, семантика), гибкий компонент на Flexbox (VS Code, структура проекта), раздел страницы на CSS Grid, формы (кроссбраузерность, позиционирование, SVG-спрайты, доступность), адаптивная стилизация на Sass, резиновая вёрстка и адаптивные сетки, интерфейсные анимации и подготовка вёрстки к продакшену с Lighthouse и WebP. Всего — 27 теоретических материалов, 40+ часов видеоуроков и 80+ проектов.
Сколько стоит обучение?
Страница показывает месячный платёж при рассрочке — 8 029 ₽ в месяц «в рассрочку на 12 месяцев» (на 15.09.2026, со скидкой акции) и зачёркнутую цену. Полной стоимости на странице нет, а в FAQ об оплате срок рассрочки назван иначе — 24 месяца, поэтому итоговую сумму лучше уточнить у школы. Можно оформить налоговый вычет до 13 % (для налоговых резидентов РФ, уплачивающих НДФЛ) или оплатить курс через работодателя по заявке на странице.
Какой документ выдают?
Страница курса пишет: «В конце обучения получите сертификат установленного образца» (школа обучает по образовательной лицензии). Лицензия школы — № Л035–01298–77/00179609 от 19.01.2022, выдана Департаментом образования и науки города Москвы. По публичной оферте при неполном освоении программы выдаётся справка об обучении установленного образца.
Сколько длится курс и как проходит обучение?
В заголовке страница обещает научить верстать современные сайты за 3 месяца, а в FAQ пишет, что для прохождения курса за 11 месяцев стоит уделять обучению по 2 часа в день — жёсткого графика нет, курс проходят в удобном темпе. Обучение идёт в личном кабинете, задания от реальных компаний проверяет наставник в течение 24 часов, вопросы можно задать в Telegram-чате курса экспертам и другим студентам; доступ к материалам и обновлениям остаётся навсегда.
Кто помогает с работой и можно ли вернуть деньги?
По данным страницы, HR-консультант помогает составить план развития, резюме и портфолио, готовит к собеседованиям и даёт доступ к закрытому каналу с вакансиями; партнёр курса «Газпромбанк.Тех» приглашает лучших студентов на стажировку, а в Telegram-комьюнити «Скил Маркет» публикуются заказы на проекты. Возврат — по Правилам возврата школы: за вычетом фактически оказанных услуг и расходов, при этом удерживаются 30 % стоимости услуг на доступ к платформе, кроме случаев, оговорённых законодательством РФ.

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

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

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

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