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

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

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

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

Building Applications with React

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

О курсе

Static page logic and complex state updates can make modern web development slow and tedious. In “Building Applications with React,” you bridge the gap to professional software engineering by mastering React, the industry-standard user interface library. You learn to break down complex layouts into reusable components, declaratively manage application state, and seamlessly handle dynamic user events. You’ll also build a single-page application with modern routing and deploy it to a public static hosting service to showcase your ready-to-work developer skills. By exploring the power of custom Hooks and side effects, you will confidently fetch remote data and preserve application flow. This is the fourth and final course in a four-part series, “Practical JavaScript: From Scratch to React,” that provides you with hands-on experience in creating seamless front- and back-end applications.

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

React.jsUI ComponentsApplication DeploymentCode ReusabilityJavaScript FrameworksJavascriptContext ManagementData SharingFront-End Web DevelopmentMaintainabilityEvent-Driven ProgrammingUser Interface (UI)Computer ProgrammingDebuggingWeb ApplicationsWeb DevelopmentSoftware DesignWeb Development Tools

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

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

01React Fundamentals58 материалов

Lesson 1: Welcome!

Introduction: Course and SeriesВидеоSyllabusЧтениеHelp Us Learn About You!ЧтениеLearning Programming in the Age of Generative AIВидео

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

Steve Oney

Associate Professor

Building Applications with React
В каталоге вашей программы

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 34.6 ч

3 модулей

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

Часть программы вашего университета
Submitting AssignmentsВидео
Working on the AssignmentsЧтение
Practice and Learn: Success Strategies for Practical JavaScriptЧтение
Reading: Welcome to Course 4Лабораторная
Series Learning RoadmapЧтение

Lesson 2: Creating React Components

Introduction: Creating React Components ВидеоLibraries and FrameworksВидеоReading: Libraries and FrameworksЛабораторнаяFirst React AppВидеоReading: First React AppЛабораторнаяReact Function ComponentsВидеоReading: React Function ComponentsЛабораторнаяReact Elements and JSXВидеоReading: React Elements and JSXЛабораторнаяJavaScript Expressions in JSXВидеоReading: JavaScript Expressions in JSXЛабораторнаяReusing Components with PropertiesВидеоReading: Reusing Components with PropertiesЛабораторнаяRendering Lists with mapВидеоReading: Rendering Lists with mapЛабораторнаяKeys and Component IdentityВидеоReading: Keys and Component IdentityЛабораторнаяConditional Rendering PatternsВидеоReading: Conditional Rendering PatternsЛабораторнаяReact Components: Understanding the Mechanics (Part I)ВидеоReading: React Components: Understanding the Mechanics (Part I)ЛабораторнаяReact Components: Understanding the Mechanics (Part II)ВидеоReading: React Components: Understanding the Mechanics (Part II)ЛабораторнаяPractice: Creating React ComponentsПрограммированиеConclusion: Creating React Components Видео

Lesson 3: Handling Events in React Components

Introduction: Handling Events in React ComponentsВидеоAdding Event Listeners in ReactВидеоReading: Adding Event Listeners in ReactЛабораторнаяReact Event ObjectsВидеоReading: React Event ObjectsЛабораторнаяAvoiding Common React Event MistakesВидеоReading: Avoiding Common React Event MistakesЛабораторнаяReact Events: Understanding the MechanicsВидеоReading: React Events: Understanding the MechanicsЛабораторнаяPractice: Handling Events in React ComponentsПрограммированиеConclusion: Handling Events in React ComponentsВидео

Lesson 4: Managing State in React Components

Introduction: Managing State in React ComponentsВидеоReact State and useStateВидеоReading: React State and useStateЛабораторнаяUpdating StateВидеоReading: Updating StateЛабораторнаяUnderstanding (and Avoiding) MutationВидеоAvoiding Common React State MistakesВидеоReading: Avoiding Common React State MistakesЛабораторнаяReact State: Understanding the MechanicsВидеоReading: React State: Understanding the MechanicsЛабораторнаяPractice: Managing State in React ComponentsПрограммированиеModule 1 Graded AssignmentПрограммированиеConclusion: Managing State in React ComponentsВидео
02React Hooks34 материалов

