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

Заказать звонок

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

    Подписка

    Заказать звонок

    +38 099 757 27 82
    РУС
    • РУС
    • УКР
    Arrow
    🔥Последние дни акции. Весенний премиум на 15 месяцев.
    Arrow

    О курсе

    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 $
    Оформить подписку
    Весенний
    • Все видеокурсы на 15 месяцев
    • Тестирование по 24 курсам
    • Проверка 20 домашних заданий
    • Консультация с тренером 120 мин
    90.00 $
    219.99 $
    Оформить подписку
    Акция
    Премиум
    • Все видеокурсы на 1 год
    • Тестирование по 24 курсам
    • Проверка 20 домашних заданий
    • Консультация с тренером 120 мин
    169.99 $
    Оформить подписку
    комментарии и обсуждения
    Notification success