Верстка макета на CSS Grid.
- Angular Углубленный
- Angular Базовый
- TypeScript
- JavaScript + AI: как войти в разработку в 2026 году
- Создание лендинга с помощью ИИ: подводные камни и практические советы для новичков
- Frontend in 2026: How to Use AI to Get Ahead
- Frontend во времена AI: 8 советов, которые помогут тебе вырваться вперёд
- Как получить грант на IT-обучение и пройти стажировку
- Путь во фронтенд: Все о обучении и карьере в 2025 году
- Roadmap для изучения FrontEnd
- Как получить грант на ІТ-обучение?
- Покоряем React Context: секреты, примеры и лучшие практики
- Компонентное тестирование на фронтенде с Playwright
Вы узнаете о современной технологии верстки CSS Grid Layout (сокращенно Grid). Познакомимся с историей Grid, узнаем почему появилась эта технология в CSS. Разберем преимущества и недостатки данной технологии. А самое главное, на практике сверстатаем макет с помощью Grid. В конце вебинара нас ждут советы, подборка полезных ресурсов по Grid и ответы на вопросы от спикера.
План вебинара:
- Знакомство.
- История создания CSS Grid Layout.
- Основы работы с технологией Grid.
- Терминология.
- Grid container (грид-контейнер).
- Grid line (грид-линия).
- Именованные грид-линии.
- Grid item (грид-элемент).
- Многослойность в Grid.
- Grid area (грид-область).
- Grid gutter (грид-интервал).
- Размеры в Grid.
- Повторы в Grid.
- Преимущества использования Grid.
- Недостатки.
- Использование Grid на практике. Делаем проект по PSD макету.
- Подборка полезных ресурсов и статей по CSS Grid.
- Ответы на вопросы.
Целевая аудитория:
Начинающие верстальщики и FrontEnd разработчики.