Верстка макета на CSS Grid.
-
Angular Углубленный
-
Angular Базовый
-
TypeScript
-
Roadmap для изучения FrontEnd
-
Как получить грант на ІТ-обучение?
-
Покоряем React Context: секреты, примеры и лучшие практики
-
Компонентное тестирование на фронтенде с Playwright
-
Что должен знать веб-разработчик в 2023-2024 годах?
-
Как стать программистом? Python, Java, FrontEnd или .NET – что выбрать?
-
Обзор Front-end фреймворков и их актуальность в 2023 году
-
FrontEnd для новичков. Создаём лендинг с нуля
-
Какая разница между Frontend и Backend разработкой?
-
Как стать Frontend-разработчиком в 2023 году
Вы узнаете о современной технологии верстки 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 разработчики.