VUE3.0从实战到源码全剖析技术实战其它上课时间:
培训对象:
1.热爱互联网,追求极致互联网体验,想从事网页开发、Web前端开发的学员;
培训内容:
课程背景
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
1.TypeScript简介和环境搭建
2.TypeScript静态类型
3.基础静态类型和对象静态类型
4.类型注解和类型推断
5.函数参数和返回类型的注解
6.数组类型注解的方法
7.元组的使用和类型约束
8.初识接口Interface
9.初识接口Interface2
10.类的概念和使用
11.类的访问类型
12.类的构造函数
第一天
下午TypeScript
1.类的Getter、Setter和static
2.抽象类和只读属性的使用
3.配置文件-初识tsconfig.json文件
4.配置文件-初识compilerOptions配置项
5.配置文件-compilerOptions配置详解
6.联合类型和类型保护(类型守护)
7.Enum枚举类型详细讲解
8.TypeScript函数中使用泛型
9.TypeScrip在类中使用泛型
10.初识TypeScript的命名空间-NameSpace
11.深入TypeScript的命名空间-NameSpace
12.TypeScript如何使用impot语法
13.用Parcel打包TypeScript代码
14.在TypeScript中使用Jquery库
第二天
上午Vue3
1.构建vue项目
2.2.0与3.0的差异
3.vue.config.js
4.Vue3.0开篇
5.diff算法
6.静态提升和监听缓存
7.项目创建
8.存在的问题
9.组合API上
10.组合API中
11.组合API下
12.组合API本质
13.setup执行时机和注意点
14.Vue3.0-ref
15.ref和reactive区别
第二天
下午Vue3
1.递归监听
2.非递归监听
3.shallowRef本质
4.toRaw
5.markRaw
6.toRef
7.toRefs
8.customRef上
9.customRef下
10.ref-获取元素
11.readonly家族
12.V3响应式数据本质上
13.V3响应式数据本质下
14.手写shallowReactive-shallowRef
15.手写reactive-ref
16.手写readonly-shallowReadonly
第三天
上午Vite
17.Vite定义
18.Vite由来
19.对比差异点
20.Optimize
21.HMR
22.Build
23.打包or不打包
24.开箱即用
25.实现原理
第三天
下午Vue3源码进阶
1.剖析VueCompositionAPI
2.源码目录
3.Vue2响应式原理机制-defineProperty
4.对象拦截
5.数组方法劫持
6.Vue3数据响应机制-Proxy
7.reactive方法实现
8.effect实现
9.ref实现
10.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、Reactnative、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应用开发详解》《JavaEEWeb工程师JDBC+Servlet+JSP整合开发》、《JavaEE高级工程师培训框架核心技术Struts、Hibernate、Spring》等畅销书籍。2012年荣获电子工业出版社最佳畅销书作者称号,曾为深圳亚亿电子、奇虎360、联想集团等多家IT企业提供Andriod、iOS、HTML5等企业内训。