0Pricing
TypeScript Academy icon
TypeScriptFrontendWebBackend级别 A1 → C215 种语言

TypeScript Academy

通过 TypeScript Academy 的课程,用 TypeScript 增强你的 JavaScript 项目。 CoddyKit 的学习路径,包含 101 门短课程和 352 节互动课程,并有 24/7 AI 导师陪伴左右。

课程
101
课程
352
互动步骤
4,076
免费开始
课程 1
课程

此路径包含 101 门课程

以下是学习路径 TypeScript Academy 中的每门课程,按学习顺序排列。第一门免费。

1

A13 节课免费

本课程将向您介绍 TypeScript。这是一种基于 JavaScript 并通过添加类型功能得到增强的强大语言。您将了解 TypeScript 是什么、为什么使用它,以及如何设置开发环境。课程结束时,您将编写第一个 TypeScript 程序,并看到它实际运行。

2

A13 节课PRO

从清晰的概念、简单的设置以及第一次构建和运行开始学习 TypeScript。了解 TS 为什么能提升安全性和开发体验。

3

A14 节课PRO

了解 TypeScript 创建的原因、静态类型如何帮助及早发现错误,以及何时应选择 TypeScript 而非纯 JavaScript。

4

A14 节课PRO

掌握 TypeScript 的核心原始类型,理解 any 的风险,并了解 unknown 为什么更安全。

5

A13 节课PRO

学习 TypeScript 中变量和类型的工作方式:原始类型、类型推断和注解。

6

A24 节课PRO

学习如何为数组指定类型、定义固定长度的元组,以及使用枚举表示命名常量集合。

7

A24 节课PRO

学习如何为函数参数和返回值添加注解,使用可选参数,并使用 TypeScript 编写箭头函数。

8

A24 节课PRO

使用字面量类型和 const 断言将值限定为精确类型,编写精准且自描述的代码。

9

A24 节课PRO

掌握 TypeScript 的特殊类型,安全处理不确定性、不可能性和缺失值。

10

A24 节课PRO

使用类型断言告诉编译器您掌握的信息,并了解它们何时安全、何时危险。

11

A24 节课PRO

使用可选链和空值合并运算符,编写简洁且安全处理 null 的代码。

12

A24 节课PRO

将属性、数组和结构标记为 readonly,防止意外修改。

13

A24 节课PRO

使用接口和类型别名定义对象结构,理解它们的区别,并用它们强制执行契约。

14

A24 节课PRO

使用联合运算符(|)和交叉运算符(&)灵活组合类型,建模现实世界的数据结构。

15

A24 节课PRO

正确标注解构值的类型,避免带类型解构中的常见陷阱。

16

A24 节课PRO

为可变参数函数、展开操作和剩余元素指定类型,构建灵活且安全的 API。

17

A23 节课PRO

掌握 TypeScript 中的基本控制流:if/else、switch、循环,以及真值检查和严格比较之间的区别。

18

A23 节课PRO

学习如何在 TypeScript 中建模对象:对象类型、可选属性、只读属性和索引签名。

19

A23 节课PRO

探索 TypeScript 集合:数组、元组和枚举。学习如何通过类型注解安全有效地使用它们。

20

B14 节课PRO

使用类、构造函数以及 public、private、protected 等访问修饰符,构建面向对象的 TypeScript 代码。

21

B14 节课PRO

学习 TypeScript 如何在条件代码块中使用 typeof、instanceof 和自定义类型守卫函数收窄类型。

22

B14 节课PRO

使用 TypeScript 泛型和类型参数,编写可复用且类型安全的函数和数据结构。

23

B14 节课PRO

使用 ES 模块和重新导出组织 TypeScript 代码,并理解何时应使用命名空间。

24

B14 节课PRO

使用索引签名为键未知的对象指定类型,同时保留安全性保证。

25

B14 节课PRO

使用 TypeScript 强大的类型运算符,从现有值和键推导类型。

26

