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

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

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

    Выбери свою 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 месяца
      • Тестирование по 10 курсам
      • Проверка 5 домашних заданий
      • Консультация с тренером 30 мин
      Базовый
      • Все видеокурсы на 6 месяцев
      • Тестирование по 16 курсам
      • Проверка 10 домашних заданий
      • Консультация с тренером 60 мин
      Премиум
      • Все видеокурсы на 1 год
      • Тестирование по 24 курсам
      • Проверка 20 домашних заданий
      • Консультация с тренером 120 мин
      new
      Премиум Plus
      • Все видеокурсы на 1 год
      • Тестирование по 24 курсам
      • Проверка 20 домашних заданий
      • Консультация с тренером 120 мин
      • Скачивание видео уроков
      КОММЕНТАРИИ И ОБСУЖДЕНИЯ
      Notification success
      Мы используем cookie-файлы, чтобы сделать взаимодействие с нашими веб-сайтами и услугами простым и значимым.