Вебинар по БЭМ: сборка и оптимизация проекта

30 апреля 2015
Онлайн
Материалы опубликованы

Методология БЭМ рекомендует сохранять каждый блок в отдельный файл. Но потом их ещё нужно собрать.

Мы показали, как это делается, на примере Gulp — сами вы сможете затем использовать практически любой сборщик. Возможно, кто-то из вас даже пробовал bem-tools или ENB, и это здорово. В будущем мы обязательно расскажем, почему для сборки проектов в Яндексе используем именно их.

Это вебинар для тех, кто уже немного знаком с БЭМ. Необходимы базовые знания HTML и CSS, понимание общих процессов веб-разработки и умение пользоваться командной строкой. Для выполнения заданий понадобится терминал с установленными git, Node.js и npm, а также знания, полученные на прошлом вебинаре.

Если вы пропустили его, обязательно посмотрите видео.

Содержание вебинара

Краткий повтор: основы методологии БЭМ и именование сущностей в CSS, HTML и файловой системе.

Сборка БЭМ-проекта с помощью Gulp:

  • сборка блоков в технологии CSS и изображений;
  • сборка только нужных блоков, используемых в html-файлах;
  • оптимизация рабочего процесса с помощью browser-sync и postCSS.

Автоматизация рутинной работы с помощью командной строки.

Технологии

БЭМ
БЭМ (Блок, Элемент, Модификатор) — компонентный подход к веб-разработке.

Опубликованные материалы

17:00Вебинар по БЭМ: сборка и оптимизация проектаСмотреть