B14 节课PRO

使用模板字面量类型建模结构化字符串,并在编译时强制执行字符串格式。

27

B14 节课PRO

掌握 TypeScript 内置工具类型,在不重复编写代码的情况下转换和组合类型。

28

B14 节课PRO

通过带类型的错误层次结构、Result 类型和安全的错误传播,超越 try/catch,在 TypeScript 应用中处理错误

29

B14 节课PRO

通过严格模式释放 TypeScript 的全部能力,理解每个严格标志,并为实际项目配置 tsconfig

30

B14 节课PRO

使用 Zod 模式验证外部数据,连接编译时安全性与运行时安全性。

31

B14 节课PRO

验证应用配置和环境变量的类型,在配置错误时快速失败。

32

B13 节课PRO

学习 TypeScript 如何使用 typeof 、 相等性检查 和 真值规则 收窄类型,从而编写更安全的代码。

33

B13 节课PRO

深入学习函数:重载、调用签名和富有表现力的 API 设计。

34

B13 节课PRO

使用 泛型 编写可复用的函数。约束类型参数、设置默认值,并保持强大的类型推断能力。

35

B13 节课PRO

使用 泛型接口 和 类型别名 建模可复用的结构。学习约束、默认值及其差异。

36

B13 节课PRO

掌握 TypeScript 中的 ES 模块:命名导出与默认导出的区别、导入,以及用于构建清晰 API 的重新导出模式(集中导出文件)。

37

B13 节课PRO

在浏览器 DOM 中使用 TypeScript:DOM 库类型、querySelector、严格空值检查、事件和常见模式。

38

B12 节课PRO

学习如何使用具有强类型约束的 fetch,使用泛型解析 JSON,并确保安全地处理 API 响应。

39

B13 节课PRO

使用 ESLint 和格式化工具保持 TypeScript 项目整洁。确保一致性并及早发现错误。

40

B24 节课PRO

通过 keyof 约束、条件类型逻辑和可分配泛型模式,深入学习泛型。

41

B24 节课PRO

使用映射类型以编程方式转换现有类型,并利用模板字面量构建字符串模式类型。

42

B24 节课PRO

学习实验性的类装饰器,以及 NestJS 和 Angular 等框架如何利用装饰器实现基于元数据的编程。

43

B24 节课PRO

正确为 React 组件、属性、事件处理器和钩子添加类型,使用 TypeScript 构建可靠的 React 应用

44

B24 节课PRO

在 Node.js 项目中配置 TypeScript,为 Express 路由和中间件添加类型,并安全处理请求与响应对象

45

B24 节课PRO

构建完整类型化的 HTTP 客户端,在运行时验证 API 响应,并使用 Zod 和 OpenAPI 代码生成等工具

46

B24 节课PRO

为 TypeScript 配置 Jest,编写类型安全的测试,正确模拟模块,并使用 expectTypeOf 进行类型断言

47

B24 节课PRO

使用可辨识联合建模变体数据,并通过完备性检查确保所有情况都得到处理。

48

B24 节课PRO

使用 satisfies 根据类型验证值,同时保留其更窄的推断类型。

49

B24 节课PRO

构建强类型事件发送器,在编译时检查事件名称和负载。

50

B24 节课PRO

实现流畅的构建器,通过类型系统强制执行必需步骤和有效的构建顺序。

51

B24 节课PRO

运用柯里化、组合和管道等函数式技术,并享受完整的类型推断。

52

B24 节课PRO

使用依赖注入和类型安全的控制反转容器解耦组件。

53

B24 节课PRO

使用明确的 Result 和 Option 类型替代抛出异常,实现可预测的错误处理。

54

B24 节课PRO

深入了解 TypeScript 的类型系统。本类别涵盖数组、元组、联合类型、交叉类型、枚举和字面量类型,帮助您轻松灵活地处理复杂数据结构。

55

B23 节课PRO

