Профессиональный навык

Адаптивные и резиновые сетки на гридах

Подробное описание навыка

Описание навыка

Профессиональная задача:

Опираясь на графический макет, нужно построить адаптивную и «резиновую» сетку блоков страницы разных размеров с использованием гридов. Сетка должна соответствовать макету, быть устойчива к разным типам переполнения (изменение контента или количества колонок), а также корректно перестраиваться в зависимости от размера браузерного окна.

Зачем нужен этот навык:

При построении сетки страницы нужно выстроить элементы по макету, а также предусмотреть, как сетка будет себя вести на экране любого размера: от смартфона до широкоформатного монитора. Сетка должна быть устойчивой в любом разрешении и при этом гибко подстраиваться под доступное пространство: элементы сетки могут переноситься на новые строки, менять размеры и расположение. Механизм гридов — мощный инструмент для построения адаптивных сеток. С его помощью собираются как простые раскладки, которые можно построить и с помощью флексбоксов, так и необычные, которые другим способом, кроме гридов, на CSS собрать нельзя.

Состав навыка

Подготовительный материал

Дополняет базовые знания, полученные в интерактивных курсах, всем необходимым для начала отработки кейсов.

Углублённая теория

Углублённая теория и методики общим объёмом 30-50 страниц.

Демонстрационные кейсы

Три демонстрационных кейса, по одному для каждого уровня сложности.

В каждом кейсе в качестве входных данных мы получаем дизайн страниц. Затем, используя предложенную методику, пошагово верстаем страницу. На выходе получаем готовую разметку и стили. Все шаги детально описаны.

Пошаговые разборы кейсов

Один разбор для каждого демо-кейса.

Разборы кейсов выполнены в виде подробных текстовых демонстраций с поясняющими иллюстрациями и примерами кода.

Тренировочный материал

Кейсы с возрастающей сложностью и эталонными решениями, на которых вы и тренируете навык.

Шесть тренировочных кейсов, по два для каждого уровня сложности.

В качестве входных данных вы получаете дизайны страниц, на выходе должна получиться разметка со стилями.

Для тренировочных кейсов нет подробных разборов, но есть эталонное решение от авторов, которое можно сравнить со своим.

Открыть доступ к навыку

Экономия

Полный комплект по цене базового

Материалы в разработке. Релиз в 2021 году.

Базовый комплект

$24.99
  • Методика
  • 3 профессиональных кейса
  • Дополнительная теория

Полный комплект

$24.99
  • Методика
  • 9 профессиональных кейсов
  • Дополнительная теория

Нажимая «Оплатить», вы подтверждаете своё согласие с условиями Лицензионного договора.