Верстка сайта на CSS Grid

О курсе

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

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

Этот курс входит в специальности:

Frontend Developer Верстальщик сайтов React Developer

Предварительные Требования

Курс подойдет тем, кто уже имеет базовые знания HTML и CSS, хочет познакомиться с CSS Grid и изучить основы работы этой технологии для уверенного использования ее на практике.

Вы научитесь

Использовать CSS Grid при выполнении верстки ваших веб страниц.
Использовать Figma для построения шаблонов для дальнейшей работы.
Создавать свои стили.
Понимать особенности и уметь применять Grid colums (столбцы) и Grid rows (строки).
Понимать и применять на практике возможности объединения ячеек и именования линий.
Применять функцию repeat.
Применять grid-template-areas и разбивать грид на grid-areas.
Выравнивать ячейки грида с помощью правил justify-items и align-items. Выравнивать контент в ячейках.
Использовать значения max-content и min-content.
Упорядочивать элементы и управлять отображением элементов в блоке.
Ограничивать области перемещения блоков с абсолютным позиционированием.
Использовать свойства flex и grid. Уметь преобразовывать флекс блоки в грид.
Понимать автосвойства грид, и уметь контролировать построение грида.
Уметь совмещать медиа запросы и правила грид блоков.
Использовать медиа запросы для гибкой трансформации грид лейаута.
Создавать готовый сверстанный проект и деплоить его на github.

Скачать материалы курса Для получения материалов курса нужно авторизоваться

Получить сертификат Для получения сертификата нужно авторизоваться

Сластен Максим

Front-End Developer

Другие курсы автора

Длительность: 6 ч 15 м
Курс создан: 22.01.2021
Уроков: 10
Обновлен: 05.02.2021
Язык: русский

Что входит в курс

10 видео уроков
Домашние задания
Тестирование
Сертификат

СМОТРЕТЬ

Войдите или зарегестрируйтесь для того чтоб продолжить просмотр бесплатного видео

№1

Вступление