使用 React 开发前端应用程序

使用 React 开发前端应用程序

本课程是多个项目的一部分。

位教师：IBM Skills Network Team

访问权限由 Coursera Learning Team 提供

113,191 人已注册

4个模块

深入了解一个主题并学习基础知识。

770 条评论

中级等级

推荐体验

灵活的计划

2 周在 10 小时一周

自行安排学习进度

94%

大多数学生喜欢此课程

4个模块

深入了解一个主题并学习基础知识。

770 条评论

中级等级

推荐体验

灵活的计划

2 周在 10 小时一周

自行安排学习进度

94%

大多数学生喜欢此课程

您将学到什么

使用 React、JSX 和 ES6 等 JavaScript 技术开发交互式用户界面（UI）和 Web 应用程序。
使用可重用的 React 组件，快速轻松地构建动态前端应用程序。
运用各种 React 概念和 Feature，包括道具、状态、钩子、表单和 Redux。
通过构建几个前端应用程序（如购物车）来展示 React 技能。

您将获得的技能

您将学习的工具

要了解的详细信息

可分享的证书

添加到您的领英档案

作业

9 任务¹

AI 评分请参见免责声明

授课语言：英语（English）

了解顶级公司的员工如何掌握热门技能

了解关于 Coursera for Business 的更多信息

Petrobras, TATA, Danone, Capgemini, P&G 和 L'Oreal 的徽标

积累特定领域的专业知识

此课程作为的一部分提供

在注册此课程时，您还需要选择一个特定的合作项目。

向行业专家学习新概念
获得对主题或工具的基础理解
通过实践项目培养工作相关技能
获得可共享的职业证书

该课程共有4个模块

在本实践课程中学习最流行的前端框架之一 JavaScript React。

通过学习如何构建客户端 User Interface，在您的 Web 开发之旅中迈出新的一步。您将使用 React 应用程序的模块化构件--组件来开发这些前端。您将学习组件的组成，从而利用道具、钩子、状态和事件处理等 Feature 创建丰富的功能。您将探索组件生命周期以及如何传递数据和操作组件状态。通过完成每课中的大量动手实验，您将建立自己的作品集并获得实践经验。课程结束时，您将通过开发一个购物车应用程序，将您的技能与最终项目相结合。本课程将帮助您成为一名前端、移动或 Stack 开发人员。它适合希望提升职业生涯的 IT 专业人士或希望建立客户端技能的应届毕业生。请注意，您需要掌握基本的 HTML、CSS、JavaScript 和 Git 技能，才能从本课程中获得最大收益。

在本模块中，您将通过比较库和框架以及研究 React 的关键特性，探索前端框架及其在 React 开发中的作用。本模块还将介绍 ES6 和 JSX 基础知识，以及状态、道具和事件处理等核心概念。最后，您将了解数据如何在 React 组件中流动。

涵盖的内容

11个视频7篇阅读材料3个作业2个应用程序项目

11个视频总计54分钟

课程介绍4分钟
前端框架和 React 简介5分钟
了解 React 结构5分钟
专家观点：使用前端 JavaScript 框架3分钟
ES6 简介7分钟
JSX 简介3分钟
组件介绍4分钟
使用 React 类组件：道具和事件处理8分钟
国家介绍5分钟
类组件生命周期4分钟
在组件之间传递数据和状态7分钟

7篇阅读材料总计37分钟

课程概览5分钟
完成课程的有用提示5分钟
CRA 与 Vite 工具5分钟
第 1 课摘要：使用 React 和 ES6 构建丰富的 Front-End 应用程序1分钟
第 2 课小结：类组件介绍1分钟
小抄：React 和类组件简介10分钟
词汇表React 和类组件简介10分钟

3个作业总计90分钟

Module 1 分级测验：React 和类组件介绍30分钟
第 1 课练习测验：使用 React 和 ES6 构建丰富的 Front-End 应用程序30分钟
第 2 课练习测验：班级组件介绍30分钟

2个应用程序项目总计60分钟

实验室：React 的 Hello World20分钟
实验室：喜欢或不喜欢内容的内容分级应用程序40分钟

在本模块中，您将学习如何使用函数组件、数组和虚拟 DOM 构建动态 React 应用程序。您还将学习功能组件中的组件组成和状态管理，包括如何有效使用 useState 钩子。本模块结束时，您将能够使用数组处理和虚拟 DOM 概念构建 React 应用程序。

涵盖的内容

7个视频5篇阅读材料3个作业2个应用程序项目

7个视频总计46分钟

使用功能组件：道具和事件处理6分钟
组件构成4分钟
功能组件中的状态管理7分钟
功能组件生命周期6分钟
测试 React 组件7分钟
在 React 组件中使用数组7分钟
React 中的虚拟 DOM 操作8分钟

