TypeScript入门实战笔记,从入门到实战,系统掌握TypeScript核心技术

TypeScript入门实战笔记,从入门到实战,系统掌握TypeScript核心技术


课程背景


TypeScript 是 JavaScript 的超集,并且很好地弥补了 JavaScript 在静态类型检查方面的缺陷,在不严重破坏代码的情况下,开发人员可以更轻松地避免错误并进行代码重构。国内各大互联网公司和中小型团队都在使用 TypeScript 开发项目。


对于前端工程师来说,掌握 TypeScript 不仅可以助力眼前的面试,同时也决定了你未来技术发展的上线。


你会学到什么?


这个专栏从环境搭建开始,由浅入深讲解了三个模块的内容,帮助你快速掌握 TypeScript 技术栈,学会构建高可读性、高稳定性前端应用。


模块一:TypeScript 入门


这个模块将介绍 TypeScript 环境搭建,并结合浅显易懂的示例与应用场景讲解 TypeScript 基础类型。这部分内容是掌握 TypeScript 编程的一块敲门砖,学完之后,你将对 TypeScript 的核心知识和概念有个整体印象。


模块二:TypeScript 进阶


这个模块主要讲解类型守卫、类型兼容、工具类型等概念,及其在实际业务中的作用和使用技巧。学完之后,能加深你对进阶知识和工具的理解,并教你掌握造轮子(打造自己的工具类型)进行类型编程的能力。


模块三:实战指南


这个模块将结合业务实战系统地讲解 TypeScript Config 配置、TypeScript 常见错误分析定位、浏览器等知识,以及 JavaScript 项目改造实践。还会穿插讲师历经数百个应用开发总结出来的 TypeScript 开发最佳实践经验,助你在业务开发中更好地应用 TypeScript。


课程目录


开篇词
开篇词 | 你为什么要选择 TypeScript?
模块一:TypeScript 入门
01 | 如何快速搭建 TypeScript 学习开发环境?
02 | 简单基础类型:TypeScript 与 JavaScript 有何不同?
03 | 复杂基础类型:TypeScript 与 JavaScript 有何不同?
04 | 什么是字面量类型、类型推断、类型拓宽和类型缩小?
05 | 函数类型:返回值类型和参数类型到底如何定义?
06 | 类类型:如何高效使用类型化的面向对象编程利器?
07 | 接口类型与类型别名:这两者的用法与区别分别是什么?
08 | 高级类型:如何快速读懂联合类型和交叉类型的含义?
09 | 枚举类型:详解常见枚举类型的 7 种用法
10 | 泛型:如何正确使用泛型约束类型变量?
模块二:TypeScript 进阶
11 | 类型守卫:如何有效地保障类型的安全性?
12 | 类型兼容:如何判断一个类型是否可以赋值给其他类型?
13 | 必备增强类型系统的方式大盘点,让你的开发如虎添翼
14 | 掌握 TypeScript 这些官方工具类型,让你的开发事半功倍
15 | 类型编程:如何打造属于自己的工具类型?
模块三:实战指南
16 | tsconfig.json 配置:如何定制 TypeScript 的行为?
17 | 来自 100 +项目经历的常见 TypeScript 错误汇总分析
18 | 手把手教你使用 TypeScript 开发 Node.js 应用
19 | 使用 TypeScript 开发 Web 应用的最佳实践
20 | 如何将 JavaScript 应用切换至 TypeScript?
结束语
结束语 | TypeScript 的这些实用技能,你不得不知


讲师介绍


乾元,前去哪儿资深前端工程师


曾就职于去哪儿、搜狗等大厂,现就职于某新兴一线大厂。2018 年着手推动了 TypeScript 在上百个业务应用里全面实践,构建了 TypeScript + React、Redux、NestJS 的全栈技术生态,积累了丰富的 TypeScript 架构开发经验。