Методология БЭМ за 17 минут. Пример верстки по БЭМ методологии // Фрилансер по жизни
Методология БЭМ это аббревиатура слов блок, элемент, модификатор. Эти объекты и являются основой всей методологии. Основанная в середине 2000х компанией Яндекс, методология БЭМ - всего лишь одна из множества подобных методологий, однако ей удалось получить серьезную популярность. В основе БЭМ лежит принцип разделения интерфейса на независимые блоки, что позволяет легко и быстро выполнять верстку любой сложности и повторно использовать уже существующий код. Сложно? Покажу пример верстки по БЭМ методологии. Пойдем разбираться!
Архив с файлами урока качай по ссылке:
Верстка макета из урока:
Больше информации по БЭМ
Настрока плагина eCSStractor для копирования классов по БЭМ
Содержание:
00:00 - Вступление
01:04 - Блок
03:00 - Элемент
1 view
511
227
7 months ago 00:18:11 3
ПЛАН РАЗВИТИЯ ФРОНТЕНД РАЗРАБОТЧИКА. ЭФФЕКТИВНОЕ ОБУЧЕНИЕ HTML CSS JAVASCRIPT
8 months ago 01:05:16 1
VS Code настройка установка плагины // Подробный гайд VS Code за час // VS Code видео обучение
9 months ago 00:44:15 1
БЭМ - простыми словами. Часть 1
9 months ago 01:54:57 1
Вёрстка сайта с 0 до результата | HTML, SCSS, БЭМ — Подробное ПОШАГОВОЕ объяснение | Часть 1
10 months ago 01:54:17 1
Вёрстка адаптивного сайта для новичков по БЭМ с адаптивностью
11 months ago 00:17:34 1
Методология БЭМ за 17 минут. Пример верстки по БЭМ методологии // Фрилансер по жизни
11 months ago 00:53:35 1
Верстка формы авторизации и регистрации по макету Figma
12 months ago 00:10:57 1
CSS in JS или самая противоречивая техника стилизации веба
1 year ago 00:42:02 1
FLEXBOX. Примеры верстки на flex. Учимся верстать на флексах. Часть четвертая - практика
1 year ago 00:06:35 1
БЭМ - это просто! Верстака в методологии Яндекс БЭМ
1 year ago 01:35:16 1
БЭМ на практике - именование классов и файловая структура
1 year ago 00:13:25 1
Урок 2. БЭМ
1 year ago 01:39:41 1
БЭМ методология. Практический пример
1 year ago 00:15:42 1
#50 Front-end. Вопросы на собеседовании
1 year ago 00:17:33 14
Вёрстка сайта Cleaning Service с нуля HTML / CSS / JS | #5
1 year ago 00:30:59 18
Вёрстка сайта Cleaning Service с нуля HTML / CSS / JS | #2
1 year ago 00:10:13 6
#1 Вёрстка сайта визитки для начинающих | HTML, CSS, JS - Структура для header и footer
1 year ago 00:28:25 2
Адаптивная верстка сайта с нуля по макету из Figma #7 CSS Grid и медиа запросы
1 year ago 00:31:57 11
Адаптивная верстка сайта с нуля по макету из Figma #4 CSS Grid и медиа запросы
1 year ago 00:40:34 18
Адаптивная верстка сайта с нуля по макету из Figma #2 Шрифты и шапка сайта
2 years ago 06:38:50 18
Полный курс HTML & CSS за 6 часов
2 years ago 00:16:14 4
#17 БЭМ: блок, элемент, модификатор [Курс по Верстке от AROKEN]