推荐 7 个学习 TypeScript 的宝库,2021 学 TS 看这篇就够了!

简介: 推荐 7 个学习 TypeScript 的宝库,2021 学 TS 看这篇就够了!

TypeScript


TypeScript 是适用于任何规模应用的 JavaScript。


TypeScript 扩展了 JavaScript ,为它添加了类型支持。


TypeScript 可以在您运行代码之前找到错误并提供修复,从而改善您的开发体验。


任何浏览器,任何操作系统,任何运行 JavaScript 的地方,完全开源。


网站 说明
TypeScript TypeScript 官网,TS 扩展了 JavaScript ,为它添加了类型支持
typescript-tutorial TypeScript 入门教程,循序渐进的理解 TypeScript
TypeScript TypeScript 使用手册
typescript-book-chinese 深入理解 TypeScript
clean-code-typescript 适用于TypeScript的简洁代码概念
TypeScript入门 TypeScript 入门的视频教程
typescript-tutorial TypeScript 速成教程(2小时速成)


1. TypeScript


微信图片_20220513134525.png


学习一门技术,最好的方式肯定是看官网的教程啦!


官网上有什么是 TypeScript,为什么要用 TypeScript ,和 api 相关的文档,而且还是一手的学习资料,无疑是最好的学习资料了。


而且还可以通过社区了解最新的进展。


微信图片_20220513134541.png


https://github.com/microsoft/...

2. typescript-tutorial


微信图片_20220513134554.png


从 JavaScript 程序员的角度总结思考,循序渐进的理解 TypeScript。


与官方手册不同,本书着重于从 JavaScript 程序员的角度总结思考,循序渐进的理解 TypeScript,希望能给大家一些帮助和启示。


适合人群


本书适合以下人群


  • 熟悉 JavaScript,至少阅读过一遍《JavaScript 高级程序设计》
  • 了解 ES6,推荐阅读 ECMAScript 6 入门
  • 了解 Node.js,会用 npm 安装及使用一些工具
  • 想了解 TypeScript 或者想对 TypeScript 有更深的理解

本书不适合以下人群

  • 没有系统学习过 JavaScript
  • 已经能够很熟练的运用 TypeScript


https://github.com/xcatliu/ty...

3. TypeScript


微信图片_20220513134618.png


TypeScript 中文使用手册。


这个好像是 TypeScript 官网的中文翻译原文,猫哥不是很确定,不过是个学习 TS 的好仓库。


  • ✔️ TypeScript 语言用于大规模应用的 JavaScript 开发。
  • ✔️ TypeScript 支持类型,是 JavaScript 的超集且可以编译成纯 JavaScript 代码。
  • ✔️ TypeScript 兼容所有浏览器,所有宿主环境,所有操作系统。
  • ✔️ TypeScript 是开源的。
https://github.com/zhongsp/Ty...

4. typescript-book-chinese


微信图片_20220513134635.png


TypeScript Deep Dive 中文版,深入理解 TypeScript。


《TypeScript Deep Dive》 是一本很好的开源书,从基础到深入,很全面的阐述了 TypeScript 的各种魔法,不管你是新手,还是老鸟,它都将适应你。


此外,它不同于 TypeScript 官方给出的文档(当然 TypeScript 给出的文档是很好的),在此书中,结合实际应用下的场景用例,你将能更深入的理解 TypeScript。


https://github.com/jkchao/typ...

5. clean-code-typescript


微信图片_20220513134651.png


将 Clean Code 的概念适用到 TypeScript,灵感来自 clean-code-javascript


将源自 Robert C. Martin 的 Clean Code 的软件工程原则适配到 TypeScript 。 这不是一个代码风格指南, 它是一个使用 TypeScript 来生产 可读的, 可重用的, 以及可重构的软件的指南。


这里的每一项原则都不是必须遵守的, 甚至只有更少的能够被广泛认可。 这些仅仅是指南而已, 但是却是 Clean Code 作者多年经验的结晶。


我们的软件工程行业只有短短的 50 年, 依然有很多要我们去学习。 当软件架构与建筑架构一样古老时, 也许我们将会有硬性的规则去遵守。 而现在, 让这些指南做为你和你的团队生产的 TypeScript 代码的 质量的标准。


比如:使用有意义的变量名

做有意义的区分,让读者更容易理解变量的含义。


👎 反例:


function between<T>(a1: T, a2: T, a3: T) {
  return a2 <= a1 && a1 <= a3;
}


👍 正例:


function between<T>(value: T, left: T, right: T) {
  return left <= value && value <= right;
}


提醒一下,该仓库末尾有中文翻译版。


https://github.com/labs42io/c...

6. TypeScript入门


