- Тренажер с практикой
-
Бессрочный доступ к теории
-
Асинхронный формат обучения
Включено в курс
Чему вы научитесь
- Базовым свойствам CSS Grid Layout.
- Создавать сетки и управлять пространством внутри них.
- Управлять расположением HTML-элементов внутри сетки.
- Адаптировать сетки для разных разрешений экрана.
Описание
На этом курсе вы изучите позиционирование с помощью CSS Grid. Вы узнаете больше о создании сеток и управлении элементами внутри них. В итоге вы научитесь распределять пространство внутри ячеек, адаптировать сетки под разные размеры экрана и создавать свои собственные сетки. CSS Grid пригодится, если вы решите создавать сложные сеточные шаблоны, в которых необходимо одновременно управлять элементами по двум осям. Знания из этого курса помогают программистам быстро создавать сложные журнальные шаблоны. Этот курс подойдет всем веб-разработчикам, которые хотят использовать современные стандарты. Чтобы учиться было проще, стоит заранее изучить основы верстки текста и позиционирование.
Программа курса
-
3
Первая сетка
Поговорим о свойствах, позволяющие создавать сетки с помощью CSS Grid Layout -
4
Расположение элементов в сетке
Изучаем свойства, позволяющие произвольно располагать элементы внутри сетки -
6
Неявная сетка
Поговорим отличия явной и неявной сетки, изучим свойства grid-auto-rows и grid-auto-columnsтесты
-
7
Позиционирование и Grid
Изучаем влияние свойств позиционирования и z-index при использовании внутри сеткитесты
-
8
Дополнительные материалы
Статьи и видео, подобранные командой Хекслета. Помогут глубже погрузиться в тему курса
Формат обучения
Испытания
Это практические задания, которые мы советуем выполнить после завершения курса. Задания помогут вам получить дополнительный опыт в программировании и закрепить полученные навыки. Обычно мы рекомендуем выполнить 3-5 испытаний. Но если не получается, не отчаивайтесь. Просто вернитесь к ним позже