[HTML academy] Разметка по БЭМ (2021)

[Moderator]

Автор: HTML academy Название: Разметка по БЭМ (2021) Описание: Профессиональная задача: Анализируя графический макет, нужно разделить интерфейс на компоненты и спроектировать их структуру по методологии БЭМ. Зачем нужен этот навык: Методология БЭМ (Блок, Элемент, Модификатор) — широко распространённый в веб-разработке компонентный подход к описанию структуры интерфейса. Такая структура позволяет быстро создавать предсказуемую и надёжную вёрстку интерфейсов любой сложности. БЭМ-компоненты можно легко расширять и переиспользовать без дублирования кода. Освоив этот навык, вы сможете на этапе анализа макета уверенно разделять интерфейс на независимые блоки и их элементы, определять взаимосвязи между ними, а затем воплощать полученную структуру в разметке. Состав навыка Подготовительный материал Углублённая теория Углублённая теория и методики общим объёмом 30-50 страниц. Демонстрационные кейсы Три демонстрационных кейса: 1 лёгкого уровня, 1 среднего уровня и 1 сложного уровня. Пошаговые разборы кейсов Один разбор для каждого демо-кейса. Тренировочный материал Методика 3 кейса лёгкого уровня 3 кейса среднего уровня 3 кейса сложного уровня Дополнительная теория Для тренировочных кейсов нет подробных разборов, но есть эталонное решение от авторов, которое можно сравнить со своим.