Dusty Frontend. БЭМ для вёрстки
Вставка
- Опубліковано 24 чер 2024
- Канал школы: t.me/dusty_frontend_school
Макет из видео: www.figma.com/file/rRgRiKmKpS...
Шпаргалка: flannel-bacon-c10.notion.site...
В качестве задания для разминки переверстайте 2-3 домашки по вёрстке по БЭМ
Домашка: переверстайте курсовое задание по вёрстке по БЭМ
00:00 Начало
1:30 Что такое БЭМ?
2:51 Какую проблему решаем?
7:10 Блок
16:30 Элемент
28:40 Модификатор
36:00 Применяем на практике
1:27:40 Что делать не надо?
Отличное объяснение БЭМ, спасибо!
Спасибо большое! Самое лучше разъяснение!
Самое доходчивое объяснение БЭМ из всех что я видел. Круто! 😊
Спасибо, здОрово. продолжайте! Лайк, подписка!
Канал находка, жаль мало лайков
лучшее объяснение, ты просто космос
Спасибо за объяснение, если не забросишь, уверен, что в будущем, твой канал взлетит!)
Спасибо! Все четко подписка!
Привет ! А как можно поработать с описанным дизайн-макетом , который демонстрируется в видео ?
Привет! Завтра принесу ссылку, спасибо за коммент:)
www.figma.com/file/rRgRiKmKpSzgVQ1IYSP2Vp/Проект-Сергея-(Copy)?type=design&node-id=0-1&mode=design&t=41zrUDZBAzgpZwdI-0 вот и она :)
Зачем париться с БЭМ, когда есть теже модули ?
Ну, классический вопрос.
Начну с того, что модули решают проблему пересечения классов и только ее. Единой системы сущностей (предсказуемость устройства компонентов), как в БЭМ, они не дадут.
БЭМ также сделает позволяет ввести все - и js, и документацию и тесты в свою систему, замедляя превращение проекта в бардак.
Даже в вёрстке, как по мне, БЭМ класс который видно в html коде проще затем найти в исходниках.
Но, БЭМ требует действительно «парится», то есть, как минимум, понять методологию, модули же позволяют просто кодить и ни о чем не думать.
Итого: если у вас есть какой-то свой способ контролировать бардак на проекте, то можно обойтись без БЭМ. Но после его понимания, довольно странно пользоваться своими костылями, если есть универсальная методология, понятная заметному проценту профессионального сообщества