Верстка на Grid

О курсе

CSS Grid Layout – это гибкий и мощный способ управления размещением элементов, который вместе с базовыми элементами CSS реализует полную и завершенную систему создания макетов веб-страниц.

При прохождении курса «Верстка на Grid» вы познакомитесь с основами CSS Grid и на практике узнаете, как эффективно использовать CSS Grid для создания гибких и адаптивных макетов. Вы научитесь создавать сетки с помощью grid-template-columns и grid-template-rows, задавать размеры и расположение элементов внутри сетки с использованием grid-column и grid-row, а также управлять пространством между элементами с помощью grid-gap. По окончании курса вы можете создавать сложные сетки, поймете, как управлять расположением и размерами элементов, а также научитесь использовать мощные функции, такие как позиционирование элементов, создание областей сетки и многие другие.

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

Курс «Верстка на Grid» идеально подходит для веб-разработчиков, дизайнеров и всех, кто заинтересован в создании современных и адаптивных веб-страниц с помощью CSS Grid.

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

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

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

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

Вы научитесь

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

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

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

Кинаш Станислав

FrontEnd Developer

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

Длительность: 3 ч 46 м
Курс создан: 02.07.2023
Уроков: 10 из 10
Обновлен: 02.07.2023
Язык: украинский

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

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

СМОТРЕТЬ

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

№1

Основные понятия Grid Layout