自信地使用 Promise<T> 和 async/await :学习类型、链式调用和错误处理。

56

B22 节课PRO

学习 TypeScript 如何与 Node.js 协作:类型声明、模块系统(ESM 与 CJS)以及实用设置。

57

B23 节课PRO

掌握 TypeScript 编译器选项:严格性标志、模块与输出设置,以及项目结构。

58

B23 节课PRO

了解 tsc 的输出机制、何时使用 --noEmit,以及打包工具如何与 TypeScript 集成。

59

B23 节课PRO

使用现代测试运行器测试 TypeScript。正确设置 Vitest 和 Jest,获得快速、可靠的反馈。

60

B24 节课PRO

使用项目引用、路径别名以及 pnpm 工作区等包管理器配置 TypeScript 单体仓库

61

B24 节课PRO

从 GraphQL 架构生成 TypeScript 类型,编写带类型的解析器,并使用代码生成工具实现端到端类型安全

62

B24 节课PRO

将 TypeScript 应用于 Redux Toolkit、Zustand 和 XState 中的状态管理模式,构建可预测的应用状态

63

B24 节课PRO

使用 allowJs、JSDoc 类型和安全的迁移策略,在现有 JavaScript 代码库中逐步采用 TypeScript

64

B24 节课PRO

探索最新的 TypeScript 5.x 特性,包括装饰器、const 类型参数、可变元组改进等

65

B24 节课PRO

使用 tRPC 在客户端和服务器之间自动共享类型,构建完全类型安全的 API。

66

B23 节课PRO

学习使用 TypeScript 开发 React:强类型属性、事件、引用,以及适用于真实应用的安全组件模式。

67

B23 节课PRO

使用 Express 和 TypeScript 构建类型安全的 REST API:为处理器、参数、请求体和 JSON 响应提供准确的类型。

68

B23 节课PRO

使用 TypeScript 学习 Next.js App Router:服务器组件与客户端组件的区别、类型化的路由处理器,以及安全的数据传递。

69

B21 节课PRO

通过 JSDoc 在 JavaScript 项目中使用 TypeScript。使用 // @ts-check 开启检查,使用 JSDoc 添加注解,并安全地完成迁移。

70

B22 节课PRO

使用 TypeScript 确保运行时数据安全:使用 zod/valibot 验证输入,根据模式推断类型,并在整个应用中传递安全的数据结构。

71

B22 节课PRO

采用稳健的错误处理方式:使用 Result/Either 类型、可区分联合和穷举式检查,避免静默失败。

72

C14 节课PRO

定义引用自身的类型,用于建模树、嵌套 JSON 和链式结构。

73

C14 节课PRO

通过学习泛型、工具类型和类型守卫等高级概念,将您的 TypeScript 技能提升到更高水平。本类别将帮助您编写更加灵活、可重复使用且保持类型安全的代码。

74

C13 节课PRO

了解 TypeScript 如何推断类型,以及它如何通过减少显式类型注解的需要来提高代码效率。探索上下文类型推断的工作方式,改善开发体验并在编译时发现错误。

75

C13 节课PRO

TypeScript 高级特性深入介绍 TypeScript 的前沿能力,帮助您编写更加高效、灵活且易于维护的代码。本类别适合准备超越基础、探索高级类型操作、增强类型安全性和模块化代码组织等强大技术的开发者。通过学习 keyof 、映射类型以及联合类型和交叉类型等实用内容,本类别将帮助您掌握应对复杂编程挑战的技能。

76

C13 节课PRO

本课程将探索各种高级工具和技术,让您的 TypeScript 项目更加健壮、灵活且易于维护。从通过严格的空值检查确保空值安全,到动态创建类型和扩展模块,这些课程将帮助您掌握应对高级编程挑战的知识,同时保持代码高效可靠。

77

C13 节课PRO

本课程将深入讲解能够提升 TypeScript 代码效率、灵活性和健壮性的强大概念。从掌握类型收窄和条件类型的高级技术,到探索复杂的类特性,本类别将帮助您充满信心且精准地应对复杂编程挑战。

