Акции школ
Войти

Курс «Основы вёрстки сайтов»

Составитель: Денис Сметнёв · Обновлено: 25.07.2026 · Оценка на MOOC.ru: 5 из 5 — по 108 отзывам на нашем сайте
Начальный
21 500 
35 800 
5 · 30 отзывов
от 1 792 ₽/мес в рассрочку (прим.)

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

Подробнее


Начальный
21 500 
35 800 
5 · 30 отзывов
от 1 792 ₽/мес в рассрочку (прим.)

Компания: LoftSchool (Лофт скул)

рейтинг: Язык: ru

Уровень: Начальный Длительность: 5 недель Формат: Онлайн Старт: в любое время Документ: Сертификат
🎓 Сертификат 📁 1 проект в портфолио
Почему мы рекомендуем: проверен 196 отзывами, сертификат — оценка по нашей методике (рейтинг, цена, трудоустройство, диплом)

Актуальная программа курса (5 модулей, по данным школы)

  1. Работа с хостингом, HTML
  2. CSS, работа с макетом, Perfect Pixel
  3. Flexbox, БЭМ-нейминг
  4. CSS-анимации
  5. Защита выпускного проекта

Кем вы сможете работать

Верстальщик · Фронтенд-разработчик

Сколько зарабатывают в профессии (медиана hh.ru, по 117 вакансиям)

Junior
80 000 ₽
Middle
130 000 ₽

Окупаемость: стоимость курса ≈ 1 мес зарплаты junior-специалиста.

Сравнение с похожими курсами других школ

КурсШколаЦенаСрокРейтингДиплом
Основы вёрстки сайтов (этот) LoftSchool (Лофт скул) 35 800 21 500 ₽ 5 недель 5 Сертификат
Старт в программировании Netology (Нетология) 990 ₽ 2 недели 5.0 Перейти
Frontend-разработчик GeekBrains (ГикБреинс) 70 000 ₽ 5 месяцев 5.0 Сертификат Перейти
Верстальщик Хекслет (Hexlet) 3 000 ₽ 4 месяца 5.0 Диплом о проф. переподготовке Перейти

Стоит ли идти на этот курс

Плюсы

  • Программа охватывает полный стек начального верстальщика: HTML, CSS, Flexbox, БЭМ-нейминг, анимации, Perfect Pixel, кроссбраузерная вёрстка — не выборочно, а в комплексе.
  • Финальный модуль — защита проекта: на выходе не просто сертификат с уникальным ID, а многостраничный сайт, который можно показать работодателю.
  • Инструментарий прикладной: VS Code, Emmet, FTP-клиент, спрайты — то, что реально используется в работе, а не учебные абстракции.
  • Порог входа нулевой — предыдущий опыт в вёрстке не требуется, курс выстроен с самого начала.

Минусы и кому не стоит

  • Пять недель — только старт: после курса вы верстальщик начального уровня, до фронтенд-разработчика с JavaScript ещё далеко. Это стоит понять до оплаты, а не после первого модуля.
  • Тридцать пять тысяч рублей за пятинедельную программу — ощутимо: тот же HTML и CSS с Flexbox разбирают в более коротких и дешёвых форматах, есть и бесплатные варианты с практикой.
  • Поддержки с трудоустройством в программе нет — фраза «готовы к старту карьеры» маркетинговый оборот, а не реальная помощь с поиском работы. Карьерный трек придётся строить самостоятельно.

Когда этот курс вам не нужен

Курс не нужен, если вы уже верстаете и знаете Flexbox с БЭМ — программа вам ничего нового не добавит. Не подойдёт и тем, кто хочет сразу в JavaScript или React: вёрстка здесь — конечная точка, а не трамплин. Если цель — просто разобраться в HTML/CSS для себя, без выхода в профессию, за тридцать пять тысяч это избыточно: базу можно освоить дешевле.

Как выбрать курс по этому направлению

В курсах по вёрстке первое, куда смотрю — программа доходит до реального проекта или обрывается на теории. Flexbox и БЭМ-нейминг в 2024-м уже не опция: без них современный макет не сверстаешь, и если их в программе нет — это курс вчерашнего дня. Второй момент — инструментарий: VS Code, Emmet, FTP-клиент, Perfect Pixel. Это не абстрактные упражнения, а конкретный рабочий стол верстальщика. Если в программе только «редактор по вкусу» — значит, реальный стек придётся осваивать самостоятельно после. Третье — чем заканчивается: сертификат сам по себе мало что говорит работодателю, важно выйти с портфельным проектом. По цене: тридцать пять тысяч за пятинедельную программу с нуля — выше среднего. Спросите у школы заранее, как устроена проверка промежуточных заданий — это покажет, насколько плотно вас ведут по ходу курса.

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

Можно ли пройти курс совсем без опыта в программировании?

