Добрый день, друзья!
Сегодня у нас хорошие новости для всех, кто хочет усовершенствовать свою технику вёрстки веб-страниц – на ITVDN вышли все уроки курса "Вёрстка на Grid". Курс на украинском языке!
CSS Grid – это популярный механизм удобного расположения элементов на сайте (по принципу сети или таблицы со строками и столбцами) с возможностью лёгкой реализации адаптивности под различные экраны.
Данный курс предоставит вам не только теоретическое понимание лучших практик и современных трендов в области вёрстки, но и практические навыки реализации гибких веб-макетов.
Автор курса – Кинаш Станислав, FrontEnd Developer.
Продолжительность курса – 3 часа 46 минут.
Структура курса:
- Основные понятия Grid Layout.
- Grid-треки (Grid-полосы).
- Явный и неявный Grid, gap, minmax, grid-column/row.
- Subgrid, Grid vs. Flexbox, auto-fill/auto-fit.
- Позиционирование по направляющим линиям Grid, grid-area, grid span.
- Шаблоны Grid-областей.
- Определение названий линий в Grid.
- Grid-auto-flow, анонимные элементы Grid.
- Выравнивание блоков в CSS-разметке Grid.
- Создание проекта.
Чему вы научитесь на данном курсе:
- Использовать CSS Grid для грамотной вёрстки ваших веб-страниц.
- Использовать Figma для построения шаблонов и дальнейшей работы.
- Реализовывать адаптивные макеты с помощью медиа-запросов.
- Использовать Grid для вёрстки под различные устройства и экраны.
- Использовать свойства flex и grid. Уметь превращать флекс блоки в грид.
- Создавать готовый свёрстанный проект и деплоить его на GitHub.
- И многое другое.
Предварительные требования
Курс подойдет тем, кто уже имеет базовые знания HTML и CSS.
Смотрите первый урок в свободном доступе. Курс уже доступен на нашем сайте в полном объеме – к каждому уроку есть практические задания и опорный конспект для более глубокого усвоения материала. Если у вас есть активная подписка, вы можете посмотреть его прямо сейчас.
Курс входит в комплексную программу подготовки по специальностям:
