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

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

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

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

React Basics

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

О курсе

React is a powerful JavaScript library that you can use to build user interfaces for web and mobile applications (apps). In this course, you will explore the fundamental concepts that underpin the React library and learn the basic skills required to build a simple, fast, and scalable app. By the end of this course, you will be able to: • Use reusable components to render views where data changes over time • Create more scalable and maintainable websites and apps • Use props to pass data between components • Create dynamic and interactive web pages and apps • Use forms to allow users to interact with the web page • Build an application in React You’ll gain experience with the following tools and software: • React.js • JSX • React • HTML, CSS and JavaScript • VSCode You will be able to leverage the potential of this course to develop new skills, improve productivity, act effectively with data and boost your career. This is a beginner course for learners who would like to prepare themselves for a career in mobile development. To succeed in this course, you do not need prior development experience, only basic internet navigation skills and an eagerness to get started with coding.

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

React.jsWebpackMobile DevelopmentApplication DevelopmentDataflowCode ReusabilityJavascriptEvent-Driven ProgrammingDevelopment EnvironmentUser Interface (UI)Hypertext Markup Language (HTML)Cascading Style Sheets (CSS)Front-End Web DevelopmentUI ComponentsMobile Development Tools

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

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

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

Course Introduction

Introduction to the course: React BasicsВидеоHow is React used in the real world?ВидеоBefore you learn ReactЧтениеBuilding Your React Foundation: Understanding HTML, CSS, and JavaScriptDIALOGUE

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

Taught by Meta Experts

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

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

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 30.7 ч

4 модулей

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

Субтитры: Арабский, Французский, Бенгальский, Узбекский, Китайский (Китай), Греческий, Бразильский португальский, Вьетнамский, Немецкий, Пушту, Урду, Русский, Тайский, Индонезийский, Азербайджанский, Испанский, Дари, Хинди, Казахский, Венгерский

Часть программы вашего университета
JavaScript modules, imports - exportsЧтение
Additional resources: React componentsЧтение

React Components and Where They Live

Why React?ВидеоReact.js overviewВидеоIntroduction to functional componentsВидеоCreating React componentsВидеоTranspiling JSXЧтениеBuilding Blocks of React: Preparing for Your First LabDIALOGUEWorking with Labs in this CourseЧтениеYour first componentЛабораторнаяSolution: Your first componentЧтениеSelf review: Your first componentЗаданиеThe React project structureВидеоCustomizing the projectЧтениеImporting componentsВидеоCreating and importing componentsЛабораторнаяSolution: Creating and importing componentsЧтениеSelf review: Creating and importing componentsЗаданиеAdditional resources for React components and where they liveЧтениеSetting up a React project in VS Code (Optional)ЧтениеKnowledge check: React components and where they liveЗадание

Component Use and Styling

Principles of components: PropsВидеоDissecting propsЧтениеUsing props in componentsВидеоPassing propsЛабораторнаяSolution: Passing propsЧтениеSelf review: Passing propsЗаданиеIntroducing JSXВидеоProps and childrenЧтениеStyling JSX elementsЧтениеPractical stylingВидеоJSX syntax and the arrow functionЧтениеKnowledge Check: Styling JSXЗаданиеEmbedded JSX expressionsВидеоTernary operators and functions in JSXЧтениеExpressions as propsЧтениеEmbedding in attributesВидеоReact ComponentsDIALOGUEMultiple componentsЛабораторнаяSolution: Multiple componentsЧтениеRandom Number Cards: A Hands-On React App for BeginnersЛабораторнаяSelf review: Multiple componentsЗаданиеModule summary: React ComponentsВидеоModule Quiz: React ComponentsЗаданиеAdditional resources: Component use and stylingЧтение
02Data and State35 материалов

Dynamic events and how to handle them

Types of eventsВидеоEventful issuesЧтениеCommon event handlingВидеоSyntax for handlersВидеоKnowledge check: Events and errorsЗаданиеEvent handling and embedded expressionsЧтениеUser eventsВидеоDynamic eventsЛабораторнаяSolution: Dynamic eventsЧтениеSelf review: Dynamic eventsЗаданиеKnowledge check: Dynamic events and how to handle themЗаданиеAdditional resources: Data and stateЧтение

Data and Events

Parent-child data flowВидеоData flow in ReactЧтениеChildren and dataВидеоKnowledge check: Data flowЗаданиеWhat is state?ВидеоObserving stateВидеоReact stateDIALOGUE
03Navigation, Updating and Assets in React.js29 материалов

Linking and Routing

Basic types of navigationВидеоNavigationЧтениеThe navbarВидеоCreating a routeЛабораторнаяSolution: Creating a routeЧтениеSelf review: Creating a routeЗаданиеKnowledge check: NavigationЗаданиеConditional renderingВидеоApplying conditional renderingЧтениеConditional componentsЧтениеSingle view conditional updatesВидеоDynamic Component Rendering in React: A Login/Logout AppЛабораторнаяKnowledge check: Conditional updatesЗаданиеAdditional resourcesЧтение

Using Assets in React

What is an asset and where does it live?ВидеоBundling assetsЧтениеUsing embedded assetsВидеоDisplaying imagesЛабораторнаяSolution: Displaying imagesЧтениеSelf review: Displaying imagesЗаданиеAudio and video
04Your first React app7 материалов

Graded Assessment: Calculator app

Course recap: React BasicsВидеоAbout this graded assessment: Calculator appЧтениеBuild a Calculator AppПрограммированиеSolution: Build a calculator appЧтениеExemplar: Build a calculator appВидео

Course wrap up

Congratulations, you completed React Basics!ВидеоNext stepsЧтение
What are hooks?Видео
Using hooksЧтение
Managing stateВидео
React Counter App: Handling Events with useStateЛабораторная
Knowledge Check: State the conceptЗадание
Prop drillingЧтение
React state managementВидео
Knowledge check: Passing stateЗадание
Stateful vs. statelessВидео
Managing state in ReactЛабораторная
Solution: Managing state in ReactЧтение
Self review: Managing state in ReactЗадание
Knowledge check: State or statelessЗадание
Module summary: Data and stateВидео
Module quiz: Data and stateЗадание
Additional resources: Data and eventsЧтение
Видео
Media packagesЧтение
Create an audio / video componentВидео
Let's practice: Song selectionЧтение
Solution: Song selectionЧтение
Self review: Song selectionЗадание
Module summary: navigation, updating and assets in React.js Видео
Module quiz: navigation, updating and assets in React.jsЗадание
Additional resources: Using assets in ReactЧтение