[HTML ACADEMY] Навык «Построение сеток на флексах по макету» (2020)
Цена:
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
Название: Навык «Построение сеток на флексах по макету» (2020)
Описание профессиональной задачи
Опираясь на графический макет, нужно построить сетку крупных блоков страницы с использованием флексбокса. Сетка должна быть спроектирована с учётом разных вариантов переполнения (переполнению контентом, изменению количества колонок) и должна визуально соответствовать макету.
Этот навык посвящён созданию произвольных сеток на чистом CSS, без использования готовых сеточных систем.
В комплект для отработки навыка входят
- Углублённая теория, дополняющая главы курсов.
- Описание методик для построения сеток на флексах.
- 4 демонстрационных кейса, показывающих как применять методики. Включают макеты и пошаговые демонстрации.
- 10 рабочих кейсов для закрепления навыка. Включают макеты и авторские решения для самопроверки.
Подробнее:
Скачать: