К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Learn Styled Components in React · LearnSpace
Назад в каталог
courseraПрограммирование

Learn Styled Components in React

Курс от Scrimba
Средний≈ 1.9 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

If you are wondering how to enhance your CSS for styling React component systems, styled components are the way to go. Styled components are helpful for many reasons. They reduce class name bugs, they make your components more readable, and they allow you to navigate your CSS more easily. They also allow for dynamic styling and automatic vendor prefixing. This one-hour course follows a “lesson and project” approach. You’ll learn the core concepts and complete mini-challenges to test your understanding. Then you'll put your new skills to good use with a fun and practical project. By the end of the course, you'll have a cool progress tracker to add to your portfolio or even expand upon to show off your coding skills.

Навыки, которые вы освоите

Cascading Style Sheets (CSS)UI ComponentsFront-End Web DevelopmentMaintainabilityWeb DevelopmentReact.js

Программа курса

1 модулей · 20 учебных материалов

01Learn Styled Components in React20 материалов

Learn Styled Components in React

Introduction to Styled ComponentsPLUGINWelcome to interactive lessons!PLUGINWhy use them?PLUGINSetup and SyntaxPLUGIN

Учитесь у экспертов

Ania Kubow

Преподаватель курса

Learn Styled Components in React
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 1.9 ч

1 модулей

Язык: Английский

Часть программы вашего университета
Setting up from scratch - Project workPLUGIN
Styling through PropsPLUGIN
Separating Components and passing props - Project workPLUGIN
Extending StylesPLUGIN
Extended Styles in real life examples - Project workPLUGIN
Polymorphic PropPLUGIN
Passing propsPLUGIN
Passing props in real life examples - Project workPLUGIN
If else statements in stylingPLUGIN
If else statements in styled Components - Project workPLUGIN
NestingPLUGIN
AnimationsPLUGIN
Rendering our Progress Tracker based on todays Date - ProjectPLUGIN
Update your own Progress - ProjectPLUGIN
What's Next?PLUGIN
React Styled Components QuizЗадание