TypeScript 学习指南:2022年 10个最佳 TypeScript 课程

TypeScript 学习指南:2022年 10个最佳 TypeScript 课程

什么是 TypeScript

TypeScript 是 Microsoft 创建的一种强类型编程语言,用于帮助开发大型 JavaScript 应用程序。它是 JavaScript 的超集,并且可以转换为干净可读的 JS 代码。

JavaScript 是一种动态类型语言,这意味着很难在大型代码库中跟踪对象的属性,并且无法利用智能代码检查。TypeScript 通过强制程序声明类型来解决这些问题,为程序员省去了很多麻烦。

在本文中,我为初学者和中级程序员选择了最好的在线课程、资源和教程来学习 TypeScript。大多数课程都是免费的,其中一门甚至提供了微软自己的免费证书。

最佳TypeScript课程大纲

本文介绍的10套课程,有2门是付费课程,其余8个都是免费课程

此外,需要注意的是,由于 TypeScript 是 JavaScript 的超集,本文介绍的课程,都需要你具有一些基本的 JavaScript 知识

以下是课程目录,点击课程名称,可以跳转到对应的课程详情介绍部分:

课程名称时长课程简介
1. Learn Typescript for free (Scrimba)3小时适合初学者的最佳互动课程
2. Build JavaScript applications using TypeScript (Microsoft Learn)6-7小时最佳交互式文章课程,免费证书
3. Learn TypeScript – Full Course for Beginners (YouTube)2小时最佳简明入门课程
4. Code Mastery TypeScript (CodeMastery.dev)3-6小时最佳交互式课程
5. No BS TS (YouTube)8小时最佳视频课程
6. Learn TypeScript (Codecademy)10小时最佳互动编码学习平台
7. TypeScript Deep Dive (Basarat Ali)自由最佳文本课程
8. Up and Running with TypeScript (egghead.io)30分钟一个小时内的最佳简明课程
9. TypeScript Basics (executeprogram.com)3小时最佳互动编码学习课程
10. Understanding TypeScript – 2022 Edition (Academind)15小时最佳综合课程,涵盖高级主题

注意:

由于国内特殊的网络原因,本文涉及到的部分网站可能无法直接打开,并非是链接错误。如需访问,需要使用魔法

为了方便大家学习,部分无法访问的视频课程,我们提供了Bilibili的播放地址。部分LinkedIn Learning和Udemy等付费课程,也会提供课程下载地址

1. Learn Typescript for free (Scrimba)

最佳 TypeScript 课程:Learn Typescript for free

最佳 TypeScript 课程,我的第一选择是 Scrimba 的 Learn Typescript for free

这门免费课程强调了一种实用的学习方法,你将在其中建立一个冲浪网站。在课程结束时,你将了解原始数据类型、结构化数据类型、文件组织、模块、类、编译等。

此外,Scrimba 有一个有用的 Discord 社区,你可以在其中提出问题并与其他学习者和导师分享想法。

要参加本课程,你应该对 HTML、CSS 和 JavaScript 有基本的了解。

你会学到什么

本课程首先向你介绍 JavaScript 中的类型,以便当你开始使用 TypeScript 时,你会欣赏它的易用性和 JavaScript 的新功能。

之后,你开始一项挑战——修复网站,你将了解类型分配、推理、属性对象和仪表板。此外,你还将了解对象类型、数组类型和元组。

接下来,你将深入学习以下基本类型,然后,你将把它们应用到课程为你准备的几个小挑战中。

最后,课程以介绍接口、模块和类作为结束,这三个概念是完全开发仪表板所需的。你还将了解 TypeScript 编译器,以及TypeScript 程序员犯的常见错误。

课程时长

课程时长 3 小时,将通过观看讲座视频、阅读课程文章、完成小挑战以及通过构建网站来学习TypeScript。

课程网站Scrimba
讲师Ania Kubow
等级中级
时长共 3 小时
学生数9.4K
证书付费

2. Build JavaScript applications using TypeScript (Microsoft Learn)

最佳 TypeScript 课程:Build JavaScript applications using TypeScript

最佳 TypeScript 课程,我的第二选择是 Microsoft Learn 提供的免费课程 Build JavaScript applications using TypeScript

在本课程中,你将了解如何使用 TypeScript 进行 JavaScript 开发,来帮助你构建更健壮的代码、减少运行时类型错误、以及利用 JavaScript 中可用的现代功能以及更好地与开发团队合作。

此外,如果你完成课程,你还可以获得免费证书

要参加本课程,你需要对 HTML 和 JavaScript ES6 有基本的了解。

你会学到什么

