udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Курс React Styled Components + Проект
React Styled Components Tutorial and Project Course
★5 (всего оценок - 30)
Продолжительность
6 ч 54 мин
Категория
React.jsКоличество уроков
57 Видео
Дата добавления
17 сент. 2020 г., 22:21
Язык
Английский
Дата выхода
1 янв. 2020 г., 01:00
Шаг за шагом изучите Styled Components и создайте интересный проект на протяжении курса.
Что такое Styled Components?
Styled Components являются одной из популярных библиотек для решения задачи стилизации в React приложениях. С их помощью вы можете создавать компоненты с инкапсулированными стилями, что упрощает управление ими.
Соавтор styled components Макс Стойбер говорит: «Основная идея styled components состоит в том, чтобы обеспечить соблюдение лучших практик, удалив сопоставление между стилями и компонентами».
Преимущества использования Styled Components
- Упрощенное создание стилей для компонентов без необходимости редактирования внешних файлов CSS.
- Поддержка модульности CSS, включая переменные и вложение.
- Отсутствие конфликтов имен классов благодаря инкапсуляции стилей.
Синтаксис Styled Components
Один из ключевых аспектов Styled Components — это их синтаксис с тегами шаблонов, который позволяет определить стили непосредственно в компоненте. Это способствует созданию модульного и легко поддерживаемого кода.
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
- Урок 1. 00:02:10Course Info
- Урок 2. 00:01:38Low Quality Video Fix
- Урок 3. 00:00:34Course Review
- Урок 4. 00:01:48What Are Styled-Components
- Урок 5. 00:00:57Course Requirements
- Урок 6. 00:07:44VS Code Setup
- Урок 7. 00:02:44Create Tutorial Application
- Урок 8. 00:00:29Resource Files
- Урок 9. 00:01:54Spring Cleaning
- Урок 10. 00:02:40Inline CSS
- Урок 11. 00:01:18Global CSS
- Урок 12. 00:04:24CSS Variables
- Урок 13. 00:04:31File CSS
- Урок 14. 00:01:07Global CSS Collision
- Урок 15. 00:02:05Styled-Components Install
- Урок 16. 00:08:52Basic Syntax
- Урок 17. 00:04:29Seperate File
- Урок 18. 00:02:07VS-CODE Extension
- Урок 19. 00:03:22Basic Variables
- Урок 20. 00:05:41Advanced Variables
- Урок 21. 00:05:56Nesting and Selecting Styled Component
- Урок 22. 00:07:01Props - Basics
- Урок 23. 00:01:45Props - Ternary Operator
- Урок 24. 00:04:27Global Styles
- Урок 25. 00:05:05Extending Styled Components
- Урок 26. 00:05:40Extending Continued
- Урок 27. 00:06:15Alternative Syntax - React Components as Styled Components
- Урок 28. 00:11:58Hero Component Example
- Урок 29. 00:09:45Banner Component Added
- Урок 30. 00:09:43attrs Method
- Урок 31. 00:07:45CSS Helper Function
- Урок 32. 00:08:39Animations
- Урок 33. 00:33:07Themes
- Урок 34. 00:07:26Simple Media Queries
- Урок 35. 00:06:32Media Queries with a Object
- Урок 36. 00:00:57About Project
- Урок 37. 00:02:46Project Intro
- Урок 38. 00:02:21Setup Files
- Урок 39. 00:03:18Bootstrap Application
- Урок 40. 00:13:06Folder Structure
- Урок 41. 00:14:07Global Styles
- Урок 42. 00:10:13Helper Functions Intro
- Урок 43. 00:02:09Polished.js
- Урок 44. 00:11:26Hero Component
- Урок 45. 00:16:56Background and Flexbox Helper Functions
- Урок 46. 00:11:11Banner Component Basics
- Урок 47. 00:07:45Banner Component CSS
- Урок 48. 00:12:11Banner Component Helper Functions
- Урок 49. 00:08:32Banner Component Animation
- Урок 50. 00:16:57Button Component
- Урок 51. 00:02:46"as" Prop
- Урок 52. 00:11:06Section Component and Title Components
- Урок 53. 00:14:35About Section
- Урок 54. 00:09:15Rooms Component Setup
- Урок 55. 00:16:09Rooms Component
- Урок 56. 00:25:53Single Room Component
- Урок 57. 00:08:47Grid Shortcut
Автор - udemy
Комментарии
TPPlease update
AnonymousPlease update
rakeshsuvidyaupdate this course to React Styled Components Course 2021 (V5)
AnonymousBest course and tutorial about Styled Components, I like courses by John Smilga. Thanks!