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

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

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

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

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

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

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

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

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