Верстка макету на 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 разработчики.
