🔥Останні дні акції. Весняний преміум на 15 місяців.

Верстка сайту на 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

Вступ