frontendmasters
FrontendMasters - Одна из самых лучших площадок для изучения Frontend. Видеокурсы ведут ведущие люди в этой отрасли.
Продолжительность
3 ч 57 мин
Категория
CSS
Количество уроков
30 Видео
Дата добавления
8 июн. 2023 г., 00:53
Язык
Английский
Дата выхода
6 июн. 2023 г., 01:00
Дата обновления
9 сент. 2023 г., 10:22
Вы изо всех сил пытаетесь применить стили к своим веб-сайтам? Вы беспокоитесь, когда вас просят воплотить дизайн в реальность? Хотите чувствовать себя уверенно при написании и отладке CSS? Этот курс для вас! Мы рассмотрим основы CSS, такие как цвет, типографика, позиционирование и z-индекс. Мы также узнаем, как смотреть на визуальный дизайн и превращать его в код.
Этот курс не будет охватывать более промежуточные и продвинутые темы CSS, такие как адаптивные макеты или анимация, но предоставит вам ресурсы для продолжения обучения в этих областях. Поняв, как CSS применяется к вашим элементам и отображается в браузере, вы будете чувствовать себя более уверенно как разработчик внешнего интерфейса.
- Узнайте, как отображается CSS
- Узнайте о наследовании CSS
- Узнайте о специфике CSS и о том, как применяются стили.
- Изучите основы CSS (например, цвет, типографику, размер, положение)
- Узнайте, как уверенно писать современный, удобный в сопровождении CSS
Посмотреть больше
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
-
Урок 1. 00:01:42Introduction
-
Урок 2. 00:06:43CSS History & Basics
-
Урок 3. 00:03:09Selectors
-
Урок 4. 00:12:44Specificity
-
Урок 5. 00:06:07Color
-
Урок 6. 00:10:57Fonts & Typography
-
Урок 7. 00:06:56Project Setup
-
Урок 8. 00:12:03Landing Page CSS & HTML
-
Урок 9. 00:04:53Creating Base CSS File & Variables
-
Урок 10. 00:03:20Layout Methods History
-
Урок 11. 00:10:42Flexbox & Grid
-
Урок 12. 00:08:56Combinators
-
Урок 13. 00:02:31Block Element Modifier (BEM)
-
Урок 14. 00:17:26CSS Header
-
Урок 15. 00:03:35Getting Started with CSS Q&A
-
Урок 16. 00:04:24The Box Model
-
Урок 17. 00:09:42Z-Index & Positioning
-
Урок 18. 00:03:05Border & Border Radius
-
Урок 19. 00:03:58Background, Dropshadow & Cursor
-
Урок 20. 00:07:59Pseudo Classes, Elements & Transitions
-
Урок 21. 00:06:29Home Page Layout
-
Урок 22. 00:11:01Styling Interactive Buttons
-
Урок 23. 00:10:43SVG
-
Урок 24. 00:07:16Align Items Q&A
-
Урок 25. 00:17:49Speakers Image & Grid Layout
-
Урок 26. 00:13:39Responsive Layout with Media Queries
-
Урок 27. 00:06:38Mobile Header Layout
-
Урок 28. 00:14:09Mobile Navigation Menu
-
Урок 29. 00:06:01Menu Transition, Color & Scrolling
-
Урок 30. 00:02:35Wrapping Up
Автор - frontendmasters
Категории
Комментарии
-
hceeHow am I supposed to focus on the material, When she looks this adorable and attractive! -
BlinksТот случай, когда человек абсолютно не понимает как обучать и доносить информацию до людей. -
usedevA good practical course.
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Другие материалы в этой категории
Практические 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 быстрым.
Освойте Electron: Настольные приложения с HTML, JavaScript и CSS
Master Electron: Desktop Apps with HTML, JavaScript & CSS
Курс начинается с настройки среды разработки Electron и охватывает некоторые полезные инструменты, помогающие в процессе разработки. Затем основная часть курса подробно описывает 3 отдельных раздела с очень практичными отдельными уроками по каждому модулю API. После изучения API в курсе рассматриваются некоторые полезные функции и методы, а также демонстрируется, как Electron интегрируется с собственными API HTML5.