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

Выбери свою 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.

Читать дальше...
ПОКАЗАТЬ ВСЕ

Покупай подпискус доступом ко всем курсам и сервисам

Библиотека современных IT знаний в удобном формате

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

Стартовый
  • Все видеокурсы на 3 месяца
  • Тестирование по 10 курсам
  • Проверка 5 домашних заданий
  • Консультация с тренером 30 мин
59.99 $
Оформить подписку
Премиум Plus
  • Все видеокурсы на 1 год
  • Тестирование по 24 курсам
  • Проверка 20 домашних заданий
  • Консультация с тренером 120 мин
  • Скачивание видео уроков
199.99 $
Оформить подписку
Базовый
  • Все видеокурсы на 6 месяцев
  • Тестирование по 16 курсам
  • Проверка 10 домашних заданий
  • Консультация с тренером 60 мин
89.99 $
Оформить подписку
комментарии и обсуждения
Notification success