frontendmasters
FrontendMasters - Одна из самых лучших площадок для изучения Frontend. Видеокурсы ведут ведущие люди в этой отрасли.
Продолжительность
6 ч 21 мин
Категория
CSSКоличество уроков
45 Видео
Дата добавления
7 апр. 2024 г., 12:00
Язык
Английский
Дата выхода
5 апр. 2024 г., 01:00
Дата обновления
27 мая 2024 г., 19:53
Изучите макеты CSS в глубину, включая Grid и Subgrid, Flexbox, техники адаптивных изображений, медиа-запросы и запросы контейнера. Научитесь применять эти техники к вашему следующему веб-сайту, даже если вы раньше не работали с макетами CSS.
- Обсуждение Flexbox и Grid, включая все их основные функции и свойства
- Сравнение и контрастирование различий между Flexbox и Grid, включая когда использовать каждый метод
- Изучение техник адаптивных изображений и когда использовать каждую из них
- Исследование медиа-запросов и запросов контейнера, включая мало используемые свойства
- Детальное изучение Subgrid и проблем, которые она решает
Этот мастер-класс для меня?
Этот курс ориентирован на начинающих разработчиков, которые все еще изучают CSS. Он также может быть полезен для опытных разработчиков, которые не провели много времени в мире CSS.
Посмотреть больше
Удален по просьбе правообладателя
- Урок 1.00:10:49Introduction
- Урок 2.00:03:43Grid Overview
- Урок 3.00:11:03Your First Grid
- Урок 4.00:05:11Inspecting Grid with Dev Tools
- Урок 5.00:12:43Basic Grid Exercise
- Урок 6.00:03:16Grid Layout Exercise
- Урок 7.00:05:45Grid Span & Repeat
- Урок 8.00:02:08Grid Span & Repeat Exercise
- Урок 9.00:04:35Grid Template Area
- Урок 10.00:03:12Grid Template Area Exercise
- Урок 11.00:05:30Responsive Design & Media Queries
- Урок 12.00:09:05Media Queries with Grid Layouts
- Урок 13.00:04:33Media Queries with Grid Exercise
- Урок 14.00:15:05Mobile-First Layouts with Grid
- Урок 15.00:04:16Featured Card Styles
- Урок 16.00:13:06Two Column Card Layout
- Урок 17.00:02:48Three Column Card Layout Exercise
- Урок 18.00:11:55Desktop Layout Exercise
- Урок 19.00:08:31Overlapping Rows & Columns
- Урок 20.00:09:55Overlapping Grid Layout
- Урок 21.00:03:28CSS Animated Grid Exercise
- Урок 22.00:07:11Grid Margin
- Урок 23.00:09:27minmax, auto-fit, & auto-fill
- Урок 24.00:14:39Subgrid
- Урок 25.00:09:26Subgrid in Action
- Урок 26.00:14:43Moons of Saturn: Mobile Layout
- Урок 27.00:11:16Moons of Saturn: Adding a Media Query
- Урок 28.00:15:54Moons of Saturn: Medium Width
- Урок 29.00:06:15Moons of Saturn: Desktop
- Урок 30.00:04:50Where to use Flexbox
- Урок 31.00:06:04flex-direction & flex-wrap
- Урок 32.00:13:15justify-content & align-items
- Урок 33.00:19:21Navbar with Flexbox
- Урок 34.00:04:45Responsive Navbar on Desktop
- Урок 35.00:05:39Flexbox Layout Exercise: Medium Screens
- Урок 36.00:05:24Flexbox Layout Exercise: Large Screens
- Урок 37.00:09:57Responsive Images Overview
- Урок 38.00:09:47srcset & sizes Attributes
- Урок 39.00:09:08Picture Element
- Урок 40.00:05:52Container Queries
- Урок 41.00:21:42Container Size Queries
- Урок 42.00:03:36Featured Card Exercise
- Урок 43.00:12:33Card Page Layout
- Урок 44.00:09:34Changing Themes with Style Queries
- Урок 45.00:00:56Wrapping Up
Авторы - frontendmasters, Jen Kramer
Jen Kramer
Джен Крамер преподает HTML и CSS для всех уровней более 20 лет. Ранее она была лектором в Гарвардском университете, совмещая это с работой фрилансера по веб-дизайну. Джен также является автором более 70 видео-курсов и трех книг. В настоящее время она занимает должность директора по дизайну обучения и технологиям в AnnieCannons - некоммерческой организации, которая обучает, подготавливает и помогает людям, пострадавшим от торговли людьми, начать у
Комментарии
https://codepen.io/jen4web/pen/wvZMYwv