Menu
CoddyTech
开始学习
学习路径

JavaScript 开发者学习路线

想成为 JavaScript 开发者，该按什么顺序学：先学这门语言和 TypeScript，再学命令行、Git 和 SQL，然后是面试必考的数据结构与算法，最后是团队能长期维护的代码。同一套基础适用于前端、后端和全栈开发。免费、动手实践，在浏览器里就能学。

开始学习（免费）

469,217+ 名学习者已报名这些课程

651 节课662 个挑战2,784 道测验题

JavaScript 开发者学习路线，一步一步来

17 门课程7 个单元651 节课662 个挑战2,784 道测验题

每一步都由现有的 Coddy 课程组成，每个“开始”按钮都会以 JavaScript 打开课程。你可以按顺序学，也可以从自己欠缺的那一步开始；进度按课程分别保存。

  1. 1
    第 1 步

    先学 JavaScript，再学 TypeScript专属页面

    开始这一步开始    共四个单元。Fundamentals 讲变量、严格相等与宽松相等、类型转换、函数和箭头函数以及数组；Logic & Flow 讲字符串、JSON 和对象、展开运算符、集合，以及数组方法 map、filter、reduce 和 sort；Introduction To TypeScript 讲核心类型、元组、联合类型、接口、枚举、泛型和类型守卫；Object Oriented Programming 讲 this、模块、类、私有字段、继承和组合。要学透：你以后遇到的每个框架底层都是 JavaScript，而它宽松的规则，比如 == 和 === 并存、悄无声息的类型转换，只有在你弄懂之前才是陷阱。开始专属页面
    4 个单元，按顺序学习
    1. 基础知识77 节课111 个挑战389 道题3 个项目
    2. 逻辑与流程65 节课69 个挑战325 道题2 个项目
    3. TypeScript 入门73 节课73 个挑战438 道题2 个项目
    4. 面向对象编程56 节课62 个挑战304 道题
    271 节课315 个挑战1,456 道题7 个项目
  2. 2
    第 2 步

    Linux 与命令行专属页面

    开始这一步开始    路径和文件、通配符、grep、管道和重定向、权限、环境变量和 shell 脚本。JavaScript 的工具链都在终端里：npm install、npx、开发服务器、构建和测试运行器都是命令，package.json 里的 scripts 就是 shell 命令，密钥则以环境变量的形式通过 process.env 传给 Node.js 应用。开始专属页面82 节课80 个挑战440 道题3 个项目
  3. 3
    第 3 步

    Git 与版本控制专属页面

    开始这一步开始    暂存、提交、.gitignore、分支、合并与冲突、撤销错误和远程仓库。在 JavaScript 项目里，node_modules/ 从第一次提交起就要忽略，package-lock.json 则要提交，而频繁变动的锁文件常常是并行分支发生冲突的地方。Vercel、Netlify 等平台每次推送都会自动部署，所以在很多 Web 团队里，合并到 main 就等于发布。开始专属页面58 节课55 个挑战370 道题2 个项目
  4. 4
    第 4 步

    SQL 基础专属页面

    开始这一步开始    在真实的表上练习筛选、排序、连接、分组、聚合、子查询、WITH 子句和窗口函数。全栈 JavaScript 意味着 API 背后有一个数据库，通常是 PostgreSQL 或 MySQL，通过 Prisma 这类 ORM 或查询构建器访问；要找出某个接口为什么慢，就得读懂它发出的 SQL。开始专属页面72 节课76 个挑战360 道题1 个项目
  5. 5
    第 5 步

    亲手实现数据结构

    开始这一步开始    栈、队列、链表、二叉树和哈希表，每一种都先用 JavaScript 从零实现，再用来解题。它们本来就是 JavaScript 应用运行所依赖的结构：撤销历史是栈，事件循环靠队列推进，嵌套菜单或 JSON 文档就是树。开始
    5 门课程，按顺序学习
    1. 栈：数据结构系列 #113 节课11 个挑战1 个项目
    2. 队列：数据结构系列 #212 节课10 个挑战1 个项目
    3. 链表：数据结构系列第 5 课14 节课12 个挑战1 个项目
    4. 二叉树：数据结构系列第 3 篇13 节课11 个挑战1 个项目
    5. 哈希表：数据结构系列第 4 讲14 节课12 个挑战
    66 节课56 个挑战4 个项目
  6. 6
    第 6 步

    算法与递归思维

    开始这一步开始    先做递归挑战，再用 JavaScript 实现冒泡、选择、插入、归并和快速排序，每种排序都配有 Coddy 的算法可视化工具。递归在 JavaScript 里很常见，比如遍历嵌套对象或组件树，但它有上限：递归太深时，Chrome 和 Node.js 使用的引擎 V8 会抛出 RangeError: Maximum call stack size exceeded。这一步教你提前预见这种情况。开始
    6 门课程，按顺序学习
    1. 递归挑战：掌握递归思维15 节课15 个挑战
    2. 冒泡排序11 节课10 个挑战
    3. 选择排序：数据结构与算法系列9 节课4 个挑战54 道题1 个项目
    4. 插入排序：数据结构与算法系列9 节课4 个挑战1 个项目
    5. 归并排序：数据结构与算法系列9 节课4 个挑战52 道题1 个项目
    6. 快速排序：DSA 系列9 节课4 个挑战52 道题1 个项目
    62 节课41 个挑战158 道题4 个项目
  7. 7
    第 7 步

    写出别人能读懂的代码

    开始这一步开始    一个从头到尾完成的面向对象项目和一套编程题库，都用 JavaScript。Prettier 负责统一格式，ESLint 能标出一些错误；命名、函数长度以及职责放在哪里，就要靠你自己了，而这些正是代码审查时大家会评论的地方。开始
    2 门课程，按顺序学习
    1. 用户类：面向对象编程项目8 节课8 个挑战1 个项目
    2. 编程问题挑战32 节课31 个挑战
    40 节课39 个挑战1 个项目
