frontendmasters
FrontendMasters - Одна из самых лучших площадок для изучения Frontend. Видеокурсы ведут ведущие люди в этой отрасли.
Продолжительность
5 ч 2 мин
Категория
CSS
Количество уроков
31 Видео
Дата добавления
31 авг. 2023 г., 11:47
Язык
Английский
Дата выхода
29 авг. 2023 г., 01:00
Дата обновления
20 окт. 2023 г., 20:04
Ищете практику верстки CSS? Присоединяйтесь к Джен Крамер и создайте несколько различных адаптивных макетов на основе предоставленных ресурсов, целей проекта и ожиданий. Для решения любой из этих проблем с макетом не требуется JavaScript. Каждое задание становится все сложнее. В первой задаче мы создадим некоторый базовый стиль, который поможет решить другие задачи. Последнее задание включает в себя 5 различных макетов с единой кодовой базой HTML, управляемой медиа-запросами. Концепции CSS в этом курсе включают CSS Flexbox, Grid, позиционирование, overflow, магию фонового изображения, columns, переменные, медиа-запросы и многое другое.
- Научитесь продумывать и подходить к проектам CSS.
- Обсуждайте подходы и понимайте компромиссы.
- Пишите свои собственные решения, используя предоставленные активы, цели и ожидания.
- Посмотрите, как Джен объясняет свой подход и окончательное решение каждой проблемы.
Посмотреть больше
Удален по просьбе правообладателя
-
Урок 1. 00:08:13Introduction
-
Урок 2. 00:09:44Style Guide Overview
-
Урок 3. 00:17:50Style Guide: Fonts & Font Sizes
-
Урок 4. 00:13:56Style Guide: Image & Links
-
Урок 5. 00:09:29Style Guide: Colors
-
Урок 6. 00:06:15Columns & Cover Overview
-
Урок 7. 00:09:08Column & Cover: Semantic HTML
-
Урок 8. 00:18:27Column & Cover: Mobile Layout
-
Урок 9. 00:16:46Column & Cover: Media Queries
-
Урок 10. 00:14:07Columns & Cover: Desktop Layout
-
Урок 11. 00:12:56Background & Overflow Project Overview
-
Урок 12. 00:15:36Background & Overflow: Mobile Layout
-
Урок 13. 00:06:46Background & Overflow: Scrollbar
-
Урок 14. 00:10:19Background & Overflow: Media Queries
-
Урок 15. 00:04:23Background & Overflow: Desktop Layout
-
Урок 16. 00:05:43Grid Project Overview
-
Урок 17. 00:05:19Grid: Mobile Layout
-
Урок 18. 00:09:12Grid: Tablet Layout
-
Урок 19. 00:12:58Grid: Desktop Layout
-
Урок 20. 00:04:16Team Project Overview
-
Урок 21. 00:08:36Team: Semantic HTML
-
Урок 22. 00:07:35Team: Mobile Layout
-
Урок 23. 00:11:16Team: Icons
-
Урок 24. 00:07:49Team: Tablet & Desktop Layouts
-
Урок 25. 00:03:23Cards Overview
-
Урок 26. 00:06:31Cards: Semantic HTML
-
Урок 27. 00:09:00Cards: Mobile Portrait Layout
-
Урок 28. 00:14:47Cards: Mobile Landscape Layout
-
Урок 29. 00:07:52Cards: Tablet Layout
-
Урок 30. 00:11:20Cards: Desktop Layout
-
Урок 31. 00:02:39Wrapping Up
Авторы - frontendmasters, Jen Kramer
Jen Kramer
Джен Крамер преподает HTML и CSS для всех уровней более 20 лет. Ранее она была лектором в Гарвардском университете, совмещая это с работой фрилансера по веб-дизайну. Джен также является автором более 70 видео-курсов и трех книг. В настоящее время она занимает должность директора по дизайну обучения и технологиям в AnnieCannons - некоммерческой организации, которая обучает, подготавливает и помогает людям, пострадавшим от торговли людьми, начать у
Комментарии
10:00AM Challenge 1: Instant Coffee - Columns and Cover
11:00AM Challenge 2: Five Amazing Coffee Facts - Backgrounds and Overflow
12:00PM Lunch
12:45PM Challenge 3: Make Time for Coffee - Wacky Grids
1:45PM Challenge 4: Our Team - Quirky Positioning
2:45PM Challenge 5: Our Coffee - Outrageous Cards
4:00PM End