Lesson 1: Hooks Fundamentals

Introduction: Hooks FundamentalsВидеоReact HooksВидеоReading: React HooksЛабораторнаяuseRef: Storing Values without RerenderingВидеоReading: useRef: Storing Values without RerenderingЛабораторнаяTracking Input ValuesВидеоReading: Tracking Input ValuesЛабораторнаяReact Refs: Understanding the MechanicsВидеоReading: React Refs: Understanding the MechanicsЛабораторнаяLet's Build: Color Guessing GameВидеоPractice: Hooks FundamentalsПрограммированиеConclusion: Hooks FundamentalsВидео

Lesson 2: useEffect and Side Effects

Introduction: useEffect and Side EffectsВидеоuseEffect: Running Code with Side EffectsВидеоReading: useEffect: Running Code with Side EffectsЛабораторнаяuseEffect and DependenciesВидеоReading: useEffect and DependenciesЛабораторнаяuseEffect CleanupВидео

Lesson 3: Performance and Custom Hooks

Introduction: Performance and Custom HooksВидеоPerformance Optimization HooksВидеоReading: Performance Optimization HooksЛабораторнаяCreating Custom HooksВидеоReading: Creating Custom HooksЛабораторнаяPractice: Performance and Custom HooksПрограммирование
03React Design Patterns and Deployment39 материалов

Lesson 1: State Across Components

Introduction: State Across ComponentsВидеоSharing State Across ComponentsВидеоReading: Sharing State Across ComponentsЛабораторнаяCallback PropsВидеоReading: Callback PropsЛабораторнаяLifting State UpВидеоReading: Lifting State UpЛабораторнаяuseContext: Sharing State Across ComponentsВидеоReading: useContext: Sharing State Across ComponentsЛабораторнаяuseReducer: Modeling State Changes with ActionsВидеоPractice: State Across ComponentsПрограммированиеConclusion: State Across ComponentsВидео

Lesson 2: Common React Libraries and Patterns

Introduction: Common React Libraries and PatternsВидеоElement HoistingВидеоReading: Element HoistingЛабораторнаяSingle Page Applications (SPAs) with React RouterВидеоReading: Single Page Applications (SPAs) with React RouterЛабораторнаяManaging State with ZustandВидео

Lesson 3: Debugging and Deploying Applications

Introduction: Debugging and Deploying ApplicationsВидеоDetecting Common Problems with Strict ModeВидеоReading: Detecting Common Problems with Strict ModeЛабораторнаяUsing React Developer ToolsВидеоReading: Using React Developer ToolsЛабораторнаяReact LintersВидео
Reading: useEffect CleanupЛабораторная
Avoiding Common useEffect MistakesВидео
Reading: Avoiding Common useEffect MistakesЛабораторная
React Effects: Understanding the MechanicsВидео
Reading: React Effects: Understanding the MechanicsЛабораторная
Let's Build: Countdown TimerВидео
Practice: `useEffect` and Side EffectsПрограммирование
Conclusion: useEffect and Side EffectsВидео
Module 2 Graded AssignmentПрограммирование
Conclusion: Performance and Custom HooksВидео
Reading: Managing State with ZustandЛабораторная
Managing Asynchronous Data with TanStack QueryВидео
Reading: Managing Asynchronous Data with TanStack QueryЛабораторная
Internationalization with React-i18nextВидео
Reading: Internationalization with React-i18nextЛабораторная
Let's Build: Lemon TimerВидео
Practice: Common React Libraries and PatternsПрограммирование
Conclusion: Common React Libraries and PatternsВидео
Reading: React LintersЛабораторная
Deploying React Applications to Github PagesВидео
Reading: Deploying React Applications to Github PagesЛабораторная
Practice: Debugging and Deploying ApplicationsПрограммирование
Module 3 Graded AssignmentПрограммирование
Conclusion: Debugging and Deploying ApplicationsВидео
Post-Course SurveyЧтение