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

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

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

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

Developing Front-End Apps with React

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

О курсе

Learn one of the most popular front-end frameworks, JavaScript React, in this hands-on course. Take the next step in your web development journey by learning how to build client-side user interfaces. You will develop these front-ends using components, the modular building blocks of React applications. You will learn about component composition to create rich functionality with features such as props, hooks, states, and event handling. You will explore component lifecycles and how to pass data and manipulate component states. Build your portfolio and gain practical experience by completing numerous hands-on labs in each lesson. At the end of the course, you integrate your skills with a final project by developing a shopping cart application. This course will help you succeed as a front-end, mobile or full-stack developer. It suits IT professionals looking to step up their careers or new graduates seeking to establish their client-side skills. Note that you will need basic HTML, CSS, JavaScript, and Git skills to get the most out of this course.

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

React.jsUI ComponentsFront-End Web DevelopmentReact ReduxApplication Programming Interface (API)Web DevelopmentEvent-Driven ProgrammingCode ReusabilityJavaScript FrameworksJavascriptWeb ApplicationsUser Interface (UI)Full-Stack Web DevelopmentDataflow

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

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

01Introduction to React and Class Components24 материалов

Welcome to the Course

Course IntroductionВидеоCourse OverviewЧтениеHelpful Tips for Course CompletionЧтение

Building Rich Front-End Applications with React and ES6

Your Path to React: Building on What You KnowDIALOGUE

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

Ramanujam Srinivasan

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

Richa Arora

Full Stack Web Developer (MERN & MEVN) and Subject Matter Expert

Developing Front-End Apps with React
В каталоге вашей программы

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 16 ч

4 модулей

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

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

Часть программы вашего университета
Introduction to Front-End Frameworks and ReactВидео
Understand React StructureВидео
Expert Viewpoints: Using Front-end JavaScript FrameworksВидео
Introduction to ES6Видео
Introduction to JSXВидео
CRA versus Vite ToolЧтение
Lab: Hello World with ReactВнешний инструмент
Lesson 1 Summary: Building Rich Front-End Applications with React and ES6Чтение
Lesson 1 Practice Quiz: Building Rich Front-End Applications with React and ES6 Задание

Introduction to Class Components

Introduction to ComponentsВидеоWorking with React Class Components: Props and Event HandlingВидеоIntroduction to StatesВидеоClass Component LifecycleВидеоPassing Data and States between ComponentsВидеоLab: Content Rating Application to Like or Dislike ContentВнешний инструментLesson 2 Summary: Introduction to Class ComponentsЧтениеLesson 2 Practice Quiz: Introduction to Class ComponentsЗадание

Module 1 Cheat Sheet, Glossary, and Graded Quiz

Cheat Sheet: Introduction to React and Class ComponentsЧтениеGlossary: Introduction to React and Class ComponentsЧтениеModule 1 Graded Quiz: Introduction to React and Class ComponentsЗадание
02Understanding Function Components with Array and DOM Manipulation17 материалов

Introduction to Function Components

Working with Function Components: Props and Event Handling ВидеоComponent CompositionВидеоState Management in Function Components ВидеоFunction Component Lifecycle ВидеоLab: Function Component Event Planner Landing PageВнешний инструментTesting React ComponentsВидеоLesson 1 Summary: Introduction to Function ComponentsЧтениеLesson 1 Practice Quiz: Introduction to Function ComponentsЗадание

Array in React and DOM Manipulation

Working with Arrays in React Components ВидеоVirtual DOM Manipulation in React ВидеоStyle in ReactЧтениеLab: Todo List ApplicationВнешний инструментLesson 2 Summary: Array in React and DOM ManipulationЧтениеLesson 2 Practice Quiz: Array in React and DOM ManipulationЗадание

Module 2 Cheat Sheet, Glossary, and Graded Quiz

CheatSheet: Understanding Function Components with Array and DOM ManipulationЧтениеGlossary: Understanding Function Components with Array and DOM ManipulationЧтениеModule 2 Graded Quiz: Understanding Function Components with Array and DOM ManipulationЗадание
03In-depth Understanding of Advanced React Functionality20 материалов

Hooks and Form Management in React

HooksВидеоSide-effects Management and Custom Hook ВидеоConnecting React to External ServicesВидеоLab: Fetch Data Using useFetch Внешний инструментImplementing FormsВидеоLab: Create Feedback Form for SurveyВнешний инструментLesson 1 Summary: Hooks and Form Management in ReactЧтениеLesson 1 Practice Quiz: Hooks and Form Management in ReactЗадание

Application State Management with Redux

Introduction to ReduxВидеоEssential Concepts of ReduxВидеоAsync with ReduxВидеоBinding Redux and FlowВидеоIntroduction to Redux Toolkit ВидеоLab: E-Commerce Data Rendering using Redux ToolkitВнешний инструмент

Module 3 Cheat Sheet, Glossary, and Graded Quiz

Cheat Sheet: In-depth Understanding of Advanced React FunctionalityЧтениеGlossary: In-depth Understanding of Advanced React FunctionalityЧтениеModule 3 Graded Quiz: In-depth Understanding of Advanced React FunctionalityЗадание
04Practice, Final Project, and Submission and Evaluation10 материалов

Practice Assignment

Lab: Setting up the GitHub EnvironmentВнешний инструментPractice Project: Conference Expense Planner appЧтениеPractice Project: Conference Expense PlannerВнешний инструмент

Final Project and Submission and Evaluation

Final Project WalkthroughВидеоFinal Project OverviewЧтениеFinal Project: Paradise Nursery Shopping ApplicationВнешний инструментOption 1: AI-Graded Submission and EvaluationВнешний инструмент

Course Wrap-up

Course Wrap-UpВидеоCongratulations & Next StepsЧтениеA Message from the Course TeamЧтение
Hooks versus ReduxЧтение
Lesson 2 Summary: Application State Management with ReduxЧтение
Lesson 2 Practice Quiz: Application State Management with ReduxЗадание