第一部分   課程大綱

一、培訓(xùn)簡述
Vue.js3.0橫空出世，代表前端未來趨勢，作為前端工程師必會(huì)技能和企業(yè)面試重點(diǎn)內(nèi)容，掌握Vue.js3.0的核心特性十分重要。通過本次學(xué)習(xí)不但可以了解VueJS2.0和VueJS3.0的區(qū)別，而且還可以了解Vue3.0的核心特性和API用法，以方便將來更高效的工作，提升競爭力的同時(shí)也作為個(gè)人技術(shù)的加分項(xiàng)。

二、培訓(xùn)特色
本課程通過培訓(xùn)使學(xué)習(xí)者獲得如下收益：
1. Vue3.0源碼結(jié)構(gòu)全剖析，掌握TypeScript簡介和環(huán)境搭建；
2.了解VueJS2.0和VueJS3.0的區(qū)別，深入響應(yīng)式系統(tǒng)核心，手寫Vue3.0響應(yīng)式原理(實(shí)現(xiàn)reactive、ref、 computed、 effect)；
3.詳細(xì)剖析Vue3.0中DOM-DIFF算法原理；
4.手寫vite工具實(shí)現(xiàn)原理；
5.熟練掌握Vue3源碼進(jìn)階。

三、培訓(xùn)對(duì)象
1.熱愛互聯(lián)網(wǎng)，追求極致互聯(lián)網(wǎng)體驗(yàn)，想從事網(wǎng)頁開發(fā)、Web前端開發(fā)的學(xué)員；
2.原從事IT后臺(tái)開發(fā)，想完美轉(zhuǎn)型全棧開發(fā)的工程師；
3.沒有計(jì)算機(jī)基礎(chǔ)，愿意從事IT開發(fā)，改變生活現(xiàn)狀，改變命運(yùn)的學(xué)員；
4.開發(fā)人員轉(zhuǎn)型移動(dòng)開發(fā)的學(xué)員。

四、培訓(xùn)時(shí)長
本次培訓(xùn)為期2天，6小時(shí)/天，共12小時(shí)

五、課程大綱

時(shí)間	內(nèi)容	備注
第一天 上午	TypeScript	TypeScript簡介和環(huán)境搭建 TypeScript靜態(tài)類型 基礎(chǔ)靜態(tài)類型和對(duì)象靜態(tài)類型 類型注解和類型推斷 函數(shù)參數(shù)和返回類型的注解 數(shù)組類型注解的方法 元組的使用和類型約束 初識(shí)接口Interface 初識(shí)接口Interface2 類的概念和使用 類的訪問類型 類的構(gòu)造函數(shù)
第一天 下午	TypeScript	類的Getter、Setter和static 抽象類和只讀屬性的使用 配置文件-初識(shí)tsconfig.json文件 配置文件-初識(shí)compilerOptions配置項(xiàng) 配置文件-compilerOptions配置詳解 聯(lián)合類型和類型保護(hù)（類型守護(hù)） Enum枚舉類型詳細(xì)講解 TypeScript函數(shù)中使用泛型 TypeScrip在類中使用泛型 初識(shí)TypeScript的命名空間-NameSpace 深入TypeScript的命名空間-NameSpace TypeScript如何使用impot語法 用Parcel打包TypeScript代碼 在TypeScript中使用Jquery庫
第二天 上午	Vue3	構(gòu)建vue項(xiàng)目 2.0與3.0的差異 vue.config.js Vue3.0開篇 diff算法 靜態(tài)提升和監(jiān)聽緩存 項(xiàng)目創(chuàng)建 存在的問題 組合API上 組合API中 組合API下 組合API本質(zhì) setup執(zhí)行時(shí)機(jī)和注意點(diǎn) Vue3.0-ref ref和reactive區(qū)別
第二天 下午	Vue3	遞歸監(jiān)聽 非遞歸監(jiān)聽 shallowRef本質(zhì) toRaw markRaw toRef toRefs customRef上 customRef下 ref-獲取元素 readonly家族 V3響應(yīng)式數(shù)據(jù)本質(zhì)上 V3響應(yīng)式數(shù)據(jù)本質(zhì)下 手寫shallowReactive-shallowRef 手寫reactive-ref 手寫readonly-shallowReadonly
第三天 上午	Vite	Vite定義 Vite由來 對(duì)比差異點(diǎn) Optimize HMR Build 打包 or 不打包 開箱即用 實(shí)現(xiàn)原理
第三天 下午	Vue3源碼進(jìn)階	剖析Vue Composition API 源碼目錄 Vue2響應(yīng)式原理機(jī)制-defineProperty 對(duì)象攔截 數(shù)組方法劫持 Vue3數(shù)據(jù)響應(yīng)機(jī)制-Proxy reactive方法實(shí)現(xiàn) effect實(shí)現(xiàn) ref實(shí)現(xiàn) computed實(shí)現(xiàn)

 
第二部分  師資簡介

張老師
北京航空航天大學(xué)軟件工程碩士，10多年 IT 工作經(jīng)驗(yàn)，精通VUE源碼熟悉Html5、Html5游戲開發(fā)，Cocos2d-html5，QuarkJS，JQuery，JQueryMobile，CSS，BootStrap，Mui框架，HBuilder，CSS3，Axure，JSON，C#，JavaScript，PHP，PhpCMS等開發(fā)技術(shù)；熟悉ICONIX，Scrum等項(xiàng)目管理過程并熟練應(yīng)用，熟悉UML建模，MVC，設(shè)計(jì)模式，架構(gòu)思想，熟悉軟件測試相關(guān)技能，熟悉軟件測試管理過程。多年項(xiàng)目管理經(jīng)驗(yàn)，千人教育培訓(xùn)經(jīng)驗(yàn)。