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