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

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

Начать бесплатно
ITVDN logo
Видеокурсы по
программированию

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

Начать бесплатно

УЛУЧШАЙТЕ НАВЫКИ С ПОМОЩЬЮ ПРАКТИКУМА

Верстка макета на CSS Grid

Вы узнаете о современной технологии верстки CSS Grid Layout (сокращенно Grid). Познакомимся с историей Grid, узнаем почему появилась эта технология в CSS. Разберем преимущества и недостатки данной технологии. А самое главное, на практике сверстатаем макет с помощью Grid. В конце вебинара нас ждут советы, подборка полезных ресурсов по Grid и ответы на вопросы от спикера.

План вебинара:

  1. Знакомство.
  2. История создания CSS Grid Layout.
  3. Основы работы с технологией Grid.
    1. Терминология.
    2. Grid container (грид-контейнер).
    3. Grid line (грид-линия).
    4. Именованные грид-линии.
    5. Grid item (грид-элемент).
    6. Многослойность в Grid.
    7. Grid area (грид-область).
    8. Grid gutter (грид-интервал).
    9. Размеры в Grid.
    10. Повторы в Grid.
  4. Преимущества использования Grid.
  5. Недостатки.
  6. Использование Grid на практике. Делаем проект по PSD макету.
  7. Подборка полезных ресурсов и статей по CSS Grid.
  8. Ответы на вопросы.

Целевая аудитория:

Начинающие верстальщики и FrontEnd разработчики.

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

Стартовый
  • Все видеокурсы на 3 месяца
  • Тестирование по 6 курсам
  • Проверка 5 домашних заданий
  • Консультация с тренером 30 мин
Базовый
  • Все видеокурсы на 6 месяцев
  • Тестирование по 8 курсам
  • Проверка 10 домашних заданий
  • Консультация с тренером 60 мин
Премиум
  • Все видеокурсы на 12 месяцев
  • Тестирование по 16 курсам
  • Проверка 20 домашних заданий
  • Консультация с тренером 120 мин
КОММЕНТАРИИ И ОБСУЖДЕНИЯ
Notification success