Menu
CoddyTech
热门学习旅程

学习 JavaScript

免费的 JavaScript 互动在线课程。每节课你都要亲手写 JS,卡住时有 AI 提示,学完还能获得证书。

270,820+ 名学习者已加入

271 节课254 个挑战1,456 道测验题

  • 适合初学者
  • sparkles iconAI 辅助编程帮助
  • hint icon动手实践的互动课程
  • volume On icon每节课都有语音讲解
  • quiz icon检验所学的测验
  • certificate icon免费结业证书

课程大纲

4 个单元7 个项目271 节课254 个挑战1,456 道测验题
  1. 开始本单元开始展开收起掌握核心概念和基本技能,打下坚实基础

    简介

    4 节课323

    变量

    7 节课1246

    运算符(第 1 部分)

    6 节课1037

    运算符第 2 部分

    5 节课831

    决策

    5 节课729

    基础输入输出

    6 节课931

    账单分摊计算器

    项目4 节课4

    循环

    7 节课1344

    函数

    8 节课1250

    变体 FizzBuzz

    项目4 节课4

    数组第 1 部分

    6 节课1037

    数组第 2 部分

    8 节课1254

    购物清单管理器

    项目4 节课4

    最终挑战

    3 节课37
  2. 开始本单元开始展开收起提升解决问题的能力,创建动态、交互式程序

    深入了解字符串

    5 节课630

    多维数组

    9 节课1452

    JSON 第 1 部分

    7 节课944

    JSON 第 2 部分

    6 节课530

    集合(第 1 部分)

    8 节课749

    集合(第 2 部分)

    6 节课637

    图书管理系统

    项目5 节课5

    数组进阶话题

    4 节课422

    高级数组方法

    9 节课761

    管理电影节系统

    项目6 节课6
  3. 开始本单元开始展开收起学习 JavaScript 后,开始了解 TypeScript

    核心类型

    7 节课1248

    数据结构:数组和元组

    9 节课862

    类型:别名、联合与交叉类型

    7 节课751

    对象与接口的类型标注

    8 节课757

    枚举

    6 节课638

    泛型:初识

    6 节课537

    高级主题

    6 节课642
  4. 开始本单元开始展开收起了解如何使用类、对象和可复用结构来组织代码

    对象与 this 关键字

    6 节课1142

    组织代码

    4 节课534

    类与对象

    4 节课426

    方法与状态管理

    2 节课218

    封装与访问控制

    4 节课426

    项目:一个简单的银行账户

    3 节课3

    继承与 extends 关键字

    6 节课645

    整理 OOP 代码

    1 节课19

    静态方法与属性

    4 节课425

    多态

    4 节课425

    项目:形状渲染器

    4 节课4

    Getter 和 Setter

    4 节课426

    组合与继承

    3 节课328

    图书馆管理系统

    3 节课3

JavaScript 课程

动手实践的 JavaScript 课程,在浏览器中免费开始。

你将获得
学编程所需的一切

在实践中学习

编写真实代码、查询数据库、搭建网站、掌握 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 星。

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

  • 在浏览器中立即运行 JavaScript。不用安装 Node.js,也不用配置 IDE。编辑器和输出并排显示,写 JavaScript 时反馈来得很快。
  • 现代 JavaScript:ES6+ 语法、箭头函数、Promise、async/await、解构、模块。都是你工作中真正会写的 JavaScript,而不是过时的写法。
  • AI 提示帮你调试练习,但不会剧透答案,让你建立起正确的思维模型,以后写 JS 代码更轻松。
  • 学完课程即可获得免费的 JavaScript 结业证书,和你的作品集项目或 GitHub 仓库放在一起,是一份可信的能力证明。

关于学习 JavaScript 的常见问题

JavaScript 难学吗?

JavaScript 是比较容易入门的编程语言之一。它的语法很宽容,代码可以直接在任何浏览器中运行,基础的交互(按钮点击、弹窗提示)还能立刻给你看得见的反馈。比较难的部分(异步代码、闭包、this 绑定)在后面,课程会通过动手示例循序渐进地讲解。

学 JavaScript 需要多长时间?

JavaScript 基础(变量、函数、条件语句、循环、数组)每天练习,预计一到两周。熟练掌握 DOM、ES6+ 和异步 JavaScript 通常需要两到四个月。再深入学习 React 或 Node.js,就是在此之上的另一段学习旅程了。

学 JavaScript 之前应该先学 HTML 和 CSS 吗?

先学会更好。一旦你能修改真实的页面(隐藏元素、更新文字、响应点击),JavaScript 就会具体得多。HTML 和 CSS 课程都很短,能直接衔接涉及 DOM 的 JavaScript 课程,不过你也可以直接从纯 JavaScript 逻辑开始。

可以免费在线学 JavaScript 吗?

可以。JavaScript 互动课程是免费的:完整的课程内容、编程练习、测验和证书。编辑器在浏览器中运行,所以你不需要安装 Node.js 或其他任何工具就能开始写 JS。

JavaScript 和 Java 有什么区别?

虽然名字很像,但它们是两门毫不相干的语言。Java 是静态类型、基于类的语言,大量用于服务器和 Android。JavaScript 是动态类型语言,运行在浏览器和 Node.js 上。做 Web 开发就学 JavaScript;做 Android 或大型企业级后端就学 Java。

学完 JavaScript 课程能获得证书吗?

能。完成 JavaScript 课程后,你会获得一张免费的结业证书,可以分享到 LinkedIn 或写进简历。它可以验证,证明你认真学完了一门系统的互动课程,而不只是看了几个教程视频。

包含这门课程的学习路径

这门课程是一条更长路径中的一步:几门课程按导师会教的顺序排列,每门都有自己的免费证书。

Coddy 编程语言插图

用 Coddy 学习 JavaScript

开始