思维导图
目录
两个项目实战，暂时先不写，等学完 react 之后再写。
| TypeScript进阶 |
|
|
|
|
|
|
|
|
|
| 知识点 |
难度 |
重要性 |
学习视频 |
|
视频时长(min) |
学习次数 |
学习时间 |
达成效果 |
老师建议 |
| TypeScript |
2 |
5 |
深入理解类和接口 |
面向对象概述 |
48 |
1—2 |
1天 |
能够使用面向对象的思维开发简单应用能合理的利用继承，并能够知道在什么时候使用抽象类 |
感受面向对象对开发思维的改变思考下面的问题：
1. 为什么需要类
2. 为什么需要继承
3. 为什么需要抽象类
4. 接口的核心作用是什么
5. 对过去开发的程序是否可以用面向对象来改造，会发生什么变化 |
| TypeScript |
3 |
4 |
|
类的继承 |
52 |
1—2 |
|
|
|
| TypeScript |
4 |
4 |
|
抽象类 |
54 |
1—2 |
|
|
|
| TypeScript |
4 |
3 |
|
静态成员 |
40 |
1—2 |
|
|
|
| TypeScript |
4 |
4 |
|
再谈接口 |
64 |
1—2 |
|
|
|
| TypeScript |
4 |
4 |
|
索引器 |
40 |
1—2 |
|
|
|
| TypeScript |
4 |
3 |
|
this指向约束 |
32 |
1—2 |
|
|
|
TypeScript |
1 |
3 |
项目实战-使用webpack+ts开发俄罗斯方块 |
概述 |
13 |
1 |
1-2天 |
能够使用面向对象的思维独立开发出俄罗斯方块游戏能将这种思维模式应用到其他场景 |
每节课后独立完成代码编写然后对比老师的代码思考有没有更好的写法 |
TypeScript |
2 |
3 |
|
工程搭建 |
36 |
1 |
|
|
|
TypeScript |
2 |
3 |
|
小方块类 |
37 |
1 |
|
|
|
TypeScript |
3 |
3 |
|
小方块的显示类 |
32 |
1 |
|
|
|
TypeScript |
4 |
3 |
|
开发方块组合类 |
39 |
1 |
|
|
|
TypeScript |
3 |
3 |
|
开发俄罗斯方块生产者模块 |
15 |
1 |
|
|
|
TypeScript |
4 |
3 |
|
开发俄罗斯方块规则类 |
46 |
1 |
|
|
|
TypeScript |
4 |
3 |
|
实现俄罗斯方块旋转功能 |
51 |
1 |
|
|
|
TypeScript |
4 |
3 |
|
实现游戏类 |
56 |
1 |
|
|
|
TypeScript |
3 |
3 |
|
触底处理 |
26 |
1 |
|
|
|
TypeScript |
3 |
3 |
|
完成游戏界面 |
44 |
1 |
|
|
|
TypeScript |
4 |
3 |
|
消除处理 |
25 |
1 |
|
|
|
TypeScript |
3 |
3 |
|
游戏结束判定和积分功能 |
29 |
1 |
|
|
|
TypeScript |
1 |
3 |
|
项目总结 |
23 |
1 |
|
|
|
| TypeScript |
4 |
2 |
装饰器 |
概述 |
37 |
1 |
1天 |
学会在某些特殊场景，使用装饰器修饰类、属性、方法体会class-validator库的核心原理（能自行编写出类似功能的库最好） |
反复思考：
为什么需要装饰器？
装饰器能够解决什么问题？
对于同样一个功能，比如验证，使用装饰器和不使用装饰器的最大区别在哪 |
| TypeScript |
4 |
3 |
|
类装饰器 |
32 |
1 |
|
|
|
| TypeScript |
4 |
3 |
|
成员装饰器 |
22 |
1 |
|
|
|
| TypeScript |
4 |
3 |
|
装饰器练习 |
33 |
1 |
|
|
|
| TypeScript |
4 |
3 |
|
reflect-metadata库 |
24 |
1 |
|
|
|
| TypeScript |
4 |
3 |
|
class-validator和class-transformer库 |
29 |
1 |
|
|
|
| TypeScript |
4 |
3 |
|
装饰器补充 |
23 |
1 |
|
|
|
| TypeScript |
4 |
3 |
类型演算 |
三个关键字 |
37 |
1 |
1天 |
熟练掌握常见的类型演算理解声明文件的作用会编写简单的声明文件 |
理解为什么需要类型演算 |
| TypeScript |
4 |
3 |
|
预定义的类型演算 |
34 |
1 |
|
|
|
| TypeScript |
2 |
2 |
声明文件 |
概述 |
12 |
1 |
|
|
|
| TypeScript |
2 |
2 |
|
编写声明文件 |
45 |
1 |
|
|
|
| TypeScript |
2 |
2 |
|
发布 |
9 |
1 |
|
|
|
TypeScript |
2 |
2 |
项目实战 |
概述 |
5 |
1 |
2—3天 |
能够使用TS开发出增删改查的web应用程序，能够独立完成服务端和客户端的环境搭建和代码编写 |
每节课后独立完成代码编写然后对比老师的代码思考有没有更好的写法 |
TypeScript |
2 |
2 |
|
服务器开发环境搭建 |
9 |
1 |
|
|
|
TypeScript |
2 |
2 |
|
使用tslint 进行代码风格检查 |
9 |
1 |
|
|
|
TypeScript |
2 |
3 |
|
开发Movie实体类 |
20 |
1 |
|
|
|
TypeScript |
2 |
3 |
|
处理plainobject的转换 |
19 |
1 |
|
|
|
TypeScript |
2 |
3 |
|
定义数据库模型 |
27 |
1—2 |
|
|
|
TypeScript |
3 |
3 |
|
增删改查功能 |
66 |
1 |
|
|
|
TypeScript |
3 |
3 |
|
按条件查询电影 |
51 |
1 |
|
|
|
TypeScript |
2 |
3 |
|
完成api接口 |
55 |
1 |
|
|
|
TypeScript |
4 |
3 |
|
完成图片上传接口 |
55 |
1—2 |
|
|
|
TypeScript |
2 |
3 |
|
搭建客户端工程并完成ajax请求 |
36 |
1 |
|
|
|
TypeScript |
2 |
3 |
|
创建reducer和action |
61 |
1 |
|
|
|
TypeScript |
2 |
3 |
|
创建仓库 |
13 |
1 |
|
|
|
TypeScript |
2 |
3 |
|
用thunk 处理副作用 |
40 |
1—2 |
|
|
|
TypeScript |
3 |
3 |
|
添加路由功能 |
28 |
1 |
|
|
|
TypeScript |
2 |
3 |
|
制作布局 |
17 |
1 |
|
|
|
TypeScript |
3 |
3 |
|
制作电影表格组件(1) |
84 |
1 |
|
|
|
TypeScript |
3 |
3 |
|
制作电影表格组件(2) |
27 |
1 |
|
|
|
TypeScript |
3 |
3 |
|
制作电影表格组件(3) |
21 |
1 |
|
|
|
TypeScript |
4 |
3 |
|
制作图片上传组件 |
54 |
1 |
|
|
|
TypeScript |
4 |
3 |
|
制作电影表单组件 |
78 |
1—2 |
|
|
|
TypeScript |
3 |
3 |
|
制作修改电影页面 |
29 |
1 |
|
|
|
TypeScript |
2 |
3 |
|
项目打包 |
27 |
1 |
|
|
|
|
|
|
|
|
1970 |
|
|
|