78

C14 节课PRO

理解 TypeScript 在复杂场景下如何推断类型,包括上下文类型、类型拓宽和新鲜度

79

C14 节课PRO

掌握 infer 关键字,从条件类型位置提取类型,并构建强大的类型级工具

80

C14 节课PRO

使用映射类型、条件类型、infer 和递归设计并实现可复用的自定义工具类型

81

C14 节课PRO

使用性能分析工具、类型简化和合理使用声明,诊断并修复缓慢的 TypeScript 编译

82

C14 节课PRO

将 TypeScript 类型系统视为一种编程语言,从现有类型计算出新类型。

83

C14 节课PRO

了解 Drizzle 等现代 ORM 如何直接根据您的模式推断查询结果类型。

84

C14 节课PRO

使用现代 Stage 3 装饰器和元数据反射,构建强大的框架级抽象。

85

C14 节课PRO

构建在编译时检查翻译键和插值变量的 i18n 系统。

86

C13 节课PRO

深入学习高级类型收窄:穷举式 switch、never 检查、谓词函数和 satisfies 运算符。

87

C13 节课PRO

掌握条件类型和 infer 关键字。构建可复用的工具类型,并理解它在联合类型上的分配行为。

88

C13 节课PRO

学习映射类型和模板字面量类型,在 TypeScript 中构建灵活、可复用的抽象。

89

C13 节课PRO

利用可变参数元组和泛型构建灵活的函数类型:剩余元素、柯里化辅助函数和安全的组合。

90

C13 节课PRO

使用品牌类型(不透明类型),避免混用结构相同的值(例如米与秒、UserId 与 OrderId)。无需运行时开销即可提升安全性。

91

C11 节课PRO

使用 TypeScript 实现高级 React 模式:多态组件、类型化引用和灵活的 API,同时不牺牲安全性。

92

C12 节课PRO

使用 TypeScript 实现高级 React 模式:多态组件、类型化引用和灵活的 API,同时不牺牲安全性。

93

C12 节课PRO

学习如何创建和发布 TypeScript 声明文件(.d.ts)。编写准确的环境类型,区分 export type 与 export,并为开发者提供自动补全和安全保障。

94

C11 节课PRO

使用工作区和项目引用设置 TypeScript 单体仓库。加快构建速度,启用增量式 tsc -b ,并在各个包之间安全共享类型。

95

C12 节课PRO

安全地提高 TypeScript 的严格程度:移除 any ,优先使用 unknown 并进行类型收窄,逐步启用严格性标志,并添加轻量级守卫。

96

C24 节课PRO

使用 TypeScript 的公共编译器 API,以编程方式分析、转换和生成 TypeScript 代码

97

C24 节课PRO

使用元组和递归,完全在类型系统中执行数值计算。

98

C24 节课PRO

使用轻量级 HKT 编码,弥补 TypeScript 缺少高阶类型的不足。

99

C24 节课PRO

使用模板字面量和递归推断,在类型层解析结构化字符串。

100

C24 节课PRO

设计由类型系统完全强制保证有效性的嵌入式领域特定语言。

101

C24 节课PRO

使用 Effect 库强大的类型系统,显式管理副作用、错误和依赖。

CoddyKit PRO

解锁此路径中的全部 101 门课程,以及其他所有路径中的课程

AI 导师、认证考试和证书。支持网页、iOS 和 Android。

查看所有方案
按年$29.90 / 年每月约 $2.49一次性付款终身$69.99 一次性无需续费,永久使用 PRO。
课程概览

TypeScript:整个 JavaScript 生态系统的静态类型

TypeScript 是 Microsoft 推出的语言,Google 大规模使用的语言,也是大多数现代 React、Node.js 和 Next.js 项目默认采用的语言。它编译为纯 JavaScript,同时添加了一个静态类型系统,可以在运行时之前捕捉整个类别的错误——API 响应不匹配、可选字段上的空值访问、错误的函数签名等。本课程涵盖从首次使用类型到编译器内部的 TypeScript,跨越 106 门课程,涵盖从 A1 到 C2 的每个级别。

