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

Курс «Профессиональный HTML и CSS, уровень 1»

Составитель: Денис Сметнёв · Обновлено: 22.07.2026 · Оценка на MOOC.ru: 4.8 из 5 — по 5 отзывам на нашем сайте
Средний
13 900 
16 900 
4.8 · 5 отзывов
от 580 ₽/мес в рассрочку (прим.)

Верстальщик — первая реальная профессия во фронтенде: не абстрактный «начинающий разработчик», а человек, который берёт макет и собирает из него страницу. «Профессиональный HTML и CSS, уровень 1» от HTML Academy строит именно этот фундамент: шестьдесят три дня, шесть разделов — от базовой разметки до флексбоксов на уровне сеток компонентов, плюс Figma как рабочий инструмент. Программа закрывает путь в три направления: фронтенд, JavaScript-разработку и фулстек. Но только в том случае, если основа заложена без дыр — дальше всё равно придётся возвращаться и доучивать то, что пропустил.

Подробнее


Средний
13 900 
16 900 
4.8 · 5 отзывов
от 580 ₽/мес в рассрочку (прим.)

Компания: HTML Academy (HTML академия)

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

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

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

  1. Раздел 1 Старт
  2. Раздел 2 Разметка
  3. Раздел 3 Графика
  4. Раздел 4 Базовая стилизация
  5. Раздел 5 Сетки страниц на флексах
  6. Раздел 6 Сетки компонентов на флексах

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

Фронтенд-разработчик · JavaScript-разработчик · Фулстек-разработчик

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

Junior
80 000 ₽
Middle
130 000 ₽

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

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

КурсШколаЦенаСрокРейтингДиплом
Профессиональный HTML и CSS, уровень 1 (этот) HTML Academy (HTML академия) 16 900 13 900 ₽ 2 месяца 4.8
Основы HTML и CSS Netology (Нетология) беспл. 3 недели 4.4 Сертификат Перейти
Занимательные элементы интерфейса в HTML/CSS GeekBrains (ГикБреинс) беспл. 3.8 Сертификат Перейти
Основы HTML и CSS ФРОО 24 000 ₽ 2 месяца 3.2 Обзор

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

Плюсы

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

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

  • Первый уровень — по определению не финал: курс закладывает фундамент, но до коммерческой верстки с полноценным портфолио не доводит. Скорее всего, за ним последует второй уровень — считайте итоговый бюджет заранее.
  • Шестнадцать девятьсот рублей за базовый HTML и CSS — значимая сумма для темы, по которой открытых материалов достаточно для самостоятельного старта. Платить имеет смысл, если нужна структура, дедлайны и обратная связь, а не только контент.
  • Ни поддержки трудоустройства, ни документа об окончании в описании курса нет — эти вопросы придётся прояснять напрямую в HTML Academy, если они влияют на ваш выбор.

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

Тем, кто уже верстает по макетам и понимает, чем флекс отличается от грида, — этот курс повторит вашу базу, не добавив нового. Не подходит и тем, чья цель — сразу перейти к JavaScript или фреймворкам: до логики и интерактива программа не добирается, это честно первый уровень. И если бюджет жёсткий — сначала прикиньте, не потребует ли школа продолжения: один только «уровень 1» до коммерческой верстки не доведёт.

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

При выборе курса по вёрстке смотрю на одно: что конкретно разбирают в программе и в каком порядке. Флексбоксы — обязательная часть современного фронтенда, и если курс заканчивается на «базовой стилизации», до рабочего навыка не доберётесь. Проверьте, есть ли в программе работа с макетами: Figma сегодня — стандарт передачи задач верстальщику, курс без неё выпускает людей в вакуум. Отдельно — чётко ли сформулированы профессии на выходе. Фронтенд, JavaScript-разработчик и фулстек — разные траектории и разные горизонты по зарплате; хороший курс называет их прямо, не прячет за «войти в IT». По цене: считайте не стоимость курса, а полную цепочку — если это первый уровень из нескольких, итоговые вложения будут другими.

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

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

Курс заявлен для новичков, и программа это подтверждает: первый раздел называется «Старт» и строится с нуля. Шесть разделов за шестьдесят три дня — нормальный темп, если идти без пропусков; наверстать за последнюю неделю не получится — дедлайны в гибких навыках курса упомянуты отдельно.

Сколько времени в день нужно выделять?

Точную нагрузку по часам HTML Academy в открытом описании не указывает — уточните у школы перед стартом. Ориентир для шести разделов за два месяца: час-полтора ежедневно без пропусков выходных.

Нужно ли что-то знать заранее?

Специальных требований в программе нет. Пригодится базовое умение работать с компьютером и готовность разбираться самостоятельно — между занятиями вопросы будут.

Дадут ли диплом или сертификат после курса?

Этой информации в описании нет. Если документ нужен — например, для работодателя или налогового вычета — выясните у HTML Academy до оплаты: ответ может изменить решение.

