[HTML academy] Разметка по БЭМ (2021)
Цена:
99
Рекомендации
![[ITVDN, Роман Самчук] Unity/Game Developer (2020)](https://i1.storeland.net/2/8200/181996818/baec64/itvdn-roman-samchuk-unity-game-developer-2020.png "[ITVDN, Роман Самчук] Unity/Game Developer (2020)")
![[itvdn.com] Видео курс Django (2018)](https://i1.storeland.net/2/8200/181996819/baec64/itvdn-com-video-kurs-django-2018.png "[itvdn.com] Видео курс Django (2018)")
![[ITVDN] [ITVDN] WEB TESTING AUTOMATION ON JAVA (2019)](https://i1.storeland.net/2/8200/181996820/baec64/itvdn-itvdn-web-testing-automation-on-java-2019.png "[ITVDN] [ITVDN] WEB TESTING AUTOMATION ON JAVA (2019)")
![[itvdn] Видео курс Web Testing (2021)](https://i3.storeland.net/2/8200/181996821/baec64/itvdn-video-kurs-web-testing-2021.png "[itvdn] Видео курс Web Testing (2021)")
![[ITVDN] Видео курс StartIT QA Start Web Testing](https://i1.storeland.net/2/8200/181996822/baec64/itvdn-video-kurs-startit-qa-start-web-testing.png "[ITVDN] Видео курс StartIT QA Start Web Testing")
![[ITVDN] Видео курс StartIT QA Start (2017)](https://i1.storeland.net/2/8200/181996823/baec64/itvdn-video-kurs-startit-qa-start-2017.png "[ITVDN] Видео курс StartIT QA Start (2017)")
![[ITVDN] Видео курс Основы тестирования ПО (2014)](https://i2.storeland.net/2/8200/181996824/baec64/itvdn-video-kurs-osnovy-testirovaniya-po-2014.png "[ITVDN] Видео курс Основы тестирования ПО (2014)")
![[ITVDN] Видео курс AngularJS Essential](https://i1.storeland.net/2/8200/181996826/baec64/itvdn-video-kurs-angularjs-essential.png "[ITVDN] Видео курс AngularJS Essential")
![[ITVDN] Видео курсы по YII2 [Essential, Advanced] (2018)](https://i1.storeland.net/2/8200/181996827/baec64/itvdn-video-kursy-po-yii2-essential-advanced-2018.png "[ITVDN] Видео курсы по YII2 [Essential, Advanced] (2018)")
![[itvdn] UX/UI Design Essential (2020)](https://i2.storeland.net/2/8200/181996828/baec64/itvdn-ux-ui-design-essential-2020.png "[itvdn] UX/UI Design Essential (2020)")
![[itvdn] Unity Starter (2019)](https://i1.storeland.net/2/8200/181996829/baec64/itvdn-unity-starter-2019.png "[itvdn] Unity Starter (2019)")
![[ITVDN] TypeScript Fundamentals (2016)](https://i1.storeland.net/2/8200/181996830/baec64/itvdn-typescript-fundamentals-2016.png "[ITVDN] TypeScript Fundamentals (2016)")
![[itvdn] Тестирование ASP.NET Core MVC приложений (2020)](https://i1.storeland.net/2/8200/181996831/baec64/itvdn-testirovanie-asp-net-core-mvc-prilozhenij-2020.png "[itvdn] Тестирование ASP.NET Core MVC приложений (2020)")
![[ITVDN] TDD - Разработка через тестирование](https://i1.storeland.net/2/8200/181996832/baec64/itvdn-tdd-razrabotka-cherez-testirovanie.png "[ITVDN] TDD - Разработка через тестирование")
![[itvdn] STL - стандартная библиотека шаблонов. Теория и практика (2019)](https://i1.storeland.net/2/8200/181996833/baec64/itvdn-stl-standartnaya-biblioteka-shablonov-teoriya-i-praktika-2019.png "[itvdn] STL - стандартная библиотека шаблонов. Теория и практика (2019)")
![[itvdn] SQL Essential (2019)](https://i1.storeland.net/2/8200/181996834/baec64/itvdn-sql-essential-2019.png "[itvdn] SQL Essential (2019)")
![[ITVDN] Spring (2019)](https://i2.storeland.net/2/8200/181996835/baec64/itvdn-spring-2019.png "[ITVDN] Spring (2019)")
![[itvdn] Создание сайта на Vue.js (2020)](https://i1.storeland.net/2/8200/181996836/baec64/itvdn-sozdanie-sajta-na-vue-js-2020.png "[itvdn] Создание сайта на Vue.js (2020)")
![[itvdn] SOLID принципы в Java (2018)](https://i1.storeland.net/2/8200/181996838/baec64/itvdn-solid-principy-v-java-2018.png "[itvdn] SOLID принципы в Java (2018)")
![[itvdn] Шаблоны проектирования EFSOL (2021)](https://i1.storeland.net/2/8200/181996839/baec64/itvdn-shablony-proektirovaniya-efsol-2021.png "[itvdn] Шаблоны проектирования EFSOL (2021)")
![[itvdn] Решение практических задач на C++ (2020)](https://i2.storeland.net/2/8200/181996840/baec64/itvdn-reshenie-prakticheskih-zadach-na-c-2020.png "[itvdn] Решение практических задач на C++ (2020)")
![[itvdn] React Essential (2020)](https://i3.storeland.net/2/8200/181996841/baec64/itvdn-react-essential-2020.png "[itvdn] React Essential (2020)")
![[itvdn] Разработка под Android. Создание книги контактов (2019)](https://i1.storeland.net/2/8200/181996842/baec64/itvdn-razrabotka-pod-android-sozdanie-knigi-kontaktov-2019.png "[itvdn] Разработка под Android. Создание книги контактов (2019)")
![[ITVDN] Python (Starter и Essential)](https://i1.storeland.net/2/8200/181996843/baec64/itvdn-python-starter-i-essential.png "[ITVDN] Python (Starter и Essential)")
![[ITVDN] Python Developer (2015-2020)](https://i1.storeland.net/2/8200/181996844/baec64/itvdn-python-developer-2015-2020.png "[ITVDN] Python Developer (2015-2020)")
![[itvdn] Python Advanced (2018)](https://i1.storeland.net/2/8200/181996846/baec64/itvdn-python-advanced-2018.png "[itvdn] Python Advanced (2018)")
![[itvdn] Практикум по Алгоритмам (2020)](https://i1.storeland.net/2/8200/181996847/baec64/itvdn-praktikum-po-algoritmam-2020.png "[itvdn] Практикум по Алгоритмам (2020)")
![[ITVDN] Практический курс по верстке лендинга. Верстка лендинга с нуля (2017)](https://i3.storeland.net/2/8200/181996848/baec64/itvdn-prakticheskij-kurs-po-verstke-lendinga-verstka-lendinga-s-nulya-2017.png "[ITVDN] Практический курс по верстке лендинга. Верстка лендинга с нуля (2017)")
![[ITVDN] PHP Developer (2015-2020)](https://i1.storeland.net/2/8200/181996849/baec64/itvdn-php-developer-2015-2020.png "[ITVDN] PHP Developer (2015-2020)")
![[itvdn] PHP 8.0 Стартовый (2021)](https://i2.storeland.net/2/8200/181996850/baec64/itvdn-php-8-0-startovyj-2021.png "[itvdn] PHP 8.0 Стартовый (2021)")
![[itvdn] Основы MongoDB](https://i3.storeland.net/2/8200/181996851/baec64/itvdn-osnovy-mongodb.png "[itvdn] Основы MongoDB")
![[itvdn] Основы Java EE (2018)](https://i1.storeland.net/2/8200/181996852/baec64/itvdn-osnovy-java-ee-2018.png "[itvdn] Основы Java EE (2018)")
![[ITVDN] Node.js - Владимир Виноградов ( 2017)](https://i2.storeland.net/2/8200/181996853/baec64/itvdn-node-js-vladimir-vinogradov-2017.png "[ITVDN] Node.js - Владимир Виноградов ( 2017)")
![[itvdn] MySQL Essential (2018)](https://i1.storeland.net/2/8200/181996855/baec64/itvdn-mysql-essential-2018.png "[itvdn] MySQL Essential (2018)")
![[itvdn] КУРС РАЗРАБОТКА WEB SERVICES НА ПЛАТФОРМЕ JAVA (2018)](https://i2.storeland.net/2/8200/181996856/baec64/itvdn-kurs-razrabotka-web-services-na-platforme-java-2018.png "[itvdn] КУРС РАЗРАБОТКА WEB SERVICES НА ПЛАТФОРМЕ JAVA (2018)")
![[ITVDN] Курсы С# Стартовый (2016)](https://i2.storeland.net/2/8200/181996857/baec64/itvdn-kursy-s-startovyj-2016.png "[ITVDN] Курсы С# Стартовый (2016)")
![[ITVDN] Курсы C# БАЗОВЫЙ (ООП) (2016)](https://i1.storeland.net/2/8200/181996858/baec64/itvdn-kursy-c-bazovyj-oop-2016.png "[ITVDN] Курсы C# БАЗОВЫЙ (ООП) (2016)")
![[ITVDN] Комплект видеокурсов. IT Video Developers Network (2014)](https://i2.storeland.net/2/8200/181996859/baec64/itvdn-komplekt-videokursov-it-video-developers-network-2014.png "[ITVDN] Комплект видеокурсов. IT Video Developers Network (2014)")
![[ITVDN] Комплексный курс из 3х частей. C# от тренеров Microsoft (2016)](https://i1.storeland.net/2/8200/181996860/baec64/itvdn-kompleksnyj-kurs-iz-3h-chastej-c-ot-trenerov-microsoft-2016.png "[ITVDN] Комплексный курс из 3х частей. C# от тренеров Microsoft (2016)")
![[ITVDN] Jenkins (2020)](https://i2.storeland.net/2/8200/181996861/baec64/itvdn-jenkins-2020.png "[ITVDN] Jenkins (2020)")
![[ITVDN] Java Essential (2016)](https://i3.storeland.net/2/8200/181996862/baec64/itvdn-java-essential-2016.png "[ITVDN] Java Essential (2016)")
![[ITVDN] iOS Developer (2015-2020)](https://i3.storeland.net/2/8200/181996863/baec64/itvdn-ios-developer-2015-2020.png "[ITVDN] iOS Developer (2015-2020)")
![[ITVDN] How to C# - Starter, Essential, Proffesional](https://i2.storeland.net/2/8200/181996864/baec64/itvdn-how-to-c-starter-essential-proffesional.png "[ITVDN] How to C# - Starter, Essential, Proffesional")
![[ITVDN] Frontend Developer (2015-2020)](https://i2.storeland.net/2/8200/181996865/baec64/itvdn-frontend-developer-2015-2020.png "[ITVDN] Frontend Developer (2015-2020)")
![[ITVDN] Элементы математической логики](https://i1.storeland.net/2/8200/181996867/baec64/itvdn-jelementy-matematicheskoj-logiki.png "[ITVDN] Элементы математической логики")
![[itvdn] Django Starter (2019)](https://i4.storeland.net/2/8200/181996868/baec64/itvdn-django-starter-2019.png "[itvdn] Django Starter (2019)")
![[ITVDN] Database Developer (2015-2019)](https://i1.storeland.net/2/8200/181996869/baec64/itvdn-database-developer-2015-2019.png "[ITVDN] Database Developer (2015-2019)")
![[ITVDN] C# Starter Express (2016)](https://i1.storeland.net/2/8200/181996870/baec64/itvdn-c-starter-express-2016.png "[ITVDN] C# Starter Express (2016)")
![[ITVDN] C# Starter (2020)](https://i4.storeland.net/2/8200/181996871/baec64/itvdn-c-starter-2020.png "[ITVDN] C# Starter (2020)")
![[itvdn] Автоматизация сборки проектов с помощью Apache Maven (2018)](https://i4.storeland.net/2/8200/181996872/baec64/itvdn-avtomatizaciya-sborki-proektov-s-pomoshhyu-apache-maven-2018.png "[itvdn] Автоматизация сборки проектов с помощью Apache Maven (2018)")
![[itvdn] ASP.NET Core SignalR (2020)](https://i2.storeland.net/2/8200/181996873/baec64/itvdn-asp-net-core-signalr-2020.png "[itvdn] ASP.NET Core SignalR (2020)")
![[ITVDN] ASP.NET Базовый и Углубленный видео курс](https://i2.storeland.net/2/8200/181996874/baec64/itvdn-asp-net-bazovyj-i-uglublennyj-video-kurs.png "[ITVDN] ASP.NET Базовый и Углубленный видео курс")
![[ITVDN] Алгоритмы и структуры данных (2015)](https://i3.storeland.net/2/8200/181996876/baec64/itvdn-algoritmy-i-struktury-dannyh-2015.png "[ITVDN] Алгоритмы и структуры данных (2015)")
![[Itproger] Создание Андроид игры на unity 5](https://i3.storeland.net/2/8200/181996877/baec64/itproger-sozdanie-android-igry-na-unity-5.png "[Itproger] Создание Андроид игры на unity 5")
![[itProger] Профессия FULL STACK разработчик (2021)](https://i4.storeland.net/2/8200/181996878/baec64/itproger-professiya-full-stack-razrabotchik-2021.png "[itProger] Профессия FULL STACK разработчик (2021)")
![[Itproger] Курс по Изучение Java и библиотек java, UI дизайн и андроид разработка (2018)](https://i4.storeland.net/2/8200/181996880/baec64/itproger-kurs-po-izuchenie-java-i-bibliotek-java-ui-dizajn-i-android-razrabotka-2018.png "[Itproger] Курс по Изучение Java и библиотек java, UI дизайн и андроид разработка (2018)")
![[itProger] Изучение Python, Tkinter и Django (2018)](https://i3.storeland.net/2/8200/181996881/baec64/itproger-izuchenie-python-tkinter-i-django-2018.png "[itProger] Изучение Python, Tkinter и Django (2018)")
![[itProger] Изучение C# от новичка до профи. Пакет Стандарт (2019)](https://i3.storeland.net/2/8200/181996882/baec64/itproger-izuchenie-c-ot-novichka-do-profi-paket-standart-2019.png "[itProger] Изучение C# от новичка до профи. Пакет Стандарт (2019)")
![[Itgid] [Александр Лущенко] ООП в JS (2020)](https://i3.storeland.net/2/8200/181996883/baec64/itgid-aleksandr-lushhenko-oop-v-js-2020.png "[Itgid] [Александр Лущенко] ООП в JS (2020)")
![[ItGid] Практический HTML (2019)](https://i4.storeland.net/2/8200/181996885/baec64/itgid-prakticheskij-html-2019.png "[ItGid] Практический HTML (2019)")
Автор: HTML academy
Название: Разметка по БЭМ (2021)
Описание:
Профессиональная задача:
Анализируя графический макет, нужно разделить интерфейс на компоненты и спроектировать их структуру по методологии БЭМ.
Зачем нужен этот навык:
Методология БЭМ (Блок, Элемент, Модификатор) — широко распространённый в веб-разработке компонентный подход к описанию структуры интерфейса. Такая структура позволяет быстро создавать предсказуемую и надёжную вёрстку интерфейсов любой сложности. БЭМ-компоненты можно легко расширять и переиспользовать без дублирования кода. Освоив этот навык, вы сможете на этапе анализа макета уверенно разделять интерфейс на независимые блоки и их элементы, определять взаимосвязи между ними, а затем воплощать полученную структуру в разметке.
Состав навыка
Подготовительный материал
Дополняет базовые знания, полученные в интерактивных курсах, всем необходимым для начала отработки кейсов.
Углублённая теория
Углублённая теория и методики общим объёмом 30-50 страниц.
Демонстрационные кейсы
Три демонстрационных кейса: 1 лёгкого уровня, 1 среднего уровня и 1 сложного уровня.
В каждом кейсе в качестве входных данных мы получаем дизайн страниц. Затем, используя предложенную методику, пошагово создаём разметку. На выходе получаем готовую разметку. Все шаги детально описаны.
Пошаговые разборы кейсов
Один разбор для каждого демо-кейса.
Разборы кейсов выполнены в виде подробных текстовых демонстраций с поясняющими иллюстрациями и примерами кода.
Тренировочный материал
- Методика
- 3 кейса лёгкого уровня
- 3 кейса среднего уровня
- 3 кейса сложного уровня
- Дополнительная теория
В качестве входных данных вы получаете дизайны страниц, на выходе должна получиться разметка, выполненная по БЭМ.
Для тренировочных кейсов нет подробных разборов, но есть эталонное решение от авторов, которое можно сравнить со своим.
Подробнее:
Скачать: