Module 01 · Introduction to React and Class ComponentsReact 与类组件简介
Course Introduction React JavaScript框架课程简介
欢迎参加关于 React JavaScript框架 的课程!根据最近的 Stack Overflow 调查,超过 40% 的专业开发者将 React 评为他们首选的网页技术。React 作为一个前端 JavaScript 框架,使得编写优雅且动态的用户界面变得高效和直观。

如果你想提升技能或开始一项新的职业生涯,可以选择这门 IBM 设计的课程,专为 网页和移动应用开发者 打造。无论你是现有的开发者、新手开发者,还是希望进一步提升客户端技能的毕业生,亦或是负责管理云项目的 IT 领导者,这门课程都非常适合你。
课程目标
在这门课程中,你将学习如何使用 React 来构建跨平台、互动性强、用户友好的客户端网页应用。框架使用一种叫做 JSX 的特殊标记语言,它与 HTML 紧密相关。你将学习如何:
- 构建函数组件 和 类组件
- 使用模块化编程方法,有效处理数据和用户事件
- 使用组件来操作 DOM,并结合 Hooks 和 Redux 库进行 表单管理
- 探索 hooks、states、props 和 Redux 库在组件中的作用,帮助你创建易读且强大的界面

课程结构
你将通过 视频教程 学习 React,并通过实际操作来巩固所学内容。课程包括以下内容:
- 实战实验:每个模块都有一个或多个实践项目,帮助你将所学的理论应用于真实项目情境。
- 项目评估:通过练习、测验和参考资料(如术语表和编码备忘单)来评估你的学习进展。
- 最终项目:在最后模块中,你将有机会应用所学知识,构建一个完整的 React 应用。完成后,你可以将这个项目分享到 GitHub 账户中,向潜在雇主展示你的技能。
实践实验
每个模块都包含以下类型的 实战实验:
| 实验内容 | 描述 |
|---|---|
| 内容评分应用 | 创建一个具备点赞与点踩功能的应用。 |
| 活动规划器 | 开发一个事件管理器,帮助用户规划活动。 |
| 待办事项列表应用 | 开发一个可管理待办事项的应用。 |
| 从数据库中获取数据并渲染电商数据 | 学习如何与数据库交互并渲染电商数据。 |
课程成果
- 通过 最终项目,你将有机会构建一个 购物车应用,将所学的技能整合在一起。
- 如果你需要更多指导,可以选择开发一个 事件费用规划器应用 来巩固知识。
你还可以将项目分享至 GitHub,以便向潜在雇主展示你的能力。
课程要求
要成功完成这门课程,你需要具备以下基础知识:
- HTML 和 CSS 的基础知识
- 熟悉一门编程语言(如 JavaScript 或 Python)的基本概念
- 使用 Git 和 GitHub 作为代码仓库
进一步学习
如果你希望学习更多与 React 相关的技能或生态系统,可以考虑以下 IBM 的多个专业课程,其中包括:
- IBM全栈JavaScript开发者专业证书
- IBM全栈软件开发者专业证书
- IBM前端开发者专业证书
- 跨平台移动应用开发者专业证书
- JavaScript编程与React Node和MongoDB课程
- 云应用开发基础课程

开始你的React开发之旅!
为了从这门课程中获得最大收益,建议你:
- 观看每个视频
- 完成所有实战实验
- 用测验检查你的学习进度
我们很高兴你能加入我们,开始用 React 开发前端应用的学习旅程。如果你在学习过程中遇到任何困难,请随时在讨论论坛联系我们。祝你学习愉快! 🚀