你将获得
学编程所需的一切

在实践中学习

编写真实代码、查询数据库、搭建网站、掌握 AI 提示词。我们的互动课程涵盖现代开发者需要的每一项技能。

playground.js
代码编辑器
1const greeting = "Hello, Coddy!"
2function sayHi(name) {
3    return greeting + " " + name
4}
5
bottombar Collapse icon
测试 #1test Case Success icon
测试 #2test Case Success icon
测试 #3test Case Failure icon
输入
"Alex"
输出
"Hello, Coddy! Alex"

打造你的连胜

坚持下去，看着自己不断进步！记录每天的编程习惯，用冻结天数保护连胜，每天打卡都能赢取奖励。

12 天连胜

明天再来，保持你的连胜！

fire Filled icon
left icon

January 2026

right icon

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

product Double Or Nothing icon

加倍或归零

第 5 天，共 7 天

fire Freeze icon

连胜冻结

2 left

随时随地写代码

随时随地继续你的编程学习旅程！无需配置，无需下载：打开就能写代码。支持 iOS、Android 和 Web，评分高达 4.9 星。

app Store icon下载应用App Storegoogle Play icon立即获取Google Play
Python
7连胜
250分数
5能量
变量
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Right Done icon
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Left Done icon
journey Hex Active Base iconjourney Hex Active Shadow iconjourney Hex Active Top iconjourney Lesson Theory Challenge icon
继续
journey Path Right icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson Theory Challenge icon
journey Path Left icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson All icon
学习旅程
目标
排行榜
个人主页
4.9
星星星星星
评分

你并不孤单

在全球排行榜上一较高下，邀请好友赢取奖励，为彼此的成就喝彩。和好友一起编程更有趣！

挑战者联赛
挑战者联赛前 7 名晋级
leaderboard First icon1
avatar 1 icon
fire Filled icon
Alex7+ Days
2840
leaderboard Second icon2
avatar 2 icon
fire Filled icon
Jordan7+ Days
2650
leaderboard Third icon3
avatar 3 icon
fire Filled icon
Sam7+ Days
2420
4
avatar 4 icon
Casey
2180
5
avatar placeholder icon
fire Filled icon
Morgan7+ Days
1950
leaderboard Arrow Up icon晋级区leaderboard Arrow Up icon

多种学习方式

阅读、收听、自我测验、问 AI，或者查阅学过的任何内容。每节课都配合你的节奏。

变量入门
音频

变量是一个有名字的容器，用来存储值，方便你在程序后面引用。

在 Python 中，创建变量只需写下名字、一个等号，再写上要存储的值。

值可以随时间变化。给这个名字重新赋值，它就会指向新的值。

1xSarah

获得证书

