БЭМ (Блок-Элемент-Модификатор) - это методология разработки веб-приложений, в основе которой лежит компонентный подход. БЭМ делает создание сложных интерфейсов проще.
БЭМ предлагает строить приложение из отдельных блоков. Описать это чуть подробнее. Дальше - блоки в 3 колонки.
- Блоки - небольшие - их легче держать в голове, чем всё приложение сразу
- Блоки - отдельные - когда вы меняете что-то внутри одного блока, остальные блоки не сломаются
- Блоки - независимые - их легко использовать повторно без копипаста
- Блоки имеют название - общая терминология проекта упрощает коммуникации в команде
- Блоки образуют структуру - структурированный код проще рефакторить
- Блоки - <какие?> - пояснение
Методология БЭМ содержит несколько основных идей. Для знакомства с ними нужно 5 минут, например, можно прочитать о них за утренним кофе. Это был вступительный текст, дальше сборку картинка и список идей: в каждой ссылка-заголовок + пара строчек пояснения
- БЭМ-сущности: Приложение состоит из блоков. У них могут быть элементы и модификаторы
- Файловая система: БЭМ предлагает хранить файлы блоков отдельно. Что это дает
- Сборка Чтобы запустить код блоков в приложении, вам понадобится сборка. (про декларации, зависимости, уровни переопределения)
- Принципы технологий: описать общие принципы вместо описания JS и CSS (декларативное объявление, зависимость от порядка) с примерами!
- Соглашение по именованию: Для сопоставления БЭМ-сущностей в разных технлогиях придумали правила формирования их идентификаторов.
- BEM is okay, Имя Фамилия
- Другой отзыв, Имя Фамилия
- Еще один отзыв, Имя Фамилия
- Четвертый отзыв, Имя Фамилия
- Пятый отзыв, Имя Фамилия
-- Яндекс, Google, Альфа-банк, EPAM, итд
КАРТА ВСЕГО САЙТА в несколько колонок
Методология | Инструменты | Платформа | Сообщество |
---|---|---|---|
- сущности | - bemhint | - bem-xjst | - блог |
- файлы | - SDK | - i-bem | - форум |
- сборка | - ENB | - components | - события |
- имена | - libs |
(м.б. на морде это и не нужно)
- быстрый старт (по идее, здесь нужно дать ссылку на инструменты)
- история появления
- частые вопросы
Ну и в целом, кажется, что ленд выйдет довольно длинным, завезите интерфейс чтоб быстро бегать по пунктам (например, справа мини-навигация)