微信图片_20220513134728.png


这个是个视频课程,介绍了 TypeScript 的基本概念、常用语法和高级特性。


http://www.imooc.com/learn/763

7. typescript-tutorial


这个仓库的教程以快速工程实践为目标,旨在让读者速成,能够迅速的 GET 到语言的核心知识点,并付诸实践!


语言始终是一种改进生产力的工具,陌生使用者最迫切的需求应该是快速掌握工具的使用,而不是在连工具都没学会使用的时候,就先沉迷于细枝末叶,奇技淫巧。

真正的熟练:应该是在实践中大量使用、在实践中踩坑、以及在实践中理解的过程中自然形成的。


这个教程真的非常简结,只讲经常使用的知识点,可以说是 2 小时速成 😂。

https://github.com/joye61/typ...
相关文章
|
5月前
|
JavaScript 前端开发 编译器
TypeScript【泛型1、泛型2、声明合并、命名空间 、模块1、模块2、声明文件简介】(五)-全面详解(学习总结---从入门到深化)
TypeScript【泛型1、泛型2、声明合并、命名空间 、模块1、模块2、声明文件简介】(五)-全面详解(学习总结---从入门到深化)
119 0
|
10天前
|
JavaScript
typeScript基础(3)_ts函数默认值和可选参数
本文介绍了在TypeScript中如何使用函数的默认值和可选参数。展示了如何为函数参数指定默认值,使得在调用函数时可以省略某些参数,以及如何定义可选参数。
33 2
|
5月前
|
编解码 JavaScript 前端开发
TypeScript【第三方声明文件、自定义声明文件、tsconfig.json文件简介、tsconfig.json 文件结构与配置】(六)-全面详解(学习总结---从入门到深化)
TypeScript【第三方声明文件、自定义声明文件、tsconfig.json文件简介、tsconfig.json 文件结构与配置】(六)-全面详解(学习总结---从入门到深化)
255 0
|
10天前
|
JavaScript
typeScript基础(1)_原始数据类型学习
本文介绍了TypeScript中的原始数据类型,包括布尔型、数值型、字符串型、`void`、`null`和`undefined`,并展示了如何在TypeScript中声明和使用这些类型。同时,还介绍了如何通过`tsc`命令编译TypeScript文件。
35 4
|
10天前
|
JavaScript 前端开发
typeScript基础(8)_ts类型断言
本文介绍了TypeScript中的类型断言,它用于在编译时告诉TypeScript某个对象具有特定的类型,即使它看起来不具备。类型断言可以用来访问一个类型上存在而另一个类型上不存在的属性或方法。需要注意的是,类型断言并不会在运行时改变JavaScript的行为,因此如果断言不当,运行时仍然可能出错。文章还提醒避免将类型断言为`any`类型或进行多重断言。
12 1
|
3月前
|
JavaScript 前端开发 安全
如何学习typescript?
【7月更文挑战第9天】1. 了解其为JavaScript超集,增加类型系统和ES6特性,提升代码安全性和效率。 2. 安装 TypeScript 全局 (`npm install -g typescript`),用`tsc -v`验证,或尝试在线的TypeScript Playground。 3. 学习类型注解、基础类型(如number、string、boolean等)、any与unknown,接口和类。 4. 探索高级特性,如泛型、模块&命名空间、装饰器。 5. 实践中巩固知识,如做小项目(如用React或Vue),阅读官方文档,参与社区讨论。持续编码和实践是关键。
24 0
|
5月前
|
JavaScript
【TS】You are currently running a version of TypeScript which is not officially supported by @typesc
【TS】You are currently running a version of TypeScript which is not officially supported by @typesc
142 2
|
5月前
|
JavaScript 前端开发 开发者
JavaScript(JS)和TypeScript(TS)的区别
JavaScript(JS)和TypeScript(TS)的区别
99 0
|
10天前
|
JavaScript
typeScript进阶(9)_type类型别名
本文介绍了TypeScript中类型别名的概念和用法。类型别名使用`type`关键字定义,可以为现有类型起一个新的名字,使代码更加清晰易懂。文章通过具体示例展示了如何定义类型别名以及如何在函数中使用类型别名。
27 1
typeScript进阶(9)_type类型别名
|
10天前
|
JavaScript
typeScript基础(2)_any任意值类型和类型推论
本文介绍了TypeScript中的`any`任意值类型,它可以赋值为其他任何类型。同时,文章还解释了TypeScript中的类型推论机制,即在没有明确指定类型时,TypeScript如何根据变量的初始赋值来推断其类型。如果变量初始化时未指定类型,将被推断为`any`类型,从而允许赋予任何类型的值。
27 4
下一篇
无影云桌面