CSS Grid & Flexbox — это ключевые технологии современного веб‑лейаута. В этом курсе вы погрузитесь в самые важные техники построения адаптивных интерфейсов, узнаете, как использовать Grid, Subgrid, Flexbox, медиа‑запросы и запросы контейнера в реальных проектах, и разберётесь, какой инструмент подходит под разные задачи вёрстки.
Чему вы научитесь
Курс охватывает как основы, так и продвинутые техники, позволяя уверенно применять их в работе над любым макетом.
Глубокое понимание Flexbox и Grid
Полный обзор всех ключевых свойств и особенностей Flexbox и Grid.
Разбор типичных кейсов использования каждого метода.
Сравнение поведения систем и объяснение, когда одна технология предпочтительнее другой.
Работа с адаптивными изображениями
Изучение различных подходов к оптимизации изображений под разные устройства.
Рекомендации по выбору техники в зависимости от контекста задачи.
Современные инструменты адаптивности
Медиа‑запросы: как эффективно использовать редко применяемые возможности.
Запросы контейнера: новые подходы к адаптивной вёрстке, независимые от ширины экрана.
Subgrid: продвинутая работа с CSS Grid
Понимание концепции Subgrid и её роли в создании сложных макетов.
Какие проблемы Subgrid решает и как применять её в практических интерфейсах.
Для кого этот курс
Курс идеально подходит для тех, кто только начинает изучать CSS, а также для разработчиков с опытом, которым не хватало системного понимания современных возможностей CSS‑лейаута.
Если вы хотите уверенно строить адаптивные интерфейсы и владеть современными инструментами вёрстки — этот курс станет надёжным фундаментом.
Удалён
Удален по просьбе правообладателя
Видео и материалы этого курса больше недоступны для просмотра.
Джен Крамер преподает HTML и CSS для всех уровней более 20 лет. Ранее она была лектором в Гарвардском университете, совмещая это с работой фрилансера по веб-дизайну. Джен также является автором более 70 видео-курсов и трех книг. В настоящее время она занимает должность директора по дизайну обучения и технологиям в AnnieCannons - некоммерческой организации, которая обучает, подготавливает и помогает людям, пострадавшим от торговли людьми, начать у
Master.dev — это образовательная платформа для разработчиков, которая помогает совершенствовать инженерные навыки: от изучения языков программирования и веб-разработки до работы с базами данных, облачной инфраструктурой, DevOps и искусственным интеллектом. Ранее известная как Frontend Masters, платформа расширила фокус и теперь обучает разработчиков всему спектру современной разработки ПО.
https://codepen.io/jen4web/pen/wvZMYwv