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

Курс «Основы HTML, CSS и веб-дизайна»

Составитель: Денис Сметнёв · Обновлено: 22.08.2026
Средний

Курс «Основы HTML, CSS и веб-дизайна» от Хекслет — для тех, кто хочет разобраться с вёрсткой не на уровне «сделал и непонятно как», а по-настоящему: от структуры документа до адаптивной сборки на Bootstrap и Gulp. Направление — Разработка, уровень заявлен как средний: с нулевым опытом будет тяжело. Когда смотришь, какой процент людей застревает на CSS-позиционировании и никогда не добирается до препроцессоров, понимаешь, где именно нужен такой курс — он закрывает именно этот провал: HTML/CSS, SASS, адаптивность, инструменты автоматизации.

Подробнее


Средний
3 900  в месяц
3 900 

Компания: Хекслет (Hexlet)

Язык: ru

Уровень: Средний Длительность: 3 дня Старт: в любое время
Рассрочка: от 2 400 ₽/мес
📁 2 проекта в портфолио
Почему мы рекомендуем: актуальные данные курса — оценка по нашей методике (рейтинг, цена, трудоустройство, диплом)

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

  1. 1. Основы вёрстки и позиционирования
  2. 2. Адаптивная вёрстка и использование SASS
  3. 3. Автоматизация задач и использование Bootstrap

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

Фронтенд-разработчик

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

Junior
80 000 ₽
Middle
130 000 ₽

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

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

КурсШколаЦенаСрокРейтингДиплом
Основы HTML, CSS и веб-дизайна (этот) Хекслет (Hexlet) 3 900 ₽ 3 дня
Знакомство с HTML и CSS HTML Academy (HTML академия) беспл. 3 дня 5.0 Перейти
Профессиональный HTML и CSS, уровень 1 HTML Academy (HTML академия) 16 900 13 900 ₽ 2 месяца 4.9 Сертификат Перейти
Оформление текста HTML Academy (HTML академия) беспл. 4.0 Перейти

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

Плюсы

  • Плотная программа для среднего уровня: SASS, Bootstrap, Gulp, Pug — промышленный стек, а не пересказ базового учебника. Модули по адаптивности и автоматизации задач закрывают то, что обычно остаётся белым пятном после вводных курсов.
  • Конкретный перечень навыков: сложные селекторы, CSS-трансформации, управление потоком документа, различные виды позиционирования — это не маркетинговый список, а то, с чем столкнётесь на первом же реальном макете.
  • Короткий срок прохождения — три дня при достаточной базе это интенсив, а не размазанный по месяцам курс. За три дня проверишь, заходит ли формат Хекслет — и не сожжёшь месяц.
  • 3900 ₽ за курс с SASS, Bootstrap и Gulp — по-простому считайте: один модуль по адаптивности и один по автоматизации сборки. Для инструментов, которые используются в реальных проектах, вход невысокий.

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

  • Темп жёсткий: адаптивность, SASS, Bootstrap и Gulp — всё это в три дня. Кто привык разбираться вдумчиво, с повторением — рискует пробежать галопом и не закрепить навык. Материал плотный, и если что-то не щёлкнуло с первого раза, времени на раскачку нет.
  • Живой разбор кода в программе не обозначен — кто и как разберёт ошибки верстальщика, остаётся открытым вопросом. Для вёрстки это важно: автотест не скажет, почему макет разъехался на мобиле.

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

Если вы уже верстаете с SASS и собираете проекты через Gulp — программа не добавит нового, это не ваш курс. Не подойдёт и тем, кому нужен сертификат под резюме или помощь с поиском работы: курс про навык, а не про карьерное сопровождение. И если ваша цель — веб-дизайн в широком смысле, без погружения в препроцессоры и автоматизацию сборки, три насыщенных дня на Bootstrap и Gulp окажутся не тем, чего вы ждали.

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

В веб-разработке главный вопрос при выборе курса — есть ли в программе реальный стек или только синтаксис в вакууме. Смотрите: покрывает ли курс препроцессоры (SASS, Pug) и сборку (Gulp) — без этого на проект вас не возьмут. Проверьте, разбираются ли позиционирование, поток документа и CSS-трансформации: именно там тонут новички при реальных задачах. Цена за короткий интенсив может быть выше, чем за длинный курс с водой, — считайте плотность программы на рубль, а не длину в неделях. И всегда уточняйте формат обратной связи: автопроверка тестов или живой разбор кода — это разные модели обучения, и ответ на этот вопрос меняет всё.

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

Подходит ли курс тем, кто никогда не верстал?

Нет. Уровень средний — базовые HTML и CSS предполагаются известными. Начинаете с нуля — сначала пройдите вводный курс по HTML/CSS, потом возвращайтесь сюда.

Реально ли пройти курс за три дня?

Три дня — это заявленная длительность, но темп плотный: адаптивность, SASS, Bootstrap и Gulp в одной программе. Планируйте полное погружение без параллельных дел — иначе растянется на неделю.

Какие инструменты разбираются в программе?