本课程首先帮助你在 Visual Studio Code 中设置 TypeScript 编程环境。然后,你将了解 JavaScript 和 TypeScript 之间的主要区别(TypeScript 的静态类型系统)。

两种语言之间的另一个区别是 TypeScript 通过经典面向对象编程支持接口,因此,你将学习如何声明和实例化接口并对其进行扩展。

TypeScript 为标准 JavaScript 函数和类添加了新功能,使它们更易于使用。例如,你将学习如何使用类型注释、指定函数的默认或可选参数以及使用类型别名或接口来定义函数和类。

泛型是你可以在整个代码库中定义和重用的代码模板;JavaScript 没有的东西。它们告诉函数、类或接口,当你调用它时你想使用什么类型。你将了解如何以及何时在代码中使用它们,包括指定通用约束。

最后的模块教你两种组织代码的方法:模块和命名空间。你将首先了解模块以及如何使用它们导入外部类型库,然后再了解名称空间以及它们在具有结构的全局变量方面与模块有何不同。

课程详情

本课程时长 6-7 小时,你将主要通过阅读文章和完成交互式编码练习、多项选择测验和提供的实验室来学习。

课程来源Microsoft Learning
提供者微软
等级中级
时长6–7 小时
证书免费

3. Learn TypeScript – Full Course for Beginners (YouTube)

最佳 TypeScript 课程:Learn TypeScript – Full Course for Beginners

最佳 TypeScript 课程,我的第三个选择是 Learn TypeScript – Full Course for Beginners

这套由 freeCodeCamp 的 YouTube 频道提供的免费课程,将教你使用 TypeScript 所需的所有知识。在本课程结束时,你将了解所有现代 TypeScript 功能。

要参加本课程,你应该具备一些基本的 JavaScript 知识。

你会学到什么

本课程首先概述了 TypeScript 语言以及开发人员应该使用它的原因。

在安装了在 TypeScript 中编码所需的工具之后,你将了解 Typescript 的类型定义,该定义将数据表示为对象类型。这有助于你编写不易出错的代码,因为你可以确保一个变量无论如何都将始终具有相同的类型。你将深入学习一些关键类型,例如 union、any、never 和 void。

网站围绕 DOM 展开,TypeScript 对此并不陌生。你将学习如何使用 TypeScript 来操作 DOM,包括如何创建类、泛型接口、泛型函数和枚举。

你将如何学习

本课程时长 2 小时,你将通过观看讲座视频来学习,并通过查看发布在 GitHub 上的代码来跟随讲师编写代码。

课程来源YouTube(freeCodeCamp)
国内观看Bilibili(疯狂滴小黑)
讲师Alexander Kochergin
等级初级
时长1.5小时
播放量300K
证书

4. Code Mastery TypeScript (CodeMastery.dev)

最佳 TypeScript 课程:Code Mastery TypeScript

如果你正在寻找交互式实践课程,Code Mastery 是你的不二之选。

Code Mastery TypeScript,这套免费课程通过完整的交互式学习方式,让你成为 TypeScript 专家。

要参加本课程,你应该对 JavaScript 有一定的经验。

你会学到什么

首先,你将了解 TypeScript 的类型注释和基本类型(数字、布尔值、数组、对象)。你还将学习如何使用类型别名创建命名类型。此外,你将了解如何将类型与函数一起使用来创建可选参数。

接下来,你将了解 TypeScript 的基本概念。在继续讨论文字类型和文字联合之前,你将从类型推断开始。之后,你将学习 typeof 和 keyof 运算符。还将介绍泛型,该课程将向你展示如何使用它们创建约束。

该课程还教你几种可以使用的实用程序,包括部分、必需、选择、省略、提取等。然后,你将学习一些高级概念,例如如何检索数组类型元素的类型、检查对象的属性和嵌套条件。该课程还包括一些程序员可以使用的有价值的工具。

课程详情

课程时长 3-6 小时,你将通过互动练习和阅读课程材料来学习。此外,你还将完成一个测验,以测试你对 TypeScript 类型的理解,并完成一些挑战来进一步拓展你的技能。

课程来源Code Mastery
等级初学者
工作量3–6 小时
证书

5. No BS TS (YouTube)

最佳 TypeScript 课程:No BS TS

这是一套由 Jack Herrington 在 YouTube 中提供的免费TypeScript课程,在课程结束时,你将能够自如地在 TypeScript 项目中工作。

要参加本课程,你需要具备一些 JavaScript 基础知识。

你会学到什么

本课程从简单介绍 TypeScript 开始,设置并研究其类型系统、条件和循环。然后,你将探索 TypeScript 函数的新属性,例如它的独特类型(any、never、void)、重载和可选参数。

