|
2022升级—TypeScript系统入门到项目实战
现在，TS是加分项，未来，TS是必备项TS在构建大型应用上的优势，以及与JS的完美互通，让TS未来一片光明，在慕课网人气讲师dell老师带你从0到1系统学习，把TS真正应用到框架和项目中，在框架中学，在项目中学，在老师指导中学！
适合人群
初中级前端开发工程师，及对TypeScript感兴趣的开发者
技术储备要求
熟悉ES6常见的语法和API
需要对Node，Express有所了解
课程目录：
第1章 课程导学 试看1 节 | 7分钟
本章主要介绍课程的知识大纲，学习前提，讲授方式及预期收获。
视频：
1-1 都2022了，还不抓紧学TypeScript? (06:18)
试看
第2章 TypeScript 基础语法入门 试看24 节 | 323分钟
本章主要帮助大家理解 TypeScript 可以解决的问题和所带来的优势，帮助大家理解 TS 中的各种静态类型，包括：函数，数组，元组，类，抽象类接口等，迅速帮助大家理解 TS 的基础使用方式和语法。
视频：
2-1 TypeScript 究竟是什么？ (15:44)
视频：
2-2 TypeScript 相对于 JavaScript 的其他优势 (10:22)
试看
视频：
2-3 搭建课程学习必备环境 (08:29)
视频：
2-4 TS 代码的执行原理 (07:36)
视频：
2-5 从静态类型校验的角度理解 TypeScript (11:59)
视频：
2-6 基础类型快速入门（上） (16:22)
视频：
2-7 基础类型快速入门（中） (18:16)
视频：
2-8 基础类型快速入门（下） (15:02)
视频：
2-9 类型注解和类型推断 (11:48)
视频：
2-10 类型收窄 (13:44)
视频：
2-11 使用类型陈述语法实现类型收窄 (11:49)
视频：
2-12 复杂函数类型补充学习 (17:31)
视频：
2-13 对象类型的补充学习 (19:16)
视频：
2-14 泛型、数组与元组（上） (09:37)
试看
视频：
2-15 泛型、数组与元组（下） (11:24)
视频：
2-16 泛型中使用 extends 和 keyof 语法 (10:05)
视频：
2-17 高阶知识点：条件类型（上） (20:09)
视频：
2-18 高阶知识点：条件类型（下） (12:12)
视频：
2-19 高阶知识点：映射类型 (24:16)
视频：
2-20 类的定义与继承 (07:28)
视频：
2-21 类中的访问类型和构造器 (20:02)
视频：
2-22 静态属性，Setter和Getter (15:43)
视频：
2-23 抽象类 (13:16)
作业：
2-24 【讨论题】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)
|