每完成一门课程都能获得证书。把证书添加到你的 LinkedIn 个人资料和简历中，向雇主展示你的编程能力。

Coddy结业证书
兹证明张三已成功完成
python iconPython 基础
已验证
日期2026年1月
LinkedIn添加到 LinkedIn

为什么在 Coddy 上跟着这条 JavaScript 路线学

  • 一门语言贯通整个 Web。JavaScript 能在所有浏览器里运行，有了 Node.js，它还能运行服务器、构建工具和脚本，所以前端、后端和全栈岗位在分道扬镳之前，都从这条路线打下的基础起步。
  • 第一步就包含 TypeScript。JavaScript 课程有一个完整的 TypeScript 单元，从核心类型和联合类型，到接口、枚举和泛型，所以很多专业团队写的带类型的 JavaScript 就是你学的语言的一部分，不会在第一份工作时让你措手不及。
  • 用 JavaScript 做面试练习。数据结构、递归挑战和五种排序全部用 JavaScript 讲解，你用来准备面试的，正是面试时真正要用的语言。
  • 自动评分、有提示、无需安装。每节课最后都有一道由测试用例评分的 JavaScript 挑战，AI 导师 Bugsy 会指出哪里出了问题，但不会替你写出修复代码。大多数课程结束时都能拿到免费证书，也不用安装 Node.js 或编辑器：一切都在浏览器里运行。

关于成为 JavaScript 开发者的常见问题

成为 JavaScript 开发者需要多长时间？

从零基础到能参加初级面试，每天学一小时左右，六到十二个月是比较合理的范围。在这条路线上，JavaScript 课程（含 TypeScript 单元）需要八到十周；命令行、Git 和 SQL 加起来大约一个月；数据结构和排序两步再用两个月。接下来是选定方向，学一个框架（比如 React）或 Node.js 后端，并做出一两个能拿得出手的项目。

JavaScript 适合作为软件工程师的第一门语言吗？

适合，但有一点要注意。它到处都能运行，在浏览器里立刻就能看到结果，还能直接通往 Web 方向的工作。要注意的是，JavaScript 会放过其他语言不接受的错误：== 会在比较前转换类型，访问不存在的属性得到的是 undefined，而不是报错。这就是为什么这条路线的第一步包含 TypeScript，也是为什么数据结构这几步要你亲手实现每一种结构。

除了 JavaScript，JavaScript 开发者还需要会什么？

命令行、Git 和 SQL，这条路线都会讲；然后是你所面向的平台，这条路线不讲：浏览器端是 HTML、CSS、DOM 和 React 等框架，服务器端是 Node.js、npm 和 HTTP。Coddy 的前端路径讲的是浏览器端，包括 React，正好接着本页的内容继续。

应该先学 TypeScript 还是 JavaScript？

先学 JavaScript，紧接着学 TypeScript。TypeScript 就是加了类型的 JavaScript，只有弄懂底层的 JavaScript 在做什么，它的报错才说得通。JavaScript 课程就是按这个顺序安排的：两个纯 JavaScript 单元，然后是 TypeScript 单元，最后是面向对象编程。

这条路线上哪门课程不是用 JavaScript 讲的？

只有一门：整洁代码目前只有 Python 版本，所以它列在各个步骤之后，而不是放在第七步。它讲的命名、函数长度和代码结构在任何语言里都一样，ESLint 等代码检查工具只能发现其中一小部分问题。其余每一步，包括面向对象项目和编程题，都用 JavaScript 讲。

这条 JavaScript 路线免费吗？

免费。路线上的每门课程都免费：课程内容、浏览器里的编辑器和 Linux 终端、由测试评分的挑战、Bugsy 的提示以及证书。Pro 取消每日能量限制并提供无限次 AI 帮助，但这条路线上没有任何内容需要它。

完成软件工程师路径能获得证书吗？

能。完成每一步，你就能获得整条软件工程师路径的一张免费证书。证书会列出你沿途完成的每门课程，并链接到每门课程各自的证书，任何人都能核实上面列出的每项技能。你可以把它添加到 LinkedIn 个人资料。这是 Coddy 颁发的结业证书，不是经过认证的学历资格。

其他学习路径

同样的课程，按不同职业方向编排。进度会保留：在一条路径上完成的课程，在所有包含它的路径上都算完成。

全部学习路径
Coddy 编程语言插图

免费开始软件工程师路径

开始学习