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

Погружение в техники раскладок

  • 3 части,
  • 80  заданий
  • 9 испытаний

Погрузимся в основные механизмы создания раскладок: флексбоксы и гриды. Разберём основы и тонкости. Закрепим знания, сверстав несколько раскладок с помощью каждой технологии.

Тренажёр «Погружение в техники раскладок»

Теория

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

3 части80 заданий9 испытаний

0/31

28 заданий3 испытания

Рассмотрим основы нового механизма «гибкой» раскладки — флексбокс. Сначала потренируемся «на котиках» направлять оси флекс-контейнера, выравнивать и переносить флекс-элементы, а затем научимся простому применению флексбокса в реальных интерфейсах.

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

25 заданий3 испытания

Узнаем как управлять размерами и отступами флекс-элементов и как работают коэффициенты растяжения и сжатия, а также потренируемся создавать «гибкие» раскладки и элементы интерфейса.

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

27 заданий3 испытания

В этой части мы начнём изучать технологию гридов: разберём, как разными способами создавать грид-раскладки, как управлять расположением грид-элементов в грид-контейнере. Затем мы применим полученные знания на практике и сверстаем с помощью гридов пару небольших интерфейсов.

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