JavaScript. Профессиональная разработка веб-интерфейсов В индивидуальном формате

Базовые механики построения сеток

  • 3 части,
  • 53  задания
  • 6 испытаний
Познакомимся с техниками создания крупных сеток страниц и мелких сеток компонентов. Разберём возможности двух технологий создания раскладок: флексбоксов и гридов.
Тренажёр «Базовые механики построения сеток»

Теория

Обязательный для прохождения материал, теория, задания и испытания.

3 части53 задания6 испытаний

0/20

18 заданий2 испытания

Познакомимся с боксовой моделью и потоком. Научимся верстать сетки, ориентируясь на макет страницы. Узнаем, как управлять отступами, центровать элементы и делать колонки с помощью гридов и флексбоксов.

Пройти платную часть
0/19

17 заданий2 испытания

Узнаем, что такое микросетки и как тестировать вёрстку. Разберём, когда лучше использовать гриды, флексы, блочные и строчные боксы. Сверстаем блок навигации и список карточек со сложной плиточной раскладкой.

Пройти платную часть
0/20

18 заданий2 испытания

Познакомимся с поперечной осью флексбокса и грид-областями. Разберём, как сверстать сетку, если по макету сложно определить структуру и размеры компонента. Научимся задавать выравнивание отдельным элементам и менять элементы местами, не изменяя разметку. Сверстаем карусель и карточку с асимметричной сеткой.

Пройти платную часть