БЭМ методология за 10 минут | Основы для начинающих

Video Description

✏️ Разбираемся что такое БЭМ методология и зачем она нужна. Знакомимся с компонентным подходом, сущностями блок, элемент и модификатор и на практике применяем БЭМ-методологию для написания разметки. 🔴 Timeline: ▶ 00:00​ | Введение ▶ 00:24​ | Общая информация ▶ 01:00​ | БЭМ-блок ▶ 02:11​ | БЭМ-элемент ▶ 03:12​ | БЭМ-блок и БЭМ-элемент одновременно ▶ 04:15​ | БЭМ-модификатор ▶ 05:57​ | Разбор макета ▶ 08:30​ | Почему БЭМ ▶ 09:31​ | Заключение 📚 Ссылки из видео: ➖ Официальная документация по БЭМ методологии: https://ru.bem.info/methodology/ ➖ Макет из примера: https://www.figma.com/file/racHPrMNd7jO0XgXQPpE7w/Positivus-Landing-Page-Design-(Community)?type=design&t=0MYQ9u3JgQjdO67J-6 🔘 PREAX (онлайн-платформа для получения РЕАЛЬНОГО опыта работы): https://preax.ru/?i=a5298766&erid=LjN8KN7jL Реклама ООО «ПРЕАКС ПЛЭТФОРМ» ОГРН 1237700372755, ИНН 9727035595 💬 Коммьюнити-чат в телеграме (помощь новичкам): https://t.me/FriendlyFrontend 🧑‍💻 Основной телеграм-канал: https://t.me/AleksanderLamkov ❤️ Boosty (поддержать автора): https://boosty.to/friendly-frontend 🗂️ Бесплатные курсы на канале: 🟠 HTML: https://youtube.com/playlist?list=PL0MUAHwery4ot0KmgGxlBSB7rXssLeA6h 🔵 CSS: https://youtube.com/playlist?list=PL0MUAHwery4o9I7QQVj_RP4ZVpmdx6evz 🟡 JS: https://www.youtube.com/playlist?list=PL0MUAHwery4qn4Y27iUxmzC-JiauX7vSL 🟢 A11y: https://youtube.com/playlist?list=PL0MUAHwery4r4gCA3AOtHgArM_UOb2QUV 🗺 Frontend Roadmap: https://youtu.be/1WRJKgwlX9w ⚪️ Мастер-класс по верстке для новичков: https://www.youtube.com/playlist?list=PL0MUAHwery4rqkzKF1mDBCIH_eZgjY6uN 🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS): https://www.youtube.com/playlist?list=PL0MUAHwery4rdZt-8E9p9zty2ZUCH6Ai3 ⚫️ Мастер-класс по верстке с практикой по JavaScript: https://youtu.be/hkYzqTKnSIg 🔴 Мастер-класс по верстке на стеке JSX, SCSS, JS, Vite, Minista (SSG), БЭМ: https://stepik.org/a/228315 📌 Автор: ➖ Личный сайт: https://aleksanderlamkov.ru/ ➖ Telegram: https://t.me/AleksanderLamkov ➖ Boosty: https://boosty.to/friendly-frontend ➖ GetMentor: https://getmentor.dev/mentor/aleksandr-lamkov-1480 ➖ Stepik (платные курсы и мастер-классы): https://stepik.org/a/228315 #frontend #фронтенд #бэм