[HTML academy] Навык «Адаптивные и резиновые сетки на флексбоксе». Тариф «Полный комплект» (2020)
Описание навыка
Профессиональная задача:
Опираясь на графический макет, нужно построить сетку крупных блоков страницы с использованием флексбокса. Сетка должна быть спроектирована с учётом разных вариантов переполнения (переполнению контентом, изменению количества колонок) и должна визуально соответствовать макету.
Зачем нужен этот навык:
Грамотно построенная сетка не просто выстраивает элементы как на макете, но и делает свёрстанную страницу «пуленепробиваемой»: все элементы будут вести себя предсказуемо, не рассыпятся при изменении контента и не потребуют постоянных доработок из-за поломки в непредсказуемом месте. Флексбокс — универсальный инструмент для построения устойчивых сеток. Он работает во всех современных браузерах и гибко настраивается в коде.
Материалы комплекта
Методика
4 кейса лёгкого уровня
3 кейса среднего уровня
3 кейса сложного уровня
Дополнительная теория
Описание навыка
Профессиональная задача:
Опираясь на графический макет, нужно построить сетку крупных блоков страницы с использованием флексбокса. Сетка должна быть спроектирована с учётом разных вариантов переполнения (переполнению контентом, изменению количества колонок) и должна визуально соответствовать макету.
Зачем нужен этот навык:
Грамотно построенная сетка не просто выстраивает элементы как на макете, но и делает свёрстанную страницу «пуленепробиваемой»: все элементы будут вести себя предсказуемо, не рассыпятся при изменении контента и не потребуют постоянных доработок из-за поломки в непредсказуемом месте. Флексбокс — универсальный инструмент для построения устойчивых сеток. Он работает во всех современных браузерах и гибко настраивается в коде.
Материалы комплекта
Методика
4 кейса лёгкого уровня
3 кейса среднего уровня
3 кейса сложного уровня
Дополнительная теория
Скрытое содержимое могут видеть только пользователи групп(ы): VIP