人们希望前端应用程序具有极具吸引力、反应灵敏的用户界面,以及可快速浏览视图的无缝用户体验。单页面应用程序(SPA)因其更轻便、更高效而满足了这些期望。React 是一种流行的 JavaScript 库,用于为单页应用程序(SPA)开发复杂的用户界面。Facebook、Instagram、Netflix、Airbnb 等一些著名网站都使用了 React。


您将学到什么
使用 React Class 组件开发具有吸引力、响应性强的用户界面和无缝用户体验,并提供快速导航视图
您将获得的技能
要了解的详细信息

添加到您的领英档案
5 项作业
了解顶级公司的员工如何掌握热门技能

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

该课程共有5个模块
React 元素是用于开发 React SPA 的基本构件。作为开发人员,您需要使用 React 元素创建 React 的无状态功能组件。在本学习冲刺阶段,您将探索用于有条件呈现 React 元素的技术,以及用于呈现多个组件的技术。本学习冲刺阶段提供的上机实践将使您能够将 React 添加到现有网站,并使用 React 元素创建功能组件。
涵盖的内容
13个视频2篇阅读材料1个作业1个编程作业
交互式 React 网页需要有状态组件来管理自己的状态,这些状态甚至可以使用道具传递给子组件。作为开发人员,您需要创建有状态组件来接受用户输入,添加交互式元素,并在渲染前获取数据。 在本学习冲刺阶段,您将学习创建 React 类组件,并通过处理事件来管理状态。您将探索虚拟 DOM 和调和的概念。动手实践将帮助您使用 JSX 语法构建有状态的类组件,提高代码的可读性。
涵盖的内容
12个视频1篇阅读材料1个作业1个编程作业
基于组件方法创建的单页面应用程序具有良好的扩展性,因为组件可以重复使用。在开发 SPA 时,第一步是识别组件并构建其层次结构。作为前端开发员,您需要为 React 网络应用程序识别和创建可重复使用的组件。在本学习冲刺阶段,您将探索将用户界面分解为组件层次结构所需的原则。您还将学习如何在多个组件之间共享数据。动手实践将帮助您掌握使用 create-react-app 工具快速创建 React 项目的技能,该工具提供了无需配置的现代化构建设置。
涵盖的内容
16个视频1篇阅读材料1个作业2个编程作业
状态管理是一个复杂的过程,需要清楚地了解组件的生命周期。为了在组件生命周期的不同阶段有效地管理状态,前端开发人员需要掌握轻松使用 React 组件生命周期方法的技能。 在本学习冲刺阶段,您将了解有助于监控和操作 React 类组件的不同生命周期方法。通过本冲刺阶段提供的实战练习,您可以在从服务器获取数据时管理组件状态,并处理 JavaScript 错误。
涵盖的内容
13个视频1篇阅读材料1个作业2个编程作业
测试是开发过程中不可或缺的一个环节,因为它有助于在开发的早期阶段发现缺陷/错误。单元测试包括对软件程序或应用程序的各个组件进行测试。作为 React 开发人员,应充分测试组件的正确性、完整性和性能。 在本学习冲刺阶段,您将学习使用 Jest 框架编写测试代码,以测试 React 类组件。本冲刺阶段的实践练习将帮助你探索编写测试代码的常见测试模式。通过练习,您将能够为各种状态管理场景编写测试用例。
涵盖的内容
18个视频1篇阅读材料1个作业1个编程作业
获得职业证书
将此证书添加到您的 LinkedIn 个人资料、简历或履历中。在社交媒体和绩效考核中分享。
从 移动和网络开发 浏览更多内容
- 状态:免费试用
Meta
- 状态:免费试用
Scrimba
- 状态:免费试用
Scrimba
人们为什么选择 Coursera 来帮助自己实现职业发展




常见问题
要获取课程资料、作业和证书,您需要在注册课程时购买证书体验。 您可以尝试免费试听,或申请资助。课程可能提供 "完整课程,无证书"。通过该选项,您可以查看所有课程资料,提交必要的评估,并获得最终成绩。这也意味着您无法购买证书体验。
注册课程后,您就可以访问专项课程中的所有课程,完成作业后还可以获得证书。您的电子证书将添加到您的 "成就 "页面--在那里,您可以打印证书或将其添加到您的 LinkedIn 个人资料中。
是的。在特定的学习课程中,如果您付不起注册费,可以申请助学金或奖学金。如果您选择的学习课程有助学金或奖学金,您可以在说明页面找到申请链接。
更多问题
提供助学金,