Вёрстка сайта с нуля — курс от LoftSchool

Курс «Вёрстка сайта с нуля» от LoftSchool — интенсивная программа обучения веб-вёрстке за 5 недель. Вы познакомитесь со стандартами веб-технологий, научитесь работать с макетами в Figma и форматировать код. Программа охватывает HTML, CSS, Flexbox, БЭМ-нейминг, CSS-анимации и адаптивную вёрстку. Каждая неделя включает видеоуроки, воркшопы с преподавателем и практические задания. На финальной неделе вы защитите выпускной проект. Обучение проходит при поддержке личного наставника, который проверяет домашние задания и даёт обратную связь.

8.2/10
Рейтинг ToolFox
Как мы оцениваем курсы

Рейтинг ToolFox формируется по 5 критериям, каждый оценивается от 1 до 10:

  • Качество программы — полнота материала, актуальность технологий
  • Практика — реальные проекты, код-ревью, тренажёры
  • Поддержка — наставники, обратная связь, сообщество
  • Трудоустройство — карьерный центр, помощь с резюме
  • Цена/качество — соотношение стоимости и получаемых навыков

Итоговый балл — среднее арифметическое 5 критериев. Обновляется при каждом пересмотре курса.

Платформа
LoftSchool
Автор
Команда LoftSchool, LoftSchool
Длительность
2 мес, 10 ч/нед
Формат
Онлайн, видеоуроки, воркшопы с преподавателем, практические задания с проверкой наставником
Уровень
Новичок
Язык
Русский
Сертификат
Сертификат LoftSchool
Обновлено
март 2026 г.
24 900 ₽

Полная стоимость: 24 900 ₽

Программа и содержание

Модули и темы

Познакомитесь с основами HTML, разместите первый сайт на хостинге, освоите редактор VSCode, разберётесь в устройстве интернета и научитесь работать с GitHub Pages и методологией БЭМ.

  • Знакомство с группой и наставником
  • Основы HTML
  • Работа с хостингом
  • VSCode и расширения
  • Устройство интернета
  • GitHub Pages
  • Семантическая разметка
  • БЭМ-разметка элементов

Неделя 1 — Работа с хостингом, HTML

Основы HTML, знакомство с хостингом и инструментами разработки

Познакомитесь с основами HTML, разместите первый сайт на хостинге, освоите редактор VSCode, разберётесь в устройстве интернета и научитесь работать с GitHub Pages и методологией БЭМ.

  • Знакомство с группой и наставником
  • Основы HTML
  • Работа с хостингом
  • VSCode и расширения
  • Устройство интернета
  • GitHub Pages
  • Семантическая разметка
  • БЭМ-разметка элементов

Неделя 2 — CSS, работа с макетом, Perfect Pixel

Каскадные таблицы стилей, Figma и точная вёрстка по макету

Изучите CSS с нуля: селекторы, блочную модель, работу со шрифтами и фонами. Научитесь работать с макетами в Figma и добиваться точного соответствия вёрстки дизайну (Perfect Pixel).

  • Основы CSS
  • Работа со шрифтами
  • Блочная модель
  • Figma для верстальщика
  • Стилизация проекта
  • Perfect Pixel
  • Селекторы и свойства
  • Воркшоп по стилизации

Неделя 3 — Flexbox, БЭМ-нейминг

Гибкая компоновка элементов и методология именования классов

Освоите Flexbox для создания гибких макетов, разберётесь в методологии БЭМ-нейминга и применените знания на практике при реализации учебного проекта.

  • Flexbox
  • Построение лейаута
  • БЭМ-нейминг
  • Реализация проекта на Flexbox
  • Частые приёмы вёрстки
  • Воркшоп по Flexbox

Неделя 4 — CSS-анимации

Создание анимаций и переходов с помощью CSS

Научитесь создавать плавные CSS-анимации и переходы, применять трансформации элементов и реализуете анимации в учебном проекте.

  • Анимации CSS
  • Transitions и transforms
  • Реализация анимаций в проекте
  • Воркшоп по анимациям

Неделя 5 — Защита выпускного проекта

Финализация и защита итогового проекта

Завершите работу над итоговым проектом и представите его на защите. Проект добавится в ваше портфолио.

  • Подготовка выпускного проекта
  • Защита проекта

Чему научитесь

Верстать сайты на HTML и CSS с нуля
Работать с макетами в Figma (Perfect Pixel)
Использовать Flexbox для компоновки элементов
Применять методологию БЭМ
Создавать CSS-анимации и переходы
Размещать сайты на хостинге и GitHub Pages
GitHTMLCSSFigma