然后,在学习泛型和枚举之前,你将学习如何创建和修改元组。

最后,由于 TypeScript 是面向对象的,你将学习如何定义和初始化结构。

React 构成了本课程的下一部分。你将学习如何设置 React、创建自定义钩子、使用通用组件等等。最后,你将通过自己建立一个项目来结束课程。

课程详情

本课程时长 8 小时,你将通过观看视频讲座和与讲师一起编码来学习。

课程来源YouTube(Jack Herrington)
国内观看Bilibili(疯狂滴小黑)
讲师Jack Herrington
等级初级
时长8 小时
播放量57K
证书

6. Learn TypeScript (Codecademy)

最佳 TypeScript 课程:Learn TypeScript

由 Codecademy 提供的免费课程 Learn TypeScript,是学习 TypeScript 的绝佳方式。

在这个免费课程中,你将把你已经知道的 JavaScript 语法应用到 TypeScript 的类型系统中。在课程结束时,你将熟悉 TypeScript 的工作原理。

你需要一些 JavaScript 经验才能充分利用本课程。

你会学到什么

本课程首先介绍 TypeScript 语言并体验 TypeScript 的注释类型系统。接下来,你将学习如何在 TypeScript 中编写函数。它们与 JavaScript 类似,但 TypeScript 的函数行为稍有不同。

你只看到了类型的冰山一角。以下几节课更多地关注类型,因为 TypeScript 围绕类型系统(正如语言名称所暗示的那样)。此外,你还将了解用于复杂数据结构(如数组和对象)的复杂类型以及用于将单个类型组合成灵活组合的联合类型。

最后几节课讨论了如何使用类型保护来加速代码的运行时行为,这个过程称为类型缩小。最后,你将通过介绍一些高级概念来完成本课程,例如帮助你编写类型和类的接口、深度和组合类型以及索引签名。

课程详情

本课程时长 10 小时,你将通过提供动手实践学习体验的交互式课程文章和练习来学习。

如果你是 Codecademy Pro 会员,你将能够在完成课程后获得证书。

课程来源Codecademy
等级初级
时长10 小时
证书付费

7. TypeScript Deep Dive (Basarat Ali)

最佳 TypeScript 课程:TypeScript Deep Dive

如果你更喜欢通过阅读文档来学习,TypeScript Deep Dive,这门课适合你。

在这个免费课程中,你将学习在 TypeScript 中编码所需的所有知识。本课程非常全面,因此你将有大量的材料要学习。

你需要具备一些 JavaScript 知识才能参加本课程。

你会学到什么

你将通过了解 TypeScript 相对于 JavaScript 的优势开始本课程,特别是类型系统。然而,了解一些 JavaScript 对于理解 TypeScript 也是必不可少的,因为 TypeScript 是 JavaScript 的超集。因此,你将了解 JavaScript 中的一些功能,包括如何将 JavaScript 代码迁移到 TypeScript 代码。

接下来,你将彻底探索 TypeScript 的类型系统,例如类型断言和类型推断。然后,你将探索 TypeScript 必须提供的多种类型。你还将了解充当代码必须遵守的契约的接口。

接下来,你将学习如何管理 TypeScript 项目。首先,你将了解模块和命名空间,它们可以组织和构建你的代码。然后,你将学习如何使用动态导入表达式从程序中的任何位置异步请求模块。

TypeScript 编译器可以进行广泛的定制,你将学习如何修改其设置以满足你的需求。TypeScript 编译器还提供有用的错误消息,因此你将学习如何解释它们以及开发人员在其代码中犯的常见错误。

课程的最后部分涵盖了开发人员工具,例如使用 Jest 或 Cypress 测试 TypeScript 代码、代码格式化程序和诸如 Prettier 和 ESLint 之类的 linter,以及每个开发人员都应该知道的提示和技巧。

课程详情

该课程是文档课程,所以没有时间限制,你可以通过阅读课程笔记和查看提供的示例代码来学习。

课程来源GitHub
讲师Basarat Ali
等级初级
证书

8. Up and Running with TypeScript (egghead.io)

最佳 TypeScript 课程:Up and Running with TypeScript

如果你想快速入门,Up and Running with TypeScript 这套课程将在不到半小时的时间向你介绍TypeScript的所有内容。

在这个简短的免费课程结束时,你将了解 TypeScript 编译器、配置项目、定义文件以及如何在项目中使用 TypeScript。

要参加本课程,你需要具备一些 JavaScript 经验。

你会学到什么

本课程首先设置一个典型的 TypeScript 项目。然后,你将学习如何为 React 和 JSX 配置 TypeScript,这意味着你需要了解 TypeScript 编译器的工作原理。

