Курс «CSS: Вёрстка на Grid»

CSS3

Grid

Сетки

Адаптивность

Последнее обновление: 24 октября 2025 г.

Оформить подписку

3 900 рублей в месяц за все курсы

Включено в курс

7 уроков (видео и/или текст)

3 упражнения в тренажере

23 проверочных теста

Самостоятельная работа

Дополнительные материалы

Доступ ко всем курсам

Описание

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

Чему вы научитесь

Базовым свойствам CSS Grid Layout.
Создавать сетки и управлять пространством внутри них.
Управлять расположением HTML-элементов внутри сетки.
Адаптировать сетки для разных разрешений экрана.

Программа

1	Введение Знакомимся с концепцией Grid, говорим о ключевых моментах и отличиях от Flex
2	Терминология Знакомимся с понятиями сеток и их составлящими в CSS Grid Layout
3	Первая сетка Поговорим о свойствах, позволяющие создавать сетки с помощью CSS Grid Layout
4	Расположение элементов в сетке Изучаем свойства, позволяющие произвольно располагать элементы внутри сетки
5	Работа с сеткой Изучаем отступы между полосами и выравнивание полос сетки
6	Неявная сетка Поговорим отличия явной и неявной сетки, изучим свойства grid-auto-rows и grid-auto-columns
7	Позиционирование и Grid Изучаем влияние свойств позиционирования и z-index при использовании внутри сетки

Формат обучения

Испытания

1	Швейцарский плакат
2	Pictagram
3	Футуристический плакат
4	Компонент «Клавиатура»
5	Неопластициз��