Флексы или гриды: открытый урок по сеткам с автором курсов Колей Шабалиным

Сетками обычно называют взаимное расположение крупных визуальных блоков на странице. Но как с ними работать при многообразии технологий, что лучше использовать — флексы или гриды? Вместе с автором курсов по вёрстке разобрались в основах HTML и CSS и научились правильно строить сетки.

Вам будет полезен просмотр лайва, если вы:
- Хотите освоить новую актуальную и востребованную профессию.
- Думаете изучить веб-разработку, но не понимаете с чего начать.
- Имеете базовые знания по вёрстке и программированию и не знаете, как продвинуться дальше в обучении.

Программа лайва:
- Что такое вёрстка и как работать с боксовой моделью документа.
- Особенности вёрстки на флексах.
- Особенности вёрстки на гридах.
- Практика: верстаем карточку товара на флексах и гридах.

Спикер: Коля Шабалин — автор курсов по вёрстке в HTML Academy.

Понравилось разбираться во флексах и гридах и хотите продолжить обучение в сфере веб-разработки? Вам помогут профессии:
«Фронтенд-разработчик»: https://tml.io/1masj
«React-разработчик»: https://tml.io/oed6u
«Фулстек-разработчик»: https://tml.io/vhswr

Презентация: https://drive.google.com/file/d/1ibzR...
Демонстрация: https://tml.io/ibcx8

Чтобы не пропускать мероприятия и получать полезные материалы по теме, рекомендуем подписаться на Телеграм-бота: https://t.me/html_academy_events_bot

Тайм-коды:
0:00 Готовимся к началу лайва
6:47 Приветствие, знакомство
10:11О чём будет лайв
12:18 Что такое боксовая модель документа и как это работает
29:47 Ответы на вопросы зрителей
41:09 Что такое флексы
52:45 Ответы на вопросы зрителей
1:04:53 Что такое гриды
1:25:52 Ответы на вопросы зрителей
1:34:04 Практика: верстаем карточку товара на флексах и гридах
1:39:20 Перерыв
1:40:10 Продолжаем верстать карточки товаров
1:55:55 Итоги: для чего нужны флексы, для чего гриды
2:01:55 Прощаемся