前端开发者学习路线
按前端开发者真正需要的顺序安排的免费课程：用 HTML 搭结构，用 CSS 做布局，用 JavaScript 实现交互，用 TypeScript 保证安全，用 React 和 Next.js 开发真实应用，用 Git 发布上线，再用八个项目证明你的能力。每节课都在浏览器中运行，项目之前的每门课程学完都有免费证书。
556,181+ 名学习者已报名这些课程
804 节课823 个挑战3,182 道测验题
- 适合初学者
AI 辅助编程帮助
动手实践的互动课程
每节课都有语音讲解
检验所学的测验
终点有一张路径证书，沿途还有 13 张
前端开发者学习路径，循序渐进
每一步都是 Coddy 现有的一门课程。你可以按顺序学习，也可以直接跳到自己欠缺的那门。无论哪种方式，每门课程的进度都会保存。
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
在实践中学习
编写真实代码、查询数据库、搭建网站、掌握 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 上学前端开发
- 你能看到自己做出的页面。每节 HTML、CSS 和 JavaScript 课程都会在代码旁的浏览器中实时渲染，所以写错的选择器或乱掉的 flexbox 布局，在你写下的那一刻就能看到，而不是等到最后看截图。
- 顺序正确，不跳过 JavaScript。大多数前端课程从 HTML 匆匆跳到框架；这条路径在 React 之前给了 JavaScript 整整三个单元，因为只有理解了底层的语言，框架代码才读得懂。
- 会读你标记和代码的 AI 提示。当布局乱了或组件没有渲染出来时，Bugsy 会查看你写的代码，引导你找到修复方法，而不是直接给出答案。
- 招聘人员能打开的项目。最后一步是八个真实项目，都是你熟悉的页面的仿制版，每个都可以作为作品集分享；前七步的每门课程还都有免费证书。
关于成为前端开发者的常见问题
怎样成为一名前端开发者？
把 HTML、CSS 和 JavaScript 学到能从一个空白文件写出完整页面的程度，再学 TypeScript 和一个框架（React 是稳妥的选择），学会 Git，然后不看教程独立完成三四个真实项目并发布上线。这条路径就是按这个顺序安排的。项目比证书更重要：前端作品集是招聘经理三十秒内就能判断的唯一东西。
应该先学 HTML、CSS 还是 JavaScript？
先学 HTML，再学 CSS，然后学 JavaScript，并且把最多的时间留给 JavaScript。HTML 两周左右就能上手，CSS 大约一个月；JavaScript 是一门完整的编程语言，也是大多数自学前端的人偷工减料的地方。这条路径在任何框架出现之前，给了它三个单元，外加一个讲 DOM 的单元。
做前端开发需要学 TypeScript 吗？
要找工作的话，几乎都需要：绝大多数专业的 React 和 Next.js 代码库都用 TypeScript 编写，招聘启事上写的“JavaScript”在实际工作中通常指的就是 TypeScript。只要 JavaScript 基础扎实，学 TypeScript 只是一小步，所以在这条路径中它紧排在 React 之前，而不是放在最后。
React、Vue 还是 Angular：应该学哪个框架？
学 React，除非你想去的某个岗位有别的要求。它的招聘岗位数量遥遥领先，生态系统最大，而基于它的 Next.js 是大多数新上线网站使用的框架。组件、状态、props、渲染这些思想，以后一两周就能迁移到 Vue 和 Angular。这条路径教的是 React 和 Next.js。
学会前端开发需要多长时间？
每天学习一小时，大约需要六到九个月，才能带着作品集达到初级水平。在这条路径中，HTML 和 CSS 加起来需要六到八周，JavaScript 需要两到三个月，TypeScript 需要两周，React 和 Next.js 需要六周，项目阶段则取决于你持续做多久。真正重要的数字是完成了多少个项目，而不是学完了多少节课。
这条路径涵盖测试、无障碍或状态管理吗？
没有单独的课程，我们宁愿实话实说，也不想充数。语义化标记是无障碍页面的基础，属于 HTML 那一步；React 自身的状态处理也有讲解。测试课程、更深入的无障碍内容和状态管理库已列入课程规划，上线后会作为新的步骤加入这条路径。
只学免费课程能找到前端工作吗？
能，只要这些课程能让你做出作品集，这也是这条路径以八个项目结尾的原因。雇主筛选的是：一个他们能打开的、由你做出的页面，一份能证明是你做的 Git 历史，以及一场你能讲清布局和组件的面试。这三样都来自这条路径，都不需要付费的培训班。
完成前端开发者路径能获得证书吗？
能。完成每一步，你就能获得整条前端开发者路径的一张免费证书。证书会列出你沿途完成的每门课程，并链接到每门课程各自的证书，任何人都能核实上面列出的每项技能。你可以把它添加到 LinkedIn 个人资料。这是 Coddy 颁发的结业证书，不是经过认证的学历资格。