你将通过探索类型系统和编写函数来学习 TypeScript。接下来,你将通过类型断言使用 DOM 元素并创建允许组件使用任何类型的泛型。最后,你将为 npm 项目使用类型定义。

课程详情

本课程时长 30 分钟,你将通过观看讲座视频并跟随讲师编写代码来学习。

课程来源egghead.io
讲师John Lindquist
等级中级
时长30 分钟
学生数4K
评分4.3 / 5.0 (4K)
证书

9. TypeScript Basics (executeprogram.com)

最佳 TypeScript 课程:TypeScript Basics

这是一套部分付费的TypeScript课程,包含 16 节免费试用课程

本课程的一个优点是你将在课程的浏览器终端中编写代码,该终端的工作方式类似于典型的命令行终端,非常适合动手学习者。

你会学到什么

本课程首先介绍 TypeScript 的类型系统,这是该语言最具定义性的特性。在探索运算符和内置 JavaScript 功能之前,你将学习基本类型。

类型推断是 Typescript 编程的重要组成部分,你将花一些时间学习何时使用它。除此之外,你将了解函数和数组,在返回对象类型和返回类型推断之前仔细查看 type 关键字以及语法和类型错误之间的区别。

接下来,你将了解泛型,包括泛型数组、泛型函数和泛型对象类型等内容。

课程详情

本课程持续一周,课程带有大量代码示例,你需要至少花费3个小时时间,通过动手来学习。

此外,该课程还会跟踪你所学的内容,以及一段时间后需要复习的内容,从而增强你对重要编程概念的记忆。

机构Execute Program
等级初级
时长3小时长
证书付费

10. Understanding TypeScript – 2022 Edition (Academind)

最佳 TypeScript 课程:Understanding TypeScript

Last One is the best One.

这套由 明星讲师 Maximilian Schwarzmüller 带来的TypeScript课程 Understanding TypeScript ,之所以放在最后介绍,并不是因为不好。

相反这是一门质量非常高的课程,放在后面只是因为,这是一套付费课程。

这套长达15个小时的课程,不仅教你使用TypeScript 编程所需了解的概念,还会为你提供项目,让你通过练习来巩固所学知识和技能。

在课程结束时,你将熟悉 TypeScript,不仅如此,你还将掌握两个框架的知识:Angular 和 ReactJS。

要参加本课程,你需要对 JavaScript 有一些基本的了解。

你会学到什么

本课程首先解释 TypeScript 相对于 JavaScript 的优势。然后,你将了解 TypeScript 的基础知识。接下来,你将学习 TypeScript 的声明的类型和特性,并深入研究它们。

之后,你将了解编译器,尤其是如何修改其设置。紧接着,你将探索下一代 JavaScript 功能以及如何将它们集成到你的 TypeScript 代码中。

你还将学习 TypeScript 的很多高级特性,例如泛型和修改函数行为的装饰器等。你将通过完成一个综合项目来总结迄今为止所学的知识,在该项目中你会遇到只有在你自己着手项目时才会出现的问题,例如命名空间和模块对于组织代码的重要性。

本课程的最后一部分涵盖了与 TypeScript 相关的基本技巧和功能。你将了解现代前端开发中使用的 Webpack 以及你在整个职业生涯中会遇到的第三方库和框架,例如 Angular、ReactJS 和 NodeJS。

课程详情

本课程时长 15 小时,你将通过观看讲座视频、浏览课程资料、处理课程项目以及通过模块测试等方式来学习。

课程来源Academind/Udemy
课程下载视频+课件+中英字幕
讲师Maximilian Schwarzmüller
等级初级
时长15 小时
学生数159K
评分4.7 / 5.0 (33K)
证书付费

总结

TypeScript的诞生 在 Web 开发行业引起了巨大轰动,它通过强类型引入,解决的很多JavaScript在大型项目中的痛点,因此它也被各种著名公司用于开发各种专业项目和网站。

由于这是一门有微软完全支持的的语言,它现在变得越来越受欢迎。根据2021 年 JS 现状调查,69% 的 JavaScript 开发人员使用 TypeScript,而六年前这一比例仅为 21%。

备份介绍的8套免费课程和2套付费课程,都可以非常好的带你进入TypeScript的世界,如果你想进一步学习研究TypeScript,不要错过口袋资源网中的课程。

如果本站的内容对你有帮助,可以点击这儿,不花一分钱捐赠本站

(0)
疯狂的小黑疯狂的小黑
上一篇 2022年11月6日 下午3:43
下一篇 2022年11月10日 上午11:48

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

微信