Разметка по БЭМ

69 участников

О чём курс

Вам нужно превратить графический макет в предсказуемую, чистую вёрстку — методология БЭМ (Блок, Элемент, Модификатор) позволяет сделать это без дублирования кода и хаоса в структуре. Здесь разбирают, как анализировать интерфейс, делить его на независимые компоненты и правильно проектировать их связи на этапе разметки.

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

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

  • Подготовительный материал
  • Углублённая теория (30-50 страниц)
  • Демонстрационные кейсы:
    • Кейс лёгкого уровня
    • Кейс среднего уровня
    • Кейс сложного уровня
  • Пошаговые разборы демо-кейсов (текстовые демонстрации с кодом)
  • Тренировочный материал:
    • Методика
    • 3 кейса лёгкого уровня
    • 3 кейса среднего уровня
    • 3 кейса сложного уровня
    • Дополнительная теория
    • Эталонные решения
Складчина создана 17 июля 2020 г. · описание обновлено 23 марта 2026 г.

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

HA HTML Academy Все материалы
162 ₽ 4 290 ₽