你将学到什么

你将从 string、number、boolean、unknown 和 never 开始,然后逐步深入接口、类型别名、联合和交集类型、泛型以及 Partial、Pick、Omit 和 Record 等工具类型。中级主题包括类型窄化和类型守卫、判别联合、映射类型、模板字面量类型、装饰器以及使用 Zod 的运行时验证。你将把 TypeScript 应用到真实的技术栈——React props 和 hooks、Express API、Node.js、Next.js、GraphQL、tRPC 和类型安全 ORM。高级课程涵盖条件类型、infer 关键字、递归和自引用类型、品牌化/名义类型、可变元组、编写声明文件,以及使用项目引用在 monorepo 中实现端到端的类型安全。

学习路径

106 门课程从 A1 到 C2 连贯进行。A1 和 A2 课程建立基础:基本类型、函数、数组、元组、枚举、readonly、可选链式调用和空值合并。B1 介绍类、模块、严格模式、tsconfig 最佳实践、泛型以及安全使用 DOM 和 Fetch API。B2 深入高级泛型(包括约束和条件类型)、装饰器、Jest 测试、monorepo 设置以及从 JavaScript 迁移。C1 课程涵盖递归类型、infer 关键字和复杂条件类型、编写自定义工具类型、类型级编程基础、类型安全的国际化以及高级 React 模式。课程最后在 C2 结束,涵盖 TypeScript Compiler API 内部、类型级算术、高阶类型模拟、构建类型安全的解析器、用 TypeScript 类型构造 DSL 以及 Effect-TS。

工作原理

每门课程分为短小精悍的课时,你在内置代码编辑器中完成,获得实时反馈。当你遇到困难时,AI 导师随时可用,每个概念都通过实践练习而不是被动阅读立即加以强化。

你的学习方式

  1. 01

    互动课程

    实时反馈的动手编程练习

  2. 02

    AI 导师

    遇到困难时立即获得 AI 帮助

  3. 03

    内置编辑器

    直接在浏览器中编写并运行代码

  4. 04

    证书

    完成课程后获得证书

常见问题

常见问题解答

TypeScript Academy 课程免费吗?

免费。你可以免费开始 TypeScript Academy 课程并完成它的所有互动课程。可选的 PRO 订阅解锁高级 AI 工具和可分享的证书。

学习 TypeScript 需要有先前的经验吗?

不需要。课程从基础开始,逐步进阶到更高难度的主题,所以即使你没有任何 TypeScript 基础也可以开始。

我在 CoddyKit 上怎样学习 TypeScript?

学以致用。简洁的互动课程将清晰的讲解与实时动手编程练习结合,24/7 AI 导师在你遇到困难时提供个性化帮助。

完成 TypeScript Academy 后能获得证书吗?

可以。PRO 学员可以参加考试,获得 TypeScript Academy 课程的可分享的完成证书,其中包含可验证的代码。

我能在手机上学习 TypeScript 吗?

可以。CoddyKit 支持网页版和原生 iOS、Android 应用,你可以在任何设备上学习 TypeScript,进度会自动同步。

CoddyKit PRO 的费用是多少?

TypeScript Academy 的第一门课程免费。CoddyKit PRO 可解锁全部课程:每周 $5.90、每月 $7.90、每年 $29.90,或一次性支付 $69.99,即可终身使用且无需续费。

完成 TypeScript Academy 需要多长时间?

TypeScript Academy 包含 101 门课程和 352 节课。大多数课程需要约 5–10 分钟,因此整个路径大约需要 41 小时的实践学习,你可以按照自己的节奏进行。

立即开始 TypeScript Academy

加入数千名学习者,通过 AI 驱动的课程掌握编程。