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 - некоммерческой организации, которая обучает, подготавливает и помогает людям, пострадавшим от торговли людьми, начать у
Категории
Комментарии
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Другие материалы в этой категории
frontendmasters
8 июн. 2023 г., 00:53
Основы CSS (frontendmasters)
CSS Foundations
Вы изо всех сил пытаетесь применить стили к своим веб-сайтам? Вы беспокоитесь, когда вас просят воплотить дизайн в реальность? Хотите чувствовать себя уверенно при написании и отладке CSS? Этот курс для вас! Мы рассмотрим основы CSS, такие как цвет, типографика, позиционирование и z-индекс. Мы также узнаем, как смотреть на визуальный дизайн и превращать его в код.
Практические CSS Layouts
Practical CSS Layouts
Устали от обычных макетов? Неуверены, как сделать их более интересными? Этот семинар именно для вас! Присоединяйтесь к Джен на два насыщенных дня, в ходе которых вы создадите три различных отзывчивых веб-сайта для вымышленной группы Magenta Lime.
HTML & CSS Bootcamp - 2023 Edition
The HTML & CSS Bootcamp 2023 Edition
Этот курс научит вас всему, что вам нужно знать о HTML, CSS и веб-дизайне, чтобы создавать свои собственные потрясающие веб-сайты с нуля. Вместо того, чтобы просто наблюдать за мной во время кодирования, вы научитесь структурировать и создавать любые веб-сайты, которые только сможете представить.Моя специализация - преподавание программ буткемп в режиме очной учебы по всему миру, где я работаю непосредственно с учениками, чтобы помочь им научитьс
Чистая и масштабируемая архитектура CSS
Clean and Scalable CSS Architecture
Есть много продвинутых курсов по CSS, по flexbox, CSS-анимации, CSS-grid… Однако в этом курсе мы сосредоточимся на архитектуре CSS. Если вы заинтересованы в том, чтобы научиться писать чистый и масштабируемый код CSS, этот курс - то, что вам нужно! CSS прост, его легко выучить, его легко написать. Но на самом деле сложно написать масштабируемый и удобный в сопровождении код, особенно в больших проектах, требующих постоянного масштабировани
Harry Roberts
10 янв. 2023 г., 01:38
Все, что я сделал, чтобы сделать CSS быстрым
Everything I Have Done to Make CSS Wizardry Fast
Моя работа как инженера по производительности заключается в том, чтобы помогать клиентам создавать и поддерживать быстрые веб-сайты. Также очень важно, чтобы мой собственный сайт служил примером! В этой серии скринкастов я покажу вам каждую функцию, решение и коммит, влияющие на производительность, которые помогли сделать CSS быстрым.
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