2022升级—TypeScript系统入门到项目实战完结无密2022升级—TypeScript系统入门到项目实战完结无密2022升级—TypeScript系统入门到项目实战完结无密2022升级—TypeScript系统入门到项目实战完结无密

课程介绍

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)
本课程已完结