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