VUE3.0从实战到源码培训方案
浏览:249次 作者:小编培训简述
Vue.js3.0横空出世,代表前端未来趋势,作为前端工程师必会技能和企业面试重点内容,掌握Vue.js3.0的核心特性十分重要。通过本次学习不但可以了解VueJS2.0和VueJS3.0的区别,而且还可以了解Vue3.0的核心特性和API用法,以方便将来更高效的工作,提升竞争力的同时也作为个人技术的加分项。
培训对象
1.热爱互联网,追求极致互联网体验,想从事网页开发、Web前端开发的学员;
2.原从事IT后台开发,想完美转型全栈开发的工程师;
3.没有计算机基础,愿意从事IT开发,改变生活现状,改变命运的学员;
4.开发人员转型移动开发的学员。
培训收益
本课程通过培训使学习者获得如下收益:
1. Vue3.0源码结构全剖析,掌握TypeScript简介和环境搭建;
2.了解VueJS2.0和VueJS3.0的区别,深入响应式系统核心,手写Vue3.0响应式原理(实现reactive、ref、 computed、 effect);
3.详细剖析Vue3.0中DOM-DIFF算法原理;
4.手写vite工具实现原理;
5.熟练掌握Vue3源码进阶。
日程安排
日程 | 章节 | 授课内容 |
第一天上午 | 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、设计模式、架构思想有深入的理解,能够灵活应用于实际项目中。此外,他在软件测试方面也有丰富的经验,熟悉软件测试相关技能和管理过程。
多年的项目管理经验让张老师具备了出色的组织协调和沟通能力。同时,他还拥有丰富的教育培训经验,已成功培训了上千名学员。无论是技术能力还是项目管理经验,张老师都是业内的佼佼者。
![企业内训1](/uploads/20240605/b93ede4bbae0665dba4602486d102bf7.jpg)
- 标签: VUE3.0培训 VUE3.0课程 VUE3.0
-
上篇: J2EE企业级开发培训方案