5篇阅读材料总计29分钟

第 1 课总结：功能组件介绍3分钟
React 中的风格5分钟
第 2 课小结：React 中的数组和 DOM 操作3分钟
小抄：通过数组和 DOM 操作了解函数组件10分钟
术语表：了解带数组和 DOM 操作的函数组件8分钟

3个作业总计50分钟

Module 2 分级测验：通过数组和 DOM 操作了解函数组件30分钟
第 1 课练习测验：函数元件介绍10分钟
第 2 课练习测验：React 中的数组和 DOM 操作10分钟

2个应用程序项目总计80分钟

实验室功能组件活动策划者着陆页40分钟
实验室待办事项列表应用程序40分钟

在本模块中，您将探索 React 挂钩及其在表单管理中的应用，以及从外部服务检索和处理数据。您还将学习 Redux 的核心概念，包括动作、还原器和存储，以管理应用程序状态。此外，您还将研究 Redux 用例和挑战，并学习如何使用 Redux Thunk 和 Redux Saga 等工具解决这些问题。本模块还将介绍 Redux 工具包，以简化和精简 React 应用程序中的状态管理。

涵盖的内容

9个视频5篇阅读材料3个作业3个应用程序项目

9个视频总计48分钟

挂钩5分钟
副作用管理和自定义挂钩7分钟
将 React 连接到外部服务5分钟
实施表格5分钟
Redux 简介3分钟
Redux 的基本概念4分钟
使用 Redux 的异步6分钟
绑定 Redux 和流程6分钟
Redux 工具包简介7分钟

5篇阅读材料总计33分钟

第 1 课总结：React 中的钩子和表单管理2分钟
钩子与 Redux10分钟
第 2 课小结：使用 Redux 进行应用程序状态管理3分钟
小抄：深入了解 React 高级功能10分钟
术语表：深入了解 React 高级功能8分钟

3个作业总计50分钟

Module 3 分级测验：深入了解高级 React 功能30分钟
第 1 课练习测验：React 中的钩子和表单管理10分钟
第 2 课练习测验：使用 Redux 进行应用程序状态管理10分钟

3个应用程序项目总计140分钟

实验室使用 useFetch 获取数据40分钟
实验室：创建调查反馈表40分钟
实验室使用 Redux 工具包进行电子商务数据渲染60分钟

在本模块中，您将构建一个 React 购物车应用程序作为最终项目。您将应用一些关键概念，如功能组件、使用钩子进行状态管理，以及使用动作、还原器和存储来管理应用程序状态的 Redux。您还将使用组件组成、使用 useEffect 管理副作用，以及处理用户交互以呈现动态数据。课程还包含一个练习项目，帮助你开发所需的组件，为最终提交做好准备。

涵盖的内容

2个视频4篇阅读材料4个应用程序项目

2个视频总计9分钟

最终项目演练4分钟
课程总结5分钟

4篇阅读材料总计25分钟

实践项目：会议费用计划器应用程序10分钟
最终项目概述10分钟
祝贺和下一步计划2分钟
课程团队致辞3分钟

4个应用程序项目总计195分钟

方案 1：AI-分级提交和评估30分钟
实验室设置 GitHub 环境15分钟
实践项目：会议费用计划器90分钟
最终项目天堂幼儿园购物申请60分钟

获得职业证书

将此证书添加到您的 LinkedIn 个人资料、简历或履历中。在社交媒体和绩效考核中分享。

位教师

授课教师评分

(207个评价)

IBM Skills Network Team

91 门课程1,880,201 名学生

提供方

IBM

人们为什么选择 Coursera 来帮助自己实现职业发展

Felipe M.

自 2018开始学习的学生

''能够按照自己的速度和节奏学习课程是一次很棒的经历。只要符合自己的时间表和心情，我就可以学习。'

Jennifer J.

自 2020开始学习的学生

''我直接将从课程中学到的概念和技能应用到一个令人兴奋的新工作项目中。'

Larry W.

自 2021开始学习的学生

''如果我的大学不提供我需要的主题课程，Coursera 便是最好的去处之一。'

Chaitanya A.

''学习不仅仅是在工作中做的更好：它远不止于此。Coursera 让我无限制地学习。'

学生评论

5 stars
68.22%
4 stars
16.34%
3 stars
5.96%
2 stars
3.76%
1 star
5.70%

显示 3/770 个

已于 Feb 11, 2023审阅

Great course overall that allowed me to learn a lot of important concepts of React. That said, I felt like the difficulty of the course scaled way too rapidly in the end.

已于 Oct 14, 2024审阅

The course is well organised with projects. It is helpful to employee theory in specific cases.

已于 Oct 31, 2024审阅

This React course from IBM on Coursera is highly regarded and one of the best available.

查看更多评论