Да, курс начинается с самых основ: первый модуль — HTML и работа с хостингом. Никакой подготовки заранее не нужно.

Сколько времени займёт обучение?

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

Какой документ выдают по итогам?

Сертификат с уникальным ID — подтверждает прохождение курса. Но для работодателя весомее портфельный проект, который вы защищаете на последнем модуле.

Кем можно работать после курса?

Верстальщиком или junior-фронтенд-разработчиком на начальном уровне. Для полноценного фронтенда потребуется добирать JavaScript отдельно — курс этого не покрывает.

Есть ли на курсе практика или только теория?

Программа включает работу с макетом и Perfect Pixel, последний модуль — защита выпускного проекта. Формат проверки промежуточных заданий на сайте школы не расписан подробно — имеет смысл спросить об этом у LoftSchool до оплаты.

Чему конкретно научат за пять недель?

HTML и CSS с нуля, Flexbox, БЭМ-нейминг, CSS-анимации, кроссбраузерную вёрстку, работу с VS Code, Emmet, FTP-клиентом, спрайтами. На выходе — готовый многостраничный сайт.

21 500 ₽ · от 1 792 ₽/мес
Перейти на страницу курса
Длительность курса

Длительность курса

36 дней

Формат обучения

Формат обучения

Видеоуроки, тестирование, практические вебинары, 1 воркшоп

Обратная связь

Обратная связь

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

Теория и практика

Теория и практика

16 обучающих модулей, состоящих из видеоуроков и тестирования 100+ часов обучения

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

  • Как устроен интернет. Основательно разберётесь в том, что такое: HTTP, IP, DNS, хостинг, хостер, домен, сервер, клиент и пр.
  • HTML и CSS.Самостоятельно верстать сайты любой сложности с применением Flexbox и BEM-naming.
  • Кроссбраузерная вёрстка. Ваша вёрстка будет отлично работать на всех браузерах в разных операционных системах.
  • Работа с макетами. Вы научитесь работать с макетами с помощью простого и удобного инструмента Figma.
  • Workflow. Вы будете работать в идеально настроенной под вас среде разработки: VS Code, Emmet, FTP-клиент.
  • Верстать сайты "под ключ". Размещать сайты на собственном хостинге с привязкой доменных имён.
Перейти на страницу курса Запишись на курс
прямо сейчас!

Кураторы: есть

О курсе

О курсе

Кураторы: есть
Начинающим веб-разработчикам

Условия оплаты

Стоимость курса сейчас - 21500р.
Предоплата - 8 000р.

Рассрочка

1 791 р. в месяц

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

Открытие курса.

VSCode

Устройство интернета

Работа с GitHub Pages

HTML. Теги и работа с разметкой

Разметка элементов страницы

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

CSS. Работа со стилями

Работа со шрифтами

Блочная модель

Стилизация проекта

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

Flexbox

Построение лейаута и БЭМ-нейминг

Flexbox. Реализация проекта

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

Частые приемы вёрстки

Анимации CSS

Анимации. Реализация проекта

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

HTML

CSS

Flexbox

Работа с хостингом

Самостоятельная верстка сайтов любой сложности с применением Flexbox и BEM-naming.

Вёрстка анимированных элементов

Кроссбраузерная вёрстка

Размещение сайтов на собственном хостинге с привязкой доменных имен

Навыки, которые вы получите

 
РАБОТА С ФУНКЦИЯМИ

Компания, проводящая курс

LoftSchool (Лофт скул)

111 курсов по 360 темам

Школа онлайн-образования LoftSchool (Лофт скул) создаёт курсы по программированию с 2012 года. Занимает первое место в рейтинге площадок...

Преподаватели курса

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

Отзывы студентов

5
Рейтинг курса (все отзывы)
★ 5 · 108 проверенных MOOC
99%
0%
0%
1%
0%
больше курсов

Похожие курсы компании

LoftSchool (Лофт скул)
(1)
LoftSchool (Лофт скул)
(0)
LoftSchool (Лофт скул)
(0)
LoftSchool (Лофт скул)
(0)
LoftSchool (Лофт скул)
(0)
LoftSchool (Лофт скул)
(0)
LoftSchool (Лофт скул)
(0)
LoftSchool (Лофт скул)
(0)
LoftSchool (Лофт скул)
(0)
LoftSchool (Лофт скул)
(0)
больше курсов

Другие курсы этих преподавателей

LoftSchool (Лофт скул)
(0)
LoftSchool (Лофт скул)
(0)
LoftSchool (Лофт скул)
(206)
46 700 
LoftSchool (Лофт скул)
(42)
76 900 
LoftSchool (Лофт скул)
(139)
42 500 
LoftSchool (Лофт скул)
(6)
63 900 
LoftSchool (Лофт скул)
(2)
263 300