中培IT学院

VUE3.0从实战到源码培训方案

浏览:365次 作者:小编

培训简述

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 企业内训1
标签: VUE3.0培训 VUE3.0课程 VUE3.0

上篇: J2EE企业级开发培训方案

下篇: UI/UE设计语言+产品需求培训方案