БЭМ (Блок, Элемент, Модификатор) — компонентный подход к веб-разработке. В его основе лежит принцип разделения интерфейса на независимые блоки. Он позволяет легко и быстро разрабатывать интерфейсы любой сложности и повторно использовать существующий код, избегая «Copy-Paste».


Установка

• Минимальные требования
• Node.js 0.10+;
• Git Bash — для пользователей операционной системы Windows.
  
  
• Сделайте локальную копию project-stub




git clone https://github.com/bem/project-stub.git --depth 1 start-project
cd start-project
npm install



Важно: Не используйте права суперпользователя (root) при установке npm- и bower-зависимостей.
bower-зависимости ставятся при выполнении npm postinstall в папку libs.



• Запустите

npm start




• Проверить работу по адресу: http://localhost:8080/desktop.bundles/index/index.html

Должна открыться страница с примерами блоков библиотеки.


Пошаговая инструкция: https://ru.bem.info/platform/tutorials/quick-start-static/


Презентация





bem-xjst — шаблонизатор для тех, кто ведёт веб-разработку в рамках БЭМ-методологии.


Шаблонизатор содержит два движка:
BEMHTML — для преобразования BEMJSON в HTML.
BEMTREE — для преобразования BEMJSON с данными в BEMJSON с БЭМ-деревом для последующего преобразования с помощью BEMHTML.


Как писать шаблоны на оф. сайте: https://ru.bem.info/platform/bem-xjst/