БЭМ методология от Яндекс, Основы BEM, БЭМ для начинающих

• Обсуждение методологии БЭМ блок-элемент-модификатор.  

• Применение методологии при разработке сайтов.  

• Курс по верстке сайта с использованием Bootstrap.  

• Официальная страница и статья на Википедии.  

• Рекомендация прочитать все статьи на официальной странице.  

• Методология разработана компанией Яндекс и используется многими сервисами.  

• Блок: функционально независимый компонент страницы.  

• Элемент: составная часть блока, не может использоваться отдельно.  

• Модификатор: характеризует внешний вид или поведение элемента.  

• Введение в курс по верстке макета.  

• Применение методологии для создания верстки с нуля.  

• Использование классов для описания блоков и элементов.  

• Создание классов для блоков и элементов.  

• Повторное использование стилей для одинаковых элементов.  

• Методология помогает избежать дублирования кода.  

• Элементы в блоке меню - это отдельные пункты.  

• Модификаторы указывают цвет, размер и другие параметры элементов.  

• Рекомендуется использовать соглашение именования для названий элементов и модификаторов.  

• Первый пример именования непонятен, второй через дефис более понятен.  

• Третий вид: все новые слова начинаются с заглавной буквы.  

• Рекомендуется разделять слова через дефис и писать с маленькой буквы.  

• Элементы от блоков разделяются через два нижних подчеркивания.  

• Модификаторы разделяются через одно нижнее подчеркивание.  

• Модификатор может разделяться еще через одно подчеркивание для уточнения значения.  

• Большие названия классов могут показаться неудобными, но они делают код понятнее.  

• Осмысленные названия на английском языке помогают быстро понять структуру кода.  

• Это особенно полезно для работы в команде и повторного изучения кода.  

• Предложены альтернативные схемы именования для дополнительного ознакомления.  

• Анонс курса по верстке с использованием методологии.  

• Призыв подписаться на канал и оценить видео.