Серия онлайн-курсов
Курс «HTML и CSS. Адаптивная вёрстка и автоматизация»: все выпуски
Школа HTML Academy
Все выпуски курса собраны на одной странице. Сравните даты, цены, содержание и отзывы, выберите нужный выпуск и оформите его отдельно. Выпуски со статусом «Можно купить» доступны для получения после оплаты.
5 выпусков
3 можно купить
от 980 ₽ цена участия
до −95%экономия
Последний выпуск серии2024 Можно купить
2 118 ₽ 20 000 ₽
Цена и доступность
Все выпуски курса
Каждый выпуск — самостоятельный материал. Откройте карточку, чтобы проверить состав материалов и условия получения.
Статусы и цены показаны отдельно для каждого выпуска и обновляются вместе с каталогом.
Описание и содержание
О курсе
Вёрстка макетов, которые одинаково выглядят на любом устройстве. Актуальная редакция HTML Academy состоит из трёх разделов: старт, методологии вёрстки, препроцессоры и автоматизация. В программе БЭМ для разбиения интерфейса на блоки, Less и Sass, сборка проекта на Node.js и Gulp, а также Git и GitHub для командной работы. Курс ориентирован на тех, кто хочет выйти на профессиональный уровень вёрстки.
Выпусков пять: от сентября 2020 до 2024 года. Программа 2024 года описана тремя разделами, а в сентябре 2022 перечислены отдельные темы: медиазапросы и mobile-first, CSS-методологии и архитектура кода, финальный проект с личным наставником. В списке 2024 года проекта с наставником нет. Выпуск сентября 2021 называет разметку по БЭМ, препроцессоры, адаптивную сетку, адаптивную и ретиновую графику, автоматизацию сборки. Остальные выпуски описаны по-разному, поэтому проверьте на странице каждого, входят ли в него итоговый проект и работа с наставником.
Вам нужен веб-интерфейс, который одинаково хорошо выглядит на любом устройстве — от смартфона до широкоформатного монитора. Здесь обучают верстке по индустриальным стандартам, превращая макеты в работающие проекты через глубокое понимание структуры и автоматизацию процессов.
Внутри курса разбираются:
- Методология БЭМ: как разбивать сложные интерфейсы на независимые блоки, элементы и модификаторы для предсказуемой работы в команде.
- Препроцессоры (Less/Sass): использование переменных, математических операций и вложенных селекторов для упрощения написания стилей.
- Автоматизация сборки: настройка окружения на Node.js и использование Gulp для ускорения разработки.
- Рабочий процесс разработчика: работа с системой контроля версий (GitHub), управление ветками и создание пулреквестов.
Программа ориентирована на тех, кто хочет выйти на профессиональный уровень верстки. Итогом обучения станет рабочий проект, сверстанный по правилам, принятым в современной фронтенд-разработке.
Содержание
Программа курса
По выпуску «2024» — самому свежему из тех, где опубликована программа.
- Раздел 1. Старт
- Как проходит курс. Организационные вопросы
- Обзор личных проектов
- Как работать с наставником
- Критерии качества вёрстки
- Защита личного проекта и получение сертификата
- Рабочий процесс на курсе
- Зависимость заданий
- Настройки личных проектов
- Создание мастер-репозитория
- Структура личных проектов
- Скринкасты
- Статьи
- Проекты
- Раздел 2. Методологии вёрстки
- Приёмы создания надёжной вёрстки
- Зачем нужны методологии
- Порядок в коде
- Работа в команде
- Недостатки технологий
- Обзор подходов к вёрстке: классический, независимые блоки, атомарный подход, компоненты и модули
- Методология БЭМ: принципы разбиения интерфейса, элементы, модификаторы, типичные ошибки
- Разбор учебного проекта по БЭМу
- Статьи о методологиях и стилях кодирования
- Проекты: тренировка разметки БЭМ, разметка страниц личного проекта
- Раздел 3. Препроцессоры и автоматизация
- Стили на стероидах: обзор препроцессоров, новые возможности CSS, сравнение технологий
- Основные возможности: сравнение Less и Sass, переменные, математика, вложенные селекторы, операции с цветами
- Дополнительные возможности: подключение файлов, примеси и расширения, организация кода, сборка стилей
- Настройка окружения: система сборки на Node.js, сборщик Gulp, автоматизация сборки и вотчеры
- Тренажёры: работа с препроцессором Less
- Статьи об архитектуре CSS-кода, возможностях препроцессоров и настройке окружения
- Проекты
Чему научитесь
- Создавать адаптивную вёрстку сайтов
- Использовать методологию БЭМ для структурирования кода
- Писать стили с использованием препроцессоров Less/Sass
- Автоматизировать сборку проекта с помощью Gulp и Node.js
- Работать с системой контроля версий Git и GitHub в командной среде
Чем отличаются выпуски
- 2024 в сравнении с выпуском «Сентябрь 2022»: новые темы Раздел 1. Старт; Раздел 2. Методологии вёрстки. нет в новом выпуске Адаптивная вёрстка: медиа-запросы, mobile-first; CSS-методологии и архитектура кода; Финальный проект с личным наставником.
- Сентябрь 2021 в сравнении с выпуском «2021»: новые темы Создание разметки по методологии БЭМ; Написание CSS-кода на препроцессорах; Создание адаптивной сетки; Работа с адаптивной графикой; Работа с ретиновой графикой; Автоматизация сборки проекта для публикации.
Сравнение составлено автоматически по программам на страницах выпусков.
Опыт участников
Отзывы участников
Отзывы собраны со страниц всех выпусков. В каждой карточке видно, к какому выпуску относится оценка.
У этой серии пока нет отзывов
Написать первымЕсли вы знакомы с одним из выпусков, поделитесь впечатлениями — это поможет другим выбрать.
Получение доступа
Как купить и скачать курс
Покупать всю серию не нужно: оформление проходит на странице выбранного выпуска.
- 1
Выберите выпуск
Сравните период, цену, статус, содержание и отзывы.
- 2
Откройте карточку
Проверьте состав материалов и нажмите кнопку получения доступа.
- 3
Оплатите долю
Для предзаказа дождитесь завершения сбора; доступный выпуск уже готов к покупке.
- 4
Получите материалы
Инструкция придёт на почту, а заказ появится в разделе «Мои складчины».
Перед покупкой
Частые вопросы о серии
Можно ли купить курс «HTML и CSS. Адаптивная вёрстка и автоматизация» сейчас?
Да. Сейчас 3 выпуска доступны со статусом «Можно купить». Откройте карточку нужного выпуска, чтобы увидеть актуальную цену и получить доступ к оформлению.
Сколько выпусков курса «HTML и CSS. Адаптивная вёрстка и автоматизация» доступно?
В серии собрано 5 выпусков. Каждый выпуск оформляется отдельно: на этой странице можно сравнить дату, статус, цену, скидку, рейтинг и отзывы.
Как выбрать подходящий выпуск?
Начните со свежего выпуска, если нужна наиболее новая версия материала. Архивный выпуск стоит выбрать, если вам важны программа конкретного периода, его цена или отзывы участников. Подробное содержание находится на странице каждого выпуска.
Как скачать материалы после оплаты?
После оформления инструкция приходит на электронную почту, а доступ отображается в разделе «Мои складчины» на основной платформе — оттуда можно скачать материалы. Для выпуска в предзаказе они становятся доступны после завершения сбора.
Нужно ли покупать все выпуски серии?
Нет. Выпуски — самостоятельные материалы: можно купить только выбранную версию курса. Стоимость в карточке относится именно к одному выпуску, а не ко всей серии.
Ещё по теме
Все материалы: Программирование и IT