Для кого подходит

  • →Новичкам без опыта в вёрстке и программировании
  • →Дизайнерам, желающим освоить верстку
  • →Тем, кто хочет стать верстальщиком или фронтенд-разработчиком
  • →Людям, планирующим сменить профессию на IT

Требования

  • →Специальные знания не требуются — обучение с нуля
  • →Компьютер и стабильный интернет
  • →Готовность уделять обучению около 10 часов в неделю

Плюсы и минусы курса Вёрстка сайта с нуля

Обзор подготовлен редакцией ToolFox · Обновлено: март 2026 г.

Плюсы

  • Обучение с нуля за 5 недель с чёткой структурой
  • Личный наставник проверяет задания и даёт обратную связь
  • Воркшопы с преподавателем в реальном времени
  • Итоговый проект для портфолио с защитой
  • Сертификат по окончании
  • Актуальная программа: Flexbox, БЭМ, CSS-анимации

Минусы

  • Только HTML и CSS — JavaScript не входит в программу
  • Короткий курс — недостаточно для полноценного трудоустройства
  • CSS Grid не включён в программу

Отзывы (1)

Был ли полезен этот инструмент?
💬

Загрузка комментариев...

Похожие курсы

HTML основы

LoftSchool

7.8

Бесплатный видеокурс «HTML основы» от онлайн-школы LoftSchool охватывает все ключевые аспекты языка разметки. За 23 видеоурока вы разберётесь в структ...

Новичок1 мес
Создавать HTML-страницы с корр…Использовать теги для разметки…Работать с формами и валидацие…
Бесплатно
Подробнее →

Веб-разработчик

LoftSchool

8.5

Профессия «Веб-разработчик» от LoftSchool — комплексная программа обучения на 7 месяцев, которая готовит специалистов, способных создавать сайты и веб...

Новичок7 месСертификат
Верстать адаптивные сайты на H…Программировать на JavaScriptРаботать с Git, npm и Webpack
от 60 000 ₽/мес
Подробнее →

HTML-вёрстка: с нуля до первого макета

Нетология

8

Курс «HTML-вёрстка: с нуля до первого макета» от Нетологии — обучение основам веб-вёрстки за 2 месяца. Научитесь создавать веб-страницы с использовани...

Новичок2 месСертификат
Создавать веб-страницы на HTML…Использовать Flexbox и Grid дл…Делать адаптивную вёрстку для …
от 1 330 ₽/мес1 900 ₽/мес
Подробнее →

Часто задаваемые вопросы

Подходит ли курс абсолютным новичкам?
Да, курс создан для людей без опыта. Обучение начинается с основ HTML и постепенно переходит к CSS, Flexbox и анимациям.
Что входит в обучение каждую неделю?
Каждая неделя включает видеоуроки по теории, воркшоп с преподавателем в реальном времени и практические задания, которые проверяет личный наставник.
Получу ли я сертификат?
Да, после успешной защиты выпускного проекта вы получите сертификат LoftSchool, подтверждающий прохождение курса.
Какой проект будет в портфолио?
Вы сверстаете полноценный сайт по макету из Figma с использованием HTML, CSS, Flexbox, БЭМ и анимаций. Этот проект можно использовать в портфолио при поиске работы.
Чем курс отличается от бесплатного «HTML основы»?
Платный курс включает CSS, Flexbox, анимации, работу с макетами, личного наставника, воркшопы и итоговый проект. Бесплатный курс охватывает только основы HTML.

Подходит ли курс абсолютным новичкам?

Да, курс создан для людей без опыта. Обучение начинается с основ HTML и постепенно переходит к CSS, Flexbox и анимациям.

Что входит в обучение каждую неделю?

Каждая неделя включает видеоуроки по теории, воркшоп с преподавателем в реальном времени и практические задания, которые проверяет личный наставник.

Получу ли я сертификат?

Да, после успешной защиты выпускного проекта вы получите сертификат LoftSchool, подтверждающий прохождение курса.

Какой проект будет в портфолио?

Вы сверстаете полноценный сайт по макету из Figma с использованием HTML, CSS, Flexbox, БЭМ и анимаций. Этот проект можно использовать в портфолио при поиске работы.

Чем курс отличается от бесплатного «HTML основы»?

Платный курс включает CSS, Flexbox, анимации, работу с макетами, личного наставника, воркшопы и итоговый проект. Бесплатный курс охватывает только основы HTML.

Информация проверена: март 2026 г.