学习 React：免费互动课程
从第一课起就写真正的组件来掌握 React：JSX、props、状态和事件，然后继续深入 Next.js：基于文件系统的路由、布局、服务端组件、数据获取和 Server Actions。一切都在浏览器里运行，卡住时有 AI 提示帮忙，学完还能获得免费证书。
3,332+ 名学习者已加入
89 节课78 个挑战164 道测验题
- 适合初学者
AI 辅助编程帮助
动手实践的互动课程
每节课都有语音讲解
检验所学的测验
免费结业证书
课程大纲
在实践中学习
编写真实代码、查询数据库、搭建网站、掌握 AI 提示词。我们的互动课程涵盖现代开发者需要的每一项技能。
打造你的连胜
坚持下去，看着自己不断进步！记录每天的编程习惯，用冻结天数保护连胜，每天打卡都能赢取奖励。
12 天连胜
明天再来，保持你的连胜！
January 2026
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
21
22
23
24
25
26
27
28
29
30
加倍或归零
第 5 天，共 7 天
连胜冻结
2 left
随时随地写代码
随时随地继续你的编程学习旅程！无需配置，无需下载：打开就能写代码。支持 iOS、Android 和 Web，评分高达 4.9 星。
你并不孤单
在全球排行榜上一较高下，邀请好友赢取奖励，为彼此的成就喝彩。和好友一起编程更有趣！
1
2
3
晋级区多种学习方式
阅读、收听、自我测验、问 AI，或者查阅学过的任何内容。每节课都配合你的节奏。
变量是一个有名字的容器，用来存储值，方便你在程序后面引用。
在 Python 中，创建变量只需写下名字、一个等号，再写上要存储的值。
值可以随时间变化。给这个名字重新赋值，它就会指向新的值。
获得证书
每完成一门课程都能获得证书。把证书添加到你的 LinkedIn 个人资料和简历中，向雇主展示你的编程能力。
结业证书Python 基础
添加到 LinkedIn为什么在 Coddy 学 React
- 从第一课起就在浏览器里写 JSX。不用安装 Node，不用 create-react-app，也不用配置构建工具，每一课都提供真实的组件代码供你编辑和运行。
- 课程最终会落到真实应用上：基础单元讲组件、props、状态、事件和 Hooks，然后是完整的 Next.js 单元：路由、布局、服务端组件和客户端组件、数据获取以及 Server Actions。
- AI 提示会读你实际写的代码。组件渲染不出来或者状态不更新时，你会得到一个指向 bug 的提示，但不会直接剧透答案。
- 学完即可获得免费的 React 证书。对于前端岗位来说这是很有分量的证明，React 至今仍是需求量最大的 UI 库。
学习 React 的常见问题
React 是什么？
React 是一个用组件构建用户界面的 JavaScript 库，组件就是返回标记的小型可复用函数。React 由 Meta 创建，支撑着现代 Web 的很大一部分，从 Facebook、Instagram 到数以百万计的创业公司产品都在用，在招聘信息中也一直是需求量最大的前端技能。
学 React 之前需要先会 JavaScript 吗？
你应该熟悉 JavaScript 基础：变量、函数、数组和对象。课程会在需要时介绍 React 常用的 JavaScript 写法（箭头函数、解构、map），所以你不必是高手。如果你完全没学过编程，建议先学 JavaScript 学习旅程。
React 难学吗？
核心概念（组件、JSX、props）很快就能理解，因为它们对应着你已经熟悉的东西：函数和 HTML。状态、副作用和数据流需要更多练习，所以这里的每一课都让你亲手编写并运行真实的组件代码，而不只是看讲解。
React 和 Next.js 有什么区别？
React 是 UI 库，负责组件、状态和渲染。Next.js 是构建在 React 之上的框架，补上了真实应用所需的一切：基于文件系统的路由、布局、服务端渲染、数据获取和 Server Actions。课程先教 React 基础，然后用一个专门的 Next.js 单元带你从组件做到一个完整的应用。
可以免费在线学 React 吗？
可以。这门互动 React 课程是免费的：动手实践的课程、即时反馈的编程挑战、AI 辅助提示和测验。一切都在浏览器里运行，无需安装，马上就能开始。
学完 React 课程能拿到证书吗？
能。学完课程，你会获得一张免费的结业证书，可以添加到 LinkedIn 或写进简历。再加上你在学习过程中做出的组件和应用，它是你具备 React 和 Next.js 实战能力的有力证明。
