学习TypeScript的路线如下:
入门阶段:
-
了解TypeScript是什么:超集JavaScript,增加静态类型等特性。
-
安装TypeScript开发环境:IDE、编译器等。
-
TypeScript基本语法:类型、接口、类、模块等。
-
Hello World小示例:体验TypeScript开发流程。
进阶阶段:
-
深入类型系统:联合类型、类型推断、通配符等高级语法。
-
深入类与接口:抽象类、公共、私有、静态等概念。
-
泛型:定义通用类型、约束类型参数等。
-
装饰器:类装饰器、属性装饰器、参数装饰器等。
-
实战开发:尝试用TypeScript开发一个小项目。
项目实践阶段:
-
TypeScript与Web开发:React、Vue、Angular项目。
-
TypeScript与Node开发:Express、Nest框架。
-
TypeScript与移动端:React Native项目。
-
TypeScript与后端:Nest服务端框架。
-
深入阅读TypeScript设计模式和源码实现。
-
参与TypeScript社区讨论和开源项目。
根据各个学习阶段 推荐一下学习资料
TypeScript入门阶段学习资料推荐:
TypeScript手册:
https://www.typescriptlang.org/docs
TypeScript入门教程:
https://ts.xcatliu.com/
TypeScript入门视频:
https://www.bilibili.com/video/BV1JE411v7eE
TypeScript101教程:
https://www.typescriptlang.org/docs/handbook/typescript-in-5-minutes.html
TypeScript进阶阶段学习资料推荐:
深入TypeScript:
https://jkchao.github.io/typescript-book-chinese/
TypeScript设计模式与实践:
https://github.com/piotrwitek/typesafe-book
TypeScript深入特性分析:
https://jkchao.github.io/typescript-book-chinese/
TypeScript源码分析:
https://github.com/zhongsp/TypeScript
TypeScript实战项目推荐:
React项目脚手架:
https://github.com/Microsoft/TypeScript-React-Starter
Vue项目脚手架:
https://github.com/vuejs/vue-cli
Angular项目脚手架:
https://github.com/angular/angular-cli
Node项目脚手架:
https://github.com/nestjs/nest
TypeScript设计模式项目:
https://github.com/design-patterns-for-humans/typescript
TypeScript社区与源码学习:
TypeScript GitHub:
https://github.com/Microsoft/TypeScript
TypeScript Roadmap:
https://github.com/Microsoft/TypeScript/wiki/Roadmap
TypeScript Discuss:
https://discuss.typescriptlang.org/