По модулям — SASS, CSS-трансформации, адаптивная вёрстка, препроцессор Pug, Bootstrap, Gulp. Профессиональный набор для фронтенда, не игрушечные примеры.

Дадут ли сертификат или документ об окончании?

Информации о документе об окончании в программе курса нет — если это важно, проверьте напрямую на сайте Хекслет.

Помогут ли с трудоустройством после курса?

В описании ничего не сказано о помощи с трудоустройством. Курс даёт конкретный технический стек — дальше пробиваться на рынок придётся самому.

Стоит ли курс своих денег?

За 3900 ₽ — два практических модуля: адаптивная вёрстка с SASS и автоматизация на Gulp с Bootstrap и Pug. Если после курса сможете собрать адаптивный макет и настроить сборку — деньги потрачены не зря. Если нет — это сигнал, что нужна другая точка входа.

3 900 ₽ · от 2 400 ₽/мес
Перейти на страницу курса
Длительность курса

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

3 дня

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

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

Короткие лекции в виде текста или видео, тесты, упражнения

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

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

В плане “Профессиональный” можно задавать вопросы менторам в разделе «Обсуждение». В плане “Премиум” закрепляется персональный наставник, который проверяет проекты, делает код-ревью: включено 4 часа голосовых консультаций наставника. Это время можно частично или полностью заменить на переписку в чате в пропорции 1 к 1.5.

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

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

8 часов теории с тестами и упражнениями после каждого модуля 11 модулей

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

  • Разбираться в структуре элементов HTML-документа, видимых и невидимых тегах
  • Задавать оформление — стили — элементам HTML-страницы
  • Применять инструменты Developer Tools и веб-инспектор
  • Анализировать и редактировать страницы прямо в браузере
  • Понимать принцип, по которому стили собираются в один набор из разных источников
  • Выводить элементы определённого размера на страницу
  • Понимать один из базовых принципов дизайна – правило близости
  • Размещать статичные страницы бесплатно на Github Pages
  • Пользоваться инструментами разметки для лучшей интеграции с социальными сетями
Перейти на страницу курса Запишись на курс
прямо сейчас!

О курсе

О курсе

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

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

доступ ко всем курсам этой школы осуществляется по подписке:
профессиональный - $39/месяц
премиум - $199/месяц

Верстальщик vs. веб-дизайнер

Познакомиться с курсом и рассмотреть специальности «верстальщик» и «веб-дизайнер» в контексте развития технологий.

теория

Знакомство с HTML

Познакомиться с HTML и попробовать его в деле.

теория

тесты

Элементы, теги и атрибуты

Изучить простую идею HTML и структуру элементов страницы.

теория

тесты

Структура страницы

Рассмотреть полную структуру целого HTML-документа, видимые и невидимые теги.

теория

тесты

Основы CSS

Научиться задавать оформление — стили — элементам HTML-страницы.

теория

тесты

Chrome DevTools

Познакомиться с Developer Tools и веб-инспектором, удобным инструментом для анализа и редактирования страницы прямо в браузере.

теория

Каскад

Понять принцип, по которому стили собираются в один набор из разных источников.

теория

тесты

div, span и display

Познакомиться с принципами, по которым элементы выводятся на страницу и получают определённый размер.

теория

Правило близости

Рассмотреть один из базовых принципов дизайна: правило близости или grouping/proximity principle.

теория

упражнение

Размещение на Github Pages

Освежить память по теме хостинга и разместить статичную страницу бесплатно на Github Pages.

теория

Интеграция с соц. сетями и семантический веб

Рассмотреть инструменты разметки для лучшей интеграции с социальными сетями.

Chrome DevTools

HTML

CSS

знание базовых концепций веб-дизайна, языка разметки HTML и CSS

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

 
ВЕРСТКА

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

Хекслет (Hexlet)

91 курс по 330 темам

Образовательная платформа Хекслет (Hexlet) осуществляет образовательную деятельность по направлениям программирования. В 2014 году проект...

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

Со-основатель проекта Хекслета

Программист, ранее — преподаватель в международном...

Отзывов об этом курсе пока нет

Ниже — отзывы о школе Хекслет (Hexlet): они помогут составить впечатление, но в рейтинге курса не учитываются. Проходили этот курс? Поделитесь — это поможет другим студентам.

Рекомендуем

больше курсов

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

Хекслет (Hexlet)
(0)
3 900 
Хекслет (Hexlet)
(0)
3 900 
Хекслет (Hexlet)
(1)
3 900 
Хекслет (Hexlet)
(0)
3 900 
Хекслет (Hexlet)
(0)
3 900 
Хекслет (Hexlet)
(0)
3 900 
Хекслет (Hexlet)
(11)
3 900 
Хекслет (Hexlet)
(0)
3 900 
Хекслет (Hexlet)
(0)
3 900 
Хекслет (Hexlet)
(0)
3 900 
больше курсов

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

Хекслет (Hexlet)
(0)
3 900 
Хекслет (Hexlet)
(6)
98 000 
Хекслет (Hexlet)
(0)
98 000 
Хекслет (Hexlet)
(1)
3 000