Методология БЭМ за 17 минут. Пример верстки по БЭМ методологии // Фрилансер по жизни



Методология БЭМ это аббревиатура слов блок, элемент, модификатор. Эти объекты и являются основой всей методологии. Основанная в середине 2000х компанией Яндекс, методология БЭМ — всего лишь одна из множества подобных методологий, однако ей удалось получить серьезную популярность. В основе БЭМ лежит принцип разделения интерфейса на независимые блоки, что позволяет легко и быстро выполнять верстку любой сложности и повторно использовать уже существующий код. Сложно? Покажу пример верстки по БЭМ методологии. Пойдем разбираться!
Архив с файлами урока качай по ссылке: fls.guru/files/tutorials/bem.zip
Верстка макета из урока:
www.youtube.com/watch?v=ZzkcGpM7X2o&list=PLM6XATa8CAG6uDjuDuAOTsdxmhDQMDO-J&index=2
Больше информации по БЭМ
ru.bem.info/methodology/quick-start/
Настрока плагина eCSStractor для копирования классов по БЭМ
fls.guru/files/ecsstractor.zip
Содержание:
00:00 — Вступление
01:04 — Блок
03:00 — Элемент
06:02 — Модификатор
07:10 — Микс
08:21 — Практический пример
Поддержать канал: www.patreon.com/freelancerlifestyle
Instagram: www.instagram.com/freelancer.lifestyle/
Facebook: www.facebook.com/freelancerlifestyle/
Telegram канал: t.me/freelancer_lifestyle или teleg.run/freelancer_lifestyle
Меня зовут Женя Андриканич, я IT — специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками!
Ссылка на канал: www.youtube.com/c/freelancerlifestyle
«Фрилансер по жизни». Живи, а работай в свободное время! ©
#фрилансерпожизни #обучение #верстка