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

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

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

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

React Fundamentals and Core Concepts

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

О курсе

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. This course is designed to transform you into a confident React developer by teaching you how to build dynamic, interactive web applications. You will gain a deep understanding of React concepts like components, state, props, hooks, and the broader React ecosystem, while also improving your JavaScript skills essential for modern front-end development. You will begin with a structured introduction to React, learning the fundamentals of component-based architecture, React’s rendering process, and how it compares with plain JavaScript. Then, the course takes you through practical setup, environment configuration, and hands-on coding exercises to reinforce core concepts and best practices. As you progress, you will dive into advanced topics such as state management, conditional rendering, controlled components, and lifecycle methods using both class components and hooks. The course also includes guided projects like a Notes App and a Timer Project to solidify your learning through real-world applications and interactive challenges. This course is ideal for beginners with basic JavaScript knowledge, front-end developers looking to upskill, or anyone aiming to build modern web apps efficiently. No prior React experience is required, and the course is structured to cater to a beginner-to-intermediate difficulty level. By the end of the course, you will be able to create responsive React applications, manage state effectively using hooks, build reusable components, handle forms and user interactions, and implement projects that demonstrate practical React skills.

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

React.jsJavascriptUI ComponentsEvent-Driven ProgrammingCode ReusabilityUser Interface (UI)Development EnvironmentFront-End Web DevelopmentWeb ApplicationsData Storage TechnologiesWeb Development ToolsJavaScript FrameworksData Persistence

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

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

01Introduction & Getting Started11 материалов

Introduction & Getting Started

Introduction to the SpecializationВидеоIntroduction to the Course 'React Fundamentals and Core Concepts'ЧтениеFull Specialization ResourcesЧтениеHow To Take This CourseВидео

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

Packt - Course Instructors

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

React Fundamentals and Core Concepts
В каталоге вашей программы

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 10.6 ч

6 модулей

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

Часть программы вашего университета
What Is React?Видео
React App ArchitectureВидео
Component-Based DevelopmentВидео
React vs Vanilla JavaScriptВидео
React EcosystemВидео
How React Works Under The HoodВидео
Development Environment SetupВидео
02React-Related JavaScript Refresher11 материалов

React-Related JavaScript Refresher

Section IntroВидеоArrow FunctionsВидеоTemplate LiteralsВидеоTernary & Short Circuit RenderingВидеоDestructuring & Rest OperatorВидеоArray MethodsВидеоOptional Chaining & Nullish Coalescing OperatorВидеоImmutability & Spread OperatorВидеоPromises & Async AwaitВидеоEssential JavaScript Concepts for React BeginnersDIALOGUEReact-Related JavaScript Refresher - AssessmentЗадание
03React Fundamentals – State, Hooks, Events, Props & More19 материалов

React Fundamentals – State, Hooks, Events, Props & More

Section IntroВидеоQuick React Setup & createElementВидеоIntro To JSX (JavaScript XML)ВидеоVite Build Tool SetupВидеоCreating ComponentsВидеоStyling In ReactВидеоListsВидеоHandling EventsВидеоIntro To StateВидеоRating StateВидеоMore on UseState HookВидеоConditional Rendering & StylingВидеоPropsВидеоComponent CompositionВидеоSubmit RatingВидеоModal Component CompositionВидеоPassing Data As ChildrenВидеоFundamentals of React: Components, Props, and StateDIALOGUEReact Fundamentals – State, Hooks, Events, Props & More - AssessmentЗадание
04Forms, Input & Controlled Components – Notes App Project13 материалов

Forms, Input & Controlled Components – Notes App Project

Section IntroВидеоApp & Tailwind Setup (v4)ВидеоControlled InputsВидеоForm Data ObjectВидеоForm Submission & Global StateВидеоShow NotesВидеоMake Form CollapsibleВидеоReusable Input ComponentsВидеоDelete NotesВидеоConditional Rendering ChallengeВидеоProp DrillingВидеоBuilding Controlled Forms in React: The Notes AppDIALOGUEForms, Input & Controlled Components – Notes App Project - AssessmentЗадание
05Component Lifecycle & useEffect Hook7 материалов

Component Lifecycle & useEffect Hook

Section IntroВидеоComponent Lifecycle ExplainedВидеоClasses & Lifecycle MethodsВидеоLifecycle & useEffectВидеоLocalStorage Side EffectВидеоUnderstanding React Component Lifecycle and useEffectDIALOGUEComponent Lifecycle & useEffect Hook - AssessmentЗадание
06useRef Hook – Simple Timer Project12 материалов

useRef Hook – Simple Timer Project

Section IntroВидеоWhat Is useRef & Project SetupВидеоuseRef In Action & Uncontrolled InputsВидеоPersist Timer Across Re-RendersВидеоComponent Composition ChallengeВидеоAuto-Focus Start ButtonВидеоSave Timer To Local StorageВидеоMastering useRef: DOM Access and Value Persistence in ReactDIALOGUEConclusion to the Course 'React Fundamentals and Core Concepts'ЧтениеuseRef Hook – Simple Timer Project - AssessmentЗаданиеFull Course Practice AssessmentЗаданиеFull Course AssessmentЗадание