HTML и CSS. Адаптивная вёрстка и автоматизация — 2024

Name: HTML и CSS. Адаптивная вёрстка и автоматизация
Price: 2118 RUB
Availability: InStock

21 участник

О чём курс

Вам нужен веб-интерфейс, который одинаково хорошо выглядит на любом устройстве — от смартфона до широкоформатного монитора. Здесь обучают верстке по индустриальным стандартам, превращая макеты в работающие проекты через глубокое понимание структуры и автоматизацию процессов.

Внутри курса разбираются:

Методология БЭМ: как разбивать сложные интерфейсы на независимые блоки, элементы и модификаторы для предсказуемой работы в команде.
Препроцессоры (Less/Sass): использование переменных, математических операций и вложенных селекторов для упрощения написания стилей.
Автоматизация сборки: настройка окружения на Node.js и использование Gulp для ускорения разработки.
Рабочий процесс разработчика: работа с системой контроля версий (GitHub), управление ветками и создание пулреквестов.

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

Программа обучения

Раздел 1. Старт
- Как проходит курс. Организационные вопросы
- Обзор личных проектов
- Как работать с наставником
- Критерии качества вёрстки
- Защита личного проекта и получение сертификата
- Рабочий процесс на курсе
- Зависимость заданий
- Настройки личных проектов
- Создание мастер-репозитория
- Структура личных проектов
- Скринкасты
- Статьи
- Проекты
Раздел 2. Методологии вёрстки
- Приёмы создания надёжной вёрстки
- Зачем нужны методологии
- Порядок в коде
- Работа в команде
- Недостатки технологий
- Обзор подходов к вёрстке: классический, независимые блоки, атомарный подход, компоненты и модули
- Методология БЭМ: принципы разбиения интерфейса, элементы, модификаторы, типичные ошибки
- Разбор учебного проекта по БЭМу
- Статьи о методологиях и стилях кодирования
- Проекты: тренировка разметки БЭМ, разметка страниц личного проекта
Раздел 3. Препроцессоры и автоматизация
- Стили на стероидах: обзор препроцессоров, новые возможности CSS, сравнение технологий
- Основные возможности: сравнение Less и Sass, переменные, математика, вложенные селекторы, операции с цветами
- Дополнительные возможности: подключение файлов, примеси и расширения, организация кода, сборка стилей
- Настройка окружения: система сборки на Node.js, сборщик Gulp, автоматизация сборки и вотчеры
- Тренажёры: работа с препроцессором Less
- Статьи об архитектуре CSS-кода, возможностях препроцессоров и настройке окружения
- Проекты

Складчина создана 8 июля 2023 г. · описание обновлено 23 марта 2026 г.

Выпуски серии 6

Все 6

2024 Вы здесьСентябрь 2022 3 588 ₽Сентябрь 2021 4 740 ₽2021 1 410 ₽Сентябрь 2020 980 ₽

Другие материалы школы 12

HA HTML Academy Все материалы

Адаптивные и резиновые сетки на гридах 125 ₽ 2 090 ₽ −94%

CSS-in-JS 262 ₽ 4 830 ₽ −95%

Протоколы и сети: основы 292 ₽ 6 200 ₽ −95%

Основы наставничества 498 ₽ 5 120 ₽ −90%

Vue.js для опытных разработчиков 1 524 ₽ 29 000 ₽ −95%

Интерактивные курсы по веб-разработке 506 ₽ 8 190 ₽ −94%

Дерево профессиональных навыков 3 570 ₽ 24 000 ₽ −85%

HTML, CSS, JavaScript, React с нуля до разработчика 430 ₽ 629 ₽ −32%

Профессия Фронтенд-разработчик. Часть 7 из 14 1 182 ₽ 11 500 ₽ −90%

Протоколы и сети: основы 190 ₽ 4 515 ₽ −96%

Вёрстка email-рассылок 3 588 ₽ 14 900 ₽ −76%

Протоколы и сети: веб-безопасность 256 ₽ 5 040 ₽ −95%

Отзывов пока нет. Будьте первым!

Почему полный курс стоит всего 2 118 ₽?

Влада Администратор сайта

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

Как получить курс?

Влада Администратор сайта

Нажмите кнопку «Получить доступ» на этой странице и следуйте инструкциям. Вас переведёт на форму оплаты — доступны все современные способы (карта, СБП, электронные кошельки). После оплаты на почту придёт письмо с доступом: материалы выдаются в разделе «Мои складчины» на нашем основном сайте skladchik.org. Учтите: в России skladchik.org открывается только через ускоритель интернета (VPN) — настроить его можно за пару минут по инструкции на skladchik-kak-voiti.online.

Можно ли скачать курс после покупки?

Влада Администратор сайта

Да, конечно. Все материалы — видео, PDF, дополнительные файлы — можно скачать к себе на компьютер и пользоваться ими сколько угодно, без ограничений по времени. Ссылки остаются активными в вашей библиотеке «Мои складчины».