课程背景：

Vue.js3.0横空出世,代表前端未来趋势,作为前端工程师必会技能和企业面试重点内容,掌握Vue.js3.0的核心特性十分重要.通过学习本次公开课内容,你不但可以知道VueJS2.0和VueJS3.0的区别,而且可以了解Vue3.0的核心特性,API用法,以方便将来更高效的工作，提升竞争力的同时也作为个人技术的加分项。

课程收益:

本课程通过培训使学习者获得如下收益：

1. Vue3.0源码结构全剖析，掌握TypeScript简介和环境搭建；

2.了解VueJS2.0和VueJS3.0的区别，深入响应式系统核心,手写Vue3.0响应式原理(实现reactive、ref、 computed、 effect)；

3.详细剖析Vue3.0中DOM-DIFF算法原理；

4.手写vite工具实现原理；

5.熟练掌握Vue3源码进阶。

培训特色：

1.理论与实践相结合、案例分析与行业应用穿插进行；

2.专家精彩内容解析、学员专题讨论、分组研究；

3.通过全面知识理解、专题技能和实践结合的授课方式。

课程大纲：

第一天 上午

一、TypeScript

TypeScript简介和环境搭建

TypeScript静态类型

基础静态类型和对象静态类型

类型注解和类型推断

函数参数和返回类型的注解

数组类型注解的方法

元组的使用和类型约束

初识接口Interface

初识接口Interface2

类的概念和使用

类的访问类型

类的构造函数      

第一天 下午

二、TypeScript

类的Getter、Setter和static

抽象类和只读属性的使用

配置文件-初识tsconfig.json文件

配置文件-初识compilerOptions配置项

配置文件-compilerOptions配置详解

联合类型和类型保护（类型守护）

Enum枚举类型详细讲解

TypeScript函数中使用泛型

TypeScrip在类中使用泛型

初识TypeScript的命名空间-NameSpace

深入TypeScript的命名空间-NameSpace

TypeScript如何使用impot语法

用Parcel打包TypeScript代码

在TypeScript中使用Jquery库   

第二天 上午

三、Vue3

构建vue项目

2.0与3.0的差异

vue.config.js

Vue3.0开篇

diff算法

静态提升和监听缓存

项目创建

存在的问题

组合API上

组合API中

组合API下

组合API本质

setup执行时机和注意点

Vue3.0-ref

ref和reactive区别    

第二天 下午

四、Vue3

递归监听

非递归监听

shallowRef本质

toRaw

markRaw

toRef

toRefs

customRef上

customRef下

ref-获取元素

readonly家族

V3响应式数据本质上

V3响应式数据本质下

手写shallowReactive-shallowRef

手写reactive-ref

手写readonly-shallowReadonly      

第三天 上午

五、Vite

Vite定义

Vite由来

对比差异点

Optimize

HMR

Build

打包 or 不打包

开箱即用

实现原理      

第三天 下午

六、Vue3源码进阶

剖析Vue Composition API

源码目录

Vue2响应式原理机制-defineProperty

对象拦截

数组方法劫持

Vue3数据响应机制-Proxy

reactive方法实现

effect实现

ref实现

computed实现   

张老师

北京航空航天大学软件工程硕士, 10多年 IT 工作经验，精通VUE源码熟悉Html5、Html5游戏开发，Cocos2d-html5，QuarkJS，JQuery，JQueryMobile，CSS，BootStrap，Mui框架，HBuilder，CSS3，Axure，JSON，C#，JavaScript，PHP，PhpCMS等开发技术； 熟悉ICONIX，Scrum等项目管理过程并熟练应用，熟悉UML建模，MVC，设计模式，架构思想，熟悉软件测试相关技能，熟悉软件测试管理过程。多年项目管理经验，千人教育培训经验。

郭老师

计算机硕士研究生、中培教育高级培训讲师，参与组织并完成了上百个个大中型项目。主要专业特长包括HTML5、移动前端、CSS3、AngularJS、React native、VueJS、BootStrap、Jquery、ZeptoJS、Ajax、JSON、JSONP、Mui框架等相关技术，对Html5应用开发及开发模式有深入研究，熟悉模块化开发，熟悉IT项目管理，熟悉ICONIX、Scrum等软件研发过程改进、详细设计、IT规划。擅长UML建模、MVC、设计模式、架构思想。多年项目管理经验，千人教育培训经验

姚老师

在电信、电力、金融行业从事 HTML5、Java、Android、PHP开发工作，擅长Web前端、HTML5、Java、Android、PHP。多年软件开发经验，八年IT职业教育经验。2002年开始从事开发工作，具备十余年的开发、管理和培训经验。曾经主持开发《教学管理系统》《酒店管理系统》《车辆跟踪定位系统》《农信社信贷管理系统》等多个大型项目。 在Android、iOS、HTML5、游戏开发、JavaME、JavaEE、Linux等领域都有深入研究，现为IT技术自由作家兼HTML5、Android、iOS、JavaME、JavaEE培训讲师。曾出版过《Android应用开发详解》、《iOS 应用开发详解》 《JavaEE Web工程师JDBC+Servlet+JSP整合开发》、《JavaEE高级工程师培训框架核心技术Struts、Hibernate、Spring》等畅销书籍。2012年荣获电子工业出版社最佳畅销书作者称号，曾为深圳亚亿电子、奇虎360、联想集团等多家IT企业提供Andriod、iOS、HTML5等企业内训。