Верстка сайту на CSS Grid
ITVDN: курси програмування
Відеокурси з
програмування

    Обери свою IT спеціальність

    Підписка

    Обери свою IT спеціальність

    Підписка

      Про курс

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

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

      Читати далі...

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

      Попередні Вимоги

      Курс підійде тим, хто вже має базові знання 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.
      Читати далі...
      Завантажити матеріали курсу Для отримання матеріалів курсу необхідно авторизуватися
      Отримати сертифікат Для отримання сертифікату необхідно авторизуватися
      • Тривалість: 6 год 15 хв
      • Курс створено: 22.01.2021
      • Уроків: 10
      • Оновлено: 05.02.2021
      • Мова: російська

      Що входить до курсу

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

      ×

      Ви відкрили доступ до тесту! Пройти тест

      Ви дійсно бажаєте відкрити доступ до тестування за курсом Верстка сайту на CSS Grid на 40 днів?

      Увійдіть або зареєструйтеся для того, щоб продовжити перегляд безкоштовного відео

      Мета уроку – познайомитися з особливостями курсу, налаштувати робоче оточення, створити набір стилів для подальшої роботи в курсі та розглянути приклади роботи грід.

      Читати далі...

      Мета уроку – познайомитися з основними властивостями та базовими можливостями display grid. Дізнатися про одиниці вимірювання в display grid і розглянути різницю.

      Читати далі...

      Мета уроку - познайомитися з функцією repeat, вивчити роботу грід ліній, закріпити практично можливості об'єднання комірок і іменування ліній.

      Читати далі...

      Мета уроку познайомитися з grid-template-areas та навчитися розбивати грід на grid-areas. Навчиться вирівнювати комірки гріда за допомогою правил justify-items та align-items.

      Читати далі...

      Мета уроку - познайомитися з вирівнюванням контенту та комірок гріду. Навчитися використовувати значення max-content та min-content.

      Читати далі...

      Мета уроку - познайомитися з ордерингом елементів та навчитися управляти відображенням елементів у блоці. Навчитися обмежувати сфери переміщення блоків з абсолютним позиціонуванням.

      Читати далі...

      Мета уроку - познайомитися з автовластивістю грід, навчитися контролювати побудову гріду. Розглянути практичні приклади функції minmax.

      Читати далі...

      Мета уроку – познайомитися з різними варіантами використання властивостей flex та grid. Розглянути приклади перетворення флекс блоків на грід.

      Читати далі...

      Мета уроку - познайомитися з можливостями суміщення медіа запитів та правил грідблоків. Використовувати медіа запити для гнучкої трансформації грід лейауту.

      Читати далі...

      Мета уроку - познайомитися з гіт та гітхаб, створити проект та задеплоїти створений проект на github page.

      Читати далі...
      ПОКАЗАТИ ВСЕ

      Купуй передплатуз доступом до всіх курсів та сервісів

      Бібліотека сучасних IT знань у зручному форматі

      Вибирай свій варіант підписки залежно від завдань, що стоять перед тобою. Але якщо потрібно пройти повне навчання з нуля до рівня фахівця, краще вибирати Базовий або Преміум. А для того, щоб вивчити 2-3 нові технології, або повторити знання, готуючись до співбесіди, підійде Пакет Стартовий.

      Стартовий
      • Усі відеокурси на 3 місяці
      • Тестування з 10 курсів
      • Перевірка 5 домашніх завдань
      • Консультація з тренером 30 хв
      59.99 $
      Придбати
      Преміум Plus
      • Усі відеокурси на 1 рік
      • Тестування з 24 курсів
      • Перевірка 20 домашніх завдань
      • Консультація з тренером 120 хв
      • Завантаження відео уроків
      120.00 $
      199.99 $
      Придбати
      Акція
      Базовий
      • Усі відеокурси на 6 місяців
      • Тестування з 16 курсів
      • Перевірка 10 домашніх завдань
      • Консультація з тренером 60 хв
      89.99 $
      Придбати
      коментарі та обговорення
      Notification success
      Ми використовуємо cookie-файли, щоб зробити взаємодію з нашими веб-сайтами та послугами простою та значущою.