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

 



Этот курс входит в специальности:
О курсе
  • Курс создан:   22.01.2021
  • Длительность:   6 ч 15 м
  • Обновлен:   05.02.2021
  • Уроков:   10

ВИДЕОУРОК №1. Вступление

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

Доступ к полному курсу с учебными материалами и тестированием на 30 дней за 9.99 USD

Купить
Пройти тест

×

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

Вы действительно хотите открыть доступ к тестированию по курсу Верстка сайта на CSS Grid на 40 дней?

Описание видеоурока
Титры видеоурока
Скачать материалы
Рекомендуемая литература
Цель урока - познакомиться с особенностями курса, настроить рабочее окружение, создать набор стилей для дальнейшей работы в курсе и рассмотреть примеры работы грид.
Титров к данному уроку не предусмотрено
Рекомендуемой литературы к данному уроку не предусмотрено
комментарии и обсуждения
Notification success
Мы используем cookie-файлы, чтобы сделать взаимодействие с нашими веб-сайтами и услугами простым и значимым.