Помогут ли с трудоустройством?

Поддержки трудоустройства в описании этого курса нет. Школа называет три профессии на выходе — фронтенд, JavaScript, фулстек — но механизм помощи с первым оффером, если он есть, стоит уточнить отдельно.

Чему конкретно научусь на этом курсе?

HTML, CSS и работа с макетами в Figma — плюс разборка двух типов сеток на флексбоксах: страничных и компонентных. Хватит, чтобы сверстать страницу по макету и понимать, что происходит в коде. До JavaScript и интерактива — следующий уровень.

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

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

63 дня

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

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

Двухчасовые вебинары 2 раза в неделю, выполнение практических заданий, работа над проектом с наставником 10−15 часов в неделю

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

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

Сопровождение наставника в режиме онлайн: он будет делать ревью кода, проверять практические задания, отвечать на вопросы. Во время курса предусмотрено 5 часов голосовых консультаций или 9 часов на комфортном тарифе.

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

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

36 часов теории 90 часов практики

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

  • Понимать полный цикл работы верстальщика
  • Работать с системой контроля версий в GitHub Desktop
  • Работать с графическим макетом в редакторе Figma
  • Создавать выразительную и доступную разметку
  • Строить сетки страниц на гридах
  • Работать с кастомными свойствами, анимацией, ретиновой графикой
  • Оптимизировать код
  • Готовить завершённый проект к публикации
Перейти на страницу курса Запишись на курс
прямо сейчас!

О курсе

О курсе

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

Пакеты

Стандартный без скидки - 14900
Комфортный без скидки - 24900

Рассрочка

2480 в месяц

Первая неделя

ОБУЧЕНИЕ

Участие в живых лекциях, работа над проектом с личным наставником.

Раздел 1

Старт

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

Раздел 2

Введение в HTML

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

Вторая неделя

Раздел 3

Введение в CSS

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

Свернуть / Развернуть

Раздел 4

Редакторы и инспекторы графики

Посмотрим, какие есть редакторы и инспекторы графики, изучим интерфейс Figma, разберёмся в форматах графики, научимся выбирать правильные, экспортировать и оптимизировать.

Третья неделя

Раздел 5

Сетки и раскладки

Научимся понимать систему сеток и раскладку блоков, рассмотрим принципы работы Grid Layout и Flexible Boxes, научимся предусматривать переполнение сетки и разберёмся в блочной модели.

Раздел 6

Декоративные и контентные элементы

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

Четвёртая неделя

Раздел 7

Доступность

Поговорим про доступность, рассмотрим возможности улучшения удобства интерфейсов. Поработаем с инструментами проверки и отладки доступности.

Пятая неделя

Раздел 8

JavaScript в вёрстке

Поговорим о том, где применяется JavaScript, чем отличается DOM и HTML-дерево. Подключим и настроим JavaScript-компоненты.

Шестая неделя

ЗАЩИТА ПРОЕКТА

Подготовка проекта к итоговой защите и оценка его проверяющим наставником по критериям качества.

Первая неделя защиты

Начало подготовки к итоговой защите.

Седьмая неделя

Вторая неделя защиты

Первая оценка проекта проверяющим наставником по критериям качества.

Восьмая неделя

Третья неделя защиты

Улучшение проекта по замечаниям проверяющего наставника и подача на вторую оценку.

Девятая неделя

Четвёртая неделя защиты

Внесение финальных правок и получение итоговой оценки.

Раздел 9

Финал

Поговорим о том, как прошёл курс и куда вам двигаться дальше.

HTML

CSS

Figma

Photoshop

Git

Понимание системы сеток и раскладки блоков

Анализ макета перед вёрсткой

Работа с Grid Layout и Flexible Boxes

Подключение и настройка JavaScript-компонентов.

Базовые занания редакторов и инспекторов графики: Figma, Photoshop.

Работа с типографикой и

подключение шрифтов.

Создание интерфейса устойчивого к переполнению

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

 
ТИПОГРАФИКА FLEXBOX МОДУЛЬНЫЕ СЕТКИ РАБОТА СО ШРИФТАМИ FIGMA И PHOTOSHOP АНАЛИЗ МАКЕТА

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

HTML Academy (HTML академия)

21 курс по 77 темам

Академия HTML запустилась в 2013 году. Является участником Сколково. На платформе насчитывается 67 онлайн-курсов, 6 интенсивов и более 300...

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

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

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

HTML Academy (HTML академия)
(0)
HTML Academy (HTML академия)
(1)
HTML Academy (HTML академия)
(0)
HTML Academy (HTML академия)
(0)
HTML Academy (HTML академия)
(0)
HTML Academy (HTML академия)
(0)
HTML Academy (HTML академия)
(2)
HTML Academy (HTML академия)
(0)
HTML Academy (HTML академия)
(0)
1 770