✏️ Разбираемся что такое БЭМ методология и зачем она нужна. Знакомимся с компонентным подходом, сущностями блок, элемент и модификатор и на практике применяем БЭМ-методологию для написания разметки. 🔴 Timeline: ▶ 00:00 | Введение ▶ 00:24 | Общая информация ▶ 01:00 | БЭМ-блок ▶ 02:11 | БЭМ-элемент ▶ 03:12 | БЭМ-блок и БЭМ-элемент одновременно ▶ 04:15 | БЭМ-модификатор ▶ 05:57 | Разбор макета ▶ 08:30 | Почему БЭМ ▶ 09:31 | Заключение 📚 Ссылки: ➖ Официальная документация по БЭМ методологии:
➖ Макет из примера:
💬 Чат в телеграмме (помощь новичкам):
🔸 Boosty (поддержать канал):
🗂️ Бесплатные курсы на канале: 🟠 HTML: • HTML курс 2024 🔵 CSS: • CSS курс 2024 🟡 JS: • JavaScript курс 2024 🟢 A11y: • Accessibility курс 2024 ⚪️ Мастер-класс по верстке для новичков: • Верстка Kropp Fitness (HTML, CSS) 🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS): • Верстка Positivus (HTML, БЭМ, SCSS) 🗺 Frontend Roadmap 2024 • Frontend Roadmap 2024 | Что должен уч... 📌 Автор: ➖ Личный сайт:
➖ Telegram:
➖ Boosty:
➖ GetMentor:
➖ Solvery:
#frontend #фронтенд #бэм