Видео курс Верстка сайта на CSS Grid - видео курсы ITVDN
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 функции.
      Читати далі...
      Цель урока - познакомиться c разными вариантами использования свойств flex и grid. Рассмотреть примеры преобразования флекс блоков в грид.
      Читати далі...
      Цель урока - познакомиться с возможностями совмещения медиа запросов и правил грид блоков. Использовать медиа запросы для гибкой трансформации грид лейаута.
      Читати далі...
      Цель урока - познакомиться с гит и гитхаб, создать проект и задеплоить созданный проект на github page.
      Читати далі...
      ПОКАЗАТИ ВСЕ
      Пакети підписки з доступом до всіх курсів та сервісів

      Пакети підписки з доступом до всіх курсів та сервісів

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