DiaVol
Премиум
- 15 Сен 2015
- 15.296
- 24.198
Название: Навык «Построение сеток на флексах по макету» 2020
Автор: HTML ACADEMY
Профессиональная задача — опираясь на графический макет, нужно построить сетку крупных блоков страницы с использованием флексбокса. Сетка должна быть спроектирована с учётом разных вариантов переполнения (переполнению контентом, изменению количества колонок) и должна визуально соответствовать макету.
Вот какой базовый комплект обучающих материалов мы предлагаем для освоения навыка:
Методика построения сеток — в этом документе разбирается алгоритм создания раскладки типичных веб-страниц с помощью флексбоксов;
Кейс 1 — включает макет страницы сайта, пошаговую демонстрацию процесса создания сетки по методике;
Кейс 2 — включает макет страницы сайта, отличного от первого кейса, пошаговую демонстрацию процесса создания сетки;
Кейс 3 — включает макет сайта, похожий на макет из первого кейса, а также эталонную реализацию его сетки;
Кейс 4 — включает макет сайта, похожий на макет из второго кейса, а также эталонную реализацию его сетки;
Кейс 5 — включает макет сайта среднего уровня, пошаговую демонстрацию процесса создания сетки по методике;
Кейс 6 — включает макет сайта среднего уровня и эталонную реализацию его сетки;
Кейс 7 — включает макет сайта среднего уровня, а также эталонную реализацию его сетки;
Дополнительная теория — вспомогательные материалы, дополняющие и расширяющие теорию интерактивных курсов.
Этот навык посвящён созданию произвольных сеток на чистом CSS, без использования готовых сеточных систем.
ПРОДАЖНИК
СКАЧАТЬ МАТЕРИАЛ ПО ССЫЛКЕ НИЖЕ
Автор: HTML ACADEMY
Профессиональная задача — опираясь на графический макет, нужно построить сетку крупных блоков страницы с использованием флексбокса. Сетка должна быть спроектирована с учётом разных вариантов переполнения (переполнению контентом, изменению количества колонок) и должна визуально соответствовать макету.
Вот какой базовый комплект обучающих материалов мы предлагаем для освоения навыка:
Методика построения сеток — в этом документе разбирается алгоритм создания раскладки типичных веб-страниц с помощью флексбоксов;
Кейс 1 — включает макет страницы сайта, пошаговую демонстрацию процесса создания сетки по методике;
Кейс 2 — включает макет страницы сайта, отличного от первого кейса, пошаговую демонстрацию процесса создания сетки;
Кейс 3 — включает макет сайта, похожий на макет из первого кейса, а также эталонную реализацию его сетки;
Кейс 4 — включает макет сайта, похожий на макет из второго кейса, а также эталонную реализацию его сетки;
Кейс 5 — включает макет сайта среднего уровня, пошаговую демонстрацию процесса создания сетки по методике;
Кейс 6 — включает макет сайта среднего уровня и эталонную реализацию его сетки;
Кейс 7 — включает макет сайта среднего уровня, а также эталонную реализацию его сетки;
Дополнительная теория — вспомогательные материалы, дополняющие и расширяющие теорию интерактивных курсов.
Этот навык посвящён созданию произвольных сеток на чистом CSS, без использования готовых сеточных систем.
ПРОДАЖНИК
Вам необходимо зарегистрироваться на сайте для просмотра скрытых ссылок
СКАЧАТЬ МАТЕРИАЛ ПО ССЫЛКЕ НИЖЕ
Для просмотра скрытого содержимого вы должны зарегистрироваться
Возможно, Вас ещё заинтересует:
- [Андрей Кобец] [kobezzza] IndexedDB в действии. Тариф Расширенный (2025)
- [Инфоурок] Базовая компьютерная подготовка с изучением Windows, Word, Excel, интернета
- [Product University] Blockchain Developer c нуля
- [Venator Browser] Закладки, каталог и статьи из OSINT браузера Venator Red 2.0
- Linux для разработчиков [2024] [Слёрм] [Павел Калашников]
- [plc-edu] Дмитрий Громов - HMI Язык C++ в среде Qt Creator
- Чиним сломанные процессы [Podlodka.io, Михаил Дружинин, Дмитрий Константинов и др.]
- [Глеб Учитель] [Stepik] Проектирование архитектуры и интеграций (API / брокеры) сервисов
- Все про базы данных [Podlodka.io, Дмитрий Константинов, Константин Евтеев и т.д]
- Терминал Linux. Основы работы в командной строке [Stepik]