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

Сетками обычно называют взаимное расположение крупных визуальных блоков на странице. Но как с ними работать при многообразии технологий, что лучше использовать — флексы или гриды? Вместе с автором курсов по вёрстке разобрались в основах HTML и CSS и научились правильно строить сетки. Вам будет полезен просмотр лайва, если вы: Хотите освоить новую актуальную и востребованную профессию. Думаете изучить веб-разработку, но не понимаете с чего начать. Имеете базовые знания по вёрстке и программированию и не знаете, как продвинуться дальше в обучении. Программа лайва: Что такое вёрстка и как работать с боксовой моделью документа. Особенности вёрстки на флексах. Особенности вёрстки на гридах. Практика: верстаем карточку товара на флексах и гридах. Спикер: Коля Шабалин — автор курсов по вёрстке в HTML Academy. Понравилось разбираться во флексах и гридах и хотите продолжить обучение в сфере веб-разработки? Вам помогут профессии: «Фронтенд-разработчик»:
«React-разработчик»:
«Фулстек-разработчик»:
Презентация:
Демонстрация:
Чтобы не пропускать мероприятия и получать полезные материалы по теме, рекомендуем подписаться на Телеграм-бота:
Тайм-коды: 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 Прощаемся