Доступ на годВ честь недели кода до 21 октября открыты все 7 глав курса «Основы JavaScript»Присоединяйтесь к неделе кода и изучайте JavaScript!

Построение сеток

«Сетка» или «раскладка» — это расположение крупных блоков страницы. Проще говоря, учимся строить колонки.
Начать курс
Курс «Построение сеток»

Теория

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

6 глав145 заданий17 испытаний

0/23

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

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

Начать
0/32

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

Попробуем поймать поток документа и разобраться что это такое. Взглянем на тонкости свойства float и блочно-строчных элементов. Отработаем основные приёмы построения сеток.

Начать
0/18

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

Взглянем на таблицы с другой стороны: научимся строить их с помощью CSS, исследуем и опробуем на практике редкие табличные свойства. А также нас ждёт интересное и непростое путешествие за Святым Граалем.

Начать
0/31

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

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

Начать
0/28

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

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

Начать
0/30

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

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

Начать

Скоро будут итоговые испытания!