TypeScript －系统入门到项目实战
现在，TS是加分项，未来，TS是必备项
TS在构建大型应用上的优势，以及与JS的完美互通，让TS未来一片光明，在慕课网人气讲师dell老师带你从0到1系统学习，把TS真正应用到框架和项目中，在框架中学，在项目中学，在老师指导中学！
初中级前端开发工程师，及对TypeScript感兴趣的开发者
技术储备要求
熟悉ES6常见的语法和API
需要对Node，Express有所了解
提取码：pc6a
[/wm_notice]
-
第1章 课程导学 试看1 节 | 7分钟
本章主要介绍课程的知识大纲，学习前提，讲授方式及预期收获。
收起列表
- 视频：1-1 都2020了，还不抓紧学TypeScript? (06:18)试看
-
第2章 TypeScript 基础语法入门 试看16 节 | 169分钟
本章主要帮助大家理解 TypeScript 可以解决的问题和所带来的优势，帮助大家理解 TS 中的各种静态类型，包括：函数，数组，元组，类，抽象类接口等，迅速帮助大家理解 TS 的基础使用方式和语法。
收起列表
- 视频：2-1 安装 VsCode 编辑器 (01:27)
- 视频：2-2 TypeScript的定义 (09:39)试看
- 视频：2-3 TypeScript带来了什么优势 (10:42)
- 视频：2-4 TypeScript基础环境搭建 (10:28)
- 视频：2-5 静态类型的深度理解 (03:47)
- 视频：2-6 基础类型和对象类型 (07:36)
- 视频：2-7 类型注解和类型推断 (08:59)
- 视频：2-8 函数相关类型 (11:31)
- 视频：2-9 基础语法复习 (11:58)
- 视频：2-10 数组和元组 (15:00)试看
- 视频：2-11 Interface接口 (21:00)
- 视频：2-12 类的定义与继承 (07:28)
- 视频：2-13 类中的访问类型和构造器 (20:02)
- 视频：2-14 静态属性，Setter和Getter (15:43)
- 视频：2-15 抽象类 (13:16)
- 作业：2-16 【讨论题】TypeScript 究竟是什么
-
第3章 使用 TypeScript 编写爬虫工具8 节 | 104分钟
本章将带大家使用 TypeScript 编写一个获取网站课程销量的爬虫工具，过程中对上一章节学习的 TypeScript 基础知识进行实践巩固，同时借助 TypeScript 中的 OOP 编程方式，给大家讲解部分面向对象开发中的设计模式。
收起列表
- 视频：3-1 爬虫概述及正版密钥获取 (04:48)
- 视频：3-2 使用SuperAgent和类型定义文件获取页面内容 (18:43)
- 视频：3-3 使用cheerio进行数据提取 (12:32)
- 视频：3-4 爬取数据的结构设计和存储 (18:00)
- 视频：3-5 使用组合设计模式优化代码 (21:21)
- 视频：3-6 单例模式实战复习 (07:24)
- 视频：3-7 TypeScript的编译运转过程的进一步理解 (21:04)
- 作业：3-8 【讨论题】TypeScript 的优点缺点都有哪些？
-
第4章 TypeScript 语法进阶16 节 | 178分钟
本章将给大家讲解更多的 TypeScript 进阶语法以及原理性知识。包括如何进行 TypeScript 编译过程的配置，联合类型，类型保护，枚举类型，泛型等知识点。同时也给大家扩展讲解了类型定义文件的使用及编写方式等内容。通过本章的学习，大家基本可以掌握 TypeScript 中绝大部分的语法知识点。…
收起列表
- 视频：4-1 TypeScript中的配置文件（上） (18:34)
- 视频：4-2 TypeScript中的配置文件（下） (11:09)
- 作业：4-3 【讨论题】TypeScript 配置文件，你所知道的还有哪些
- 视频：4-4 联合类型和类型保护 (14:12)
- 视频：4-5 Enum 枚举类型 (14:08)
- 视频：4-6 函数泛型 (13:46)
- 视频：4-7 类中的泛型以及泛型类型 (16:37)
- 视频：4-8 命名空间-namespace（上） (15:26)
- 视频：4-9 命名空间-namespace（下） (10:37)
- 视频：4-10 import对应的模块化-缺代码 (09:37)
- 视频：4-11 使用 Parcel 打包 TS 代码 (07:04)
- 视频：4-12 描述文件中的全局类型（上） (18:10)
- 视频：4-13 描述文件中的全局类型（下） (09:36)
- 视频：4-14 模块代码的类型描述文件 (04:55)
- 作业：4-15 【讨论题】TypeScript 的描述文件作用
- 视频：4-16 泛型中keyof语法的使用 (14:09)
-
第5章 使用 Express 框架开发数据爬取及展示接口5 节 | 96分钟
本章将在 Express 框架中使用 TypeScript 的语法进行登陆，数据爬取和展示接口的开发，过程中对之前的基础语法进行实践巩固，同时讲解以 javaScript 作为开发语言的框架中使用 TypeScript 会遇到的问题以及解决方案。
收起列表
- 视频：5-1 Express 基础项目结构搭建 (20:12)
- 视频：5-2 使用TS编写常规express代码遇到的问题 (15:34)
- 视频：5-3 扩展解决 Express 的类型定义文件问题 (13:24)
- 视频：5-4 登陆功能的开发 (23:29)
- 视频：5-5 统一接口数据结构，优化代码 (22:38)
-
第6章 TypeScript 高级语法10 节 | 88分钟
本章主要讲解 TypeScript 中，装饰器和元数据的语法知识，包括类装饰器，方法装饰器，属性装饰器和参数装饰器在本章中都会详细讲解，通过本章的学习，大家基本上完成了对 TypeScript 所有重点语法的学习。
收起列表
- 视频：6-1 类的装饰器（1） (14:08)
- 视频：6-2 类的装饰器（2） (12:59)
- 视频：6-3 方法装饰器 (10:51)
- 视频：6-4 访问器的装饰器 (06:12)
- 视频：6-5 属性的装饰器 (09:27)
- 视频：6-6 参数装饰器 (03:59)
- 视频：6-7 装饰器实际使用的小例子 (08:35)
- 视频：6-8 reflect-metadata (13:13)
- 视频：6-9 装饰器的执行顺序 (08:33)
- 作业：6-10 【讨论题】谈谈你对 TypeScript 中装饰器特性的理解
-
第7章 Express 项目代码改良6 节 | 78分钟
结合上一章学习的装饰器和元数据的语法知识，本章将通过面向对象的方式，对之前的接口代码进行全面重构，最终帮大家编写出和当前主流 Node 框架风格一致的后端应用代码，对上一章的知识点进行实战巩固，同时帮助大家理解 Node 框架设计背后的原理性知识。…
收起列表
- 视频：7-1 创建控制器和装饰器 (13:57)
- 视频：7-2 通过装饰器实现项目路由功能 (11:45)
- 视频：7-3 多种请求方法装饰器的生成 (08:22)
- 视频：7-4 .中间件装饰器的编写 (11:06)
- 视频：7-5 .代码结构优化 (25:11)
- 视频：7-6 .练习题：如何在一个方法上使用多个装饰器 (06:54)
-
第8章 使用 react 编写爬取数据的展示页面9 节 | 146分钟
本章将带大家使用TS的语法进行前端 React 代码的开发，过程中会给大家讲解在 React 和 Redux 等前端核心框架上如何正确巧妙的使用TypeScript。本章的最后，我们将产出一个完整的爬虫项目，并通过可视化的方式，对爬取到的数据进行展示。…
收起列表
- 视频：8-1 初始化 React 项目 (10:55)
- 视频：8-2 编写登陆表单 (14:57)
- 视频：8-3 类型及路由的使用 (16:27)
- 视频：8-4 前后端代码联调及登陆跳转逻辑开发 (23:31)
- 视频：8-5 登陆退出功能完整优化 (19:46)
- 视频：8-6 数据爬取功能打通及 Echarts 的使用 (15:37)
- 视频：8-7 折线图数据处理及展示 (17:51)
- 视频：8-8 接口数据类型的冗余定义问题 (15:37)
- 视频：8-9 通过 Typescript 简化前后端协作模式 (10:56)
-
第9章 课程总结1 节 | 6分钟
本章将对整个项目所学习到的知识点进行总结，并给出大家进一步深入学习 TS 的方法和技巧。
收起列表
- 视频：9-1 课程总结及后续学习方法推荐 (05:24)
