Menu
CoddyTech
js icon属于 JavaScript 学习旅程学习旅程

学习 TypeScript

建立在 JavaScript 之上的免费 TypeScript 互动课程。每节课你都要亲手写 TS:类型注解、接口、泛型、联合类型、类型收窄,卡住时有 AI 提示,学完还能获得证书。它是更完整的 JavaScript 学习旅程的一部分,所以理解 TypeScript 所需的 JS 基础就在手边。

2,811+ 名学习者已加入

73 节课67 个挑战438 道测验题

  • 适合初学者
  • sparkles iconAI 辅助编程帮助
  • hint icon动手实践的互动课程
  • quiz icon检验所学的测验
  • certificate icon免费结业证书

课程大纲

1 个单元2 个项目73 节课67 个挑战438 道测验题

本单元属于 JavaScript 学习旅程。完整大纲还有更多单元:点击下方任意预览,即可在学习旅程页面查看。

  1. 单元 1基础知识77 节课
  2. 单元 2逻辑与流程65 节课
  3. 开始本单元开始展开收起学习 JavaScript 后,开始了解 TypeScript

    核心类型

    7 节课1248

    数据结构:数组和元组

    9 节课862

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

    7 节课751

    对象与接口的类型标注

    8 节课757

    枚举

    6 节课638

    泛型:初识

    6 节课537

    高级主题

    6 节课642
  4. 单元 4面向对象编程56 节课
你将获得
学编程所需的一切

在实践中学习

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

  • 在浏览器中写 TypeScript。不用安装 tsc,不用配置编辑器,也不用折腾 tsconfig.json。编辑器和输出并排显示,让你立刻看到每个类型的作用。
  • 现代 TypeScript:类型注解、接口、泛型、联合类型和交叉类型、类型收窄、工具类型,以及 TS 如何叠加在普通 JavaScript 之上,而不改变运行时执行的代码。
  • AI 提示帮你读懂 TypeScript 的报错(出了名的长),又不会直接剧透修复方法,让你建立起正确的思维模型,以后写 TS 代码更轻松。
  • 学完这个单元即可获得免费的 TypeScript 证书。它能证明你会读写地道的 TS,而不只是在 JavaScript 里零星加几个类型。

关于学习 TypeScript 的常见问题

TypeScript 是什么?

TypeScript 是 JavaScript 的超集,增加了可选的静态类型。合法的 JavaScript 就是合法的 TypeScript,但 TS 允许你给变量、函数参数和返回值加上类型注解,编译器会在代码运行之前找出错误。运行时,TypeScript 会被编译成普通的 JavaScript。

TypeScript 难学吗?

如果你已经熟悉 JavaScript,TypeScript 的基础很快就能上手:给几个变量加上 : string 或 : number,你就已经在写 TS 了。比较难的部分(泛型、条件类型、映射类型、类型收窄)需要更长时间,这门课程会通过动手示例一小步一小步地讲解。

学 TypeScript 之前需要先会 JavaScript 吗?

需要。TypeScript 就是加上了类型的 JavaScript,所以你真正在学的语言是 JS。正因为如此,这个 TypeScript 单元是 JavaScript 学习旅程的一部分:你可以先学 JS 的几个单元,如果已经熟悉现代 JavaScript,也可以直接跳到 TS。

TypeScript 和 JavaScript 有什么区别?

JavaScript 是动态类型的:一个变量今天可以存字符串,明天可以存数字,你只有在运行时才会发现问题。TypeScript 增加了一层在构建时运行的静态类型检查,在代码发布前就能发现类型不匹配。编译后的输出仍然是普通的 JavaScript,所以凡是能运行 JS 的地方都能运行它。

可以免费在线学 TypeScript 吗?

可以。TypeScript 互动单元是免费的:完整的课程内容、编程练习、测验和证书。编辑器在浏览器中运行,并内置了 TS 编译器,所以你不需要安装 tsc、Node 或任何工具就能开始写 TypeScript。

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

能。完成 TypeScript 单元后,你会获得一张免费的结业证书,可以分享到 LinkedIn 或写进简历。它可以验证,证明你认真学完了系统的、动手实践的 TypeScript 内容,而不只是看了几个教程视频。

包含这门课程的学习路径

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

Coddy 编程语言插图

用 Coddy 学习 TypeScript 入门

开始