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

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

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

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

Applied React – Projects, Routing & State

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

О курсе

This course features Coursera Coach! A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. In this comprehensive React course, you will learn how to build real-world applications using React, from managing state to routing and deploying your projects. You'll create and deploy a range of projects, including a task manager, a movie information site, and a shopping cart, while mastering essential concepts like state management, routing, and component-based architecture. By working on projects like TaskMate, Cinemate, and more, you will solidify your React skills and gain hands-on experience. Throughout the course, you will delve into key topics such as working with React Router, understanding React hooks, using local storage, and applying Tailwind CSS to style your applications. You'll also explore how to enhance user experience with features like dark mode, dynamic page titles, and scroll restoration, all while refining your development workflow. By the end of the course, you will be able to build dynamic and interactive React applications that are ready for deployment. This course is perfect for developers looking to deepen their React knowledge, and it's structured to take you from creating basic apps to more advanced projects with full-fledged state management using Context, Reducers, and Redux. Ideal for developers who want to learn by doing, this course provides clear, step-by-step instructions with real-world applications.

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

React.jsReact ReduxApplication Programming Interface (API)Application DeploymentContext ManagementRestful APICode ReusabilityData PersistenceDebuggingCloud DeploymentJavaScript FrameworksUI ComponentsFrontend IntegrationCascading Style Sheets (CSS)User Interface and User Experience (UI/UX) DesignSoftware Architecture

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

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

01Project: TaskMate14 материалов

Project: TaskMate

Introduction to the Course 'Applied React – Projects, Routing & State'ЧтениеFull Specialization ResourcesЧтениеTaskMate DemoВидеоProject StructureВидео

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

Packt - Course Instructors

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

Applied React – Projects, Routing & State
В каталоге вашей программы

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 17.7 ч

7 модулей

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

Субтитры: Арабский, Французский, Итальянский, Корейский, Индонезийский, Испанский, Японский, Казахский

Часть программы вашего университета
Components / 045Видео
State: tasklist and setTasklist / 046Видео
Function: Edit and Delete / 047Видео
Warning: Undefined Value / 048Видео
Update Button / 049Видео
Local Storage: Store All Tasks / 050Видео
Theme: Change Background / 051Видео
Project DeploymentВидео
Developing a Task Management App with ReactDIALOGUE
Project: TaskMate - AssessmentЗадание
02React Router10 материалов

React Router

React Router Introduction / 053ВидеоReact Router Setup / 054ВидеоProject Structure / 055ВидеоNavigation / 056ВидеоRoute Parameters / 057ВидеоNo Route Found / 058ВидеоNested Routes / 059ВидеоProject Restructuring / 060ВидеоNavigating React RouterDIALOGUEReact Router - AssessmentЗадание
03Tailwind CSS Crash Course12 материалов

Tailwind CSS Crash Course

Introduction and DemoВидеоCommon PropertiesВидеоHover, Focus, and Other StatesВидеоResponsive DesignВидеоDark ModeВидеоCustom Configuration / 206ВидеоProject Demo / 207ВидеоHeader and Hero Section/ 208ВидеоFooter / 209ВидеоResponsive Screen and Component Tools / 210ВидеоExploring Tailwind CSS FundamentalsDIALOGUETailwind CSS Crash Course - AssessmentЗадание
04Movie API Project: Cinemate22 материалов

Movie API Project: Cinemate

Cinemate DemoВидеоProject SetupВидеоTailwind Introduction / 063ВидеоTMDB API: Documentation / 064ВидеоUI Design (Tailwind and Flowbite) / 065ВидеоNavigation StructureВидеоDark Mode Integration / 067ВидеоMovie List Structure / 068ВидеоAPI Fetch: Movie List / 069ВидеоCustom Hook: useFetch / 070ВидеоAPI Fetch: Movie Search / 071ВидеоTailwind CSS Customization / 072ВидеоPage Not Found / 073ВидеоIndividual Movie Information / 074ВидеоScroll Restoration: Scroll to Top / 075ВидеоDynamic Page Title / 076ВидеоStyle Update / 077ВидеоProject Deployment / 078ВидеоDevelopment Branch on Git and GitHubВидеоSolved: Netlify Error / 079ВидеоIntegrating Tailwind CSS and Dark ModeDIALOGUEMovie API Project: Cinemate - AssessmentЗадание
05Assignment: Shopping Cart7 материалов

Assignment: Shopping Cart

Assignment Statement and Demo / 080ВидеоSolution: Project SetupВидеоSolution: Components / 082ВидеоSolution: Pages / 083ВидеоAssignment DeploymentВидеоReact Project Assignment: Building a Shopping CartDIALOGUEAssignment: Shopping Cart - AssessmentЗадание
06Context and Reducers Project: Shopping Cart8 материалов

Context and Reducers Project: Shopping Cart

Global State ManagementВидеоProject Structure / 086ВидеоContext / 087ВидеоReducer / 088ВидеоMethods / 089ВидеоProject Deployment / 090ВидеоMastering Global State Management in ReactDIALOGUEContext and Reducers Project: Shopping Cart - AssessmentЗадание
07Redux Project: Shopping Cart11 материалов

Redux Project: Shopping Cart

Redux IntroductionВидеоProject Structure / 091ВидеоSlice and Action / 092ВидеоReducers: Add and Remove / 093ВидеоRedux Store State / 094ВидеоProject Deployment / 095ВидеоConclusion to the Course 'Applied React – Projects, Routing & State'ЧтениеIntroduction to ReduxDIALOGUERedux Project: Shopping Cart - AssessmentЗаданиеFull Course Practice AssessmentЗаданиеFull Course AssessmentЗадание