Vue3.0專題課

一、課程背景
Vue.js3.0橫空出世,代表前端未來趨勢,作為前端工程師必會技能和企業(yè)面試重點內(nèi)容,掌握Vue.js3.0的核心特性十分重要.通過學習本次公開課內(nèi)容,你不但可以知道VueJS2.0和VueJS3.0的區(qū)別,而且可以了解Vue3.0的核心特性,API用法,以方便將來更高效的工作，提升競爭力的同時也作為個人技術的加分項。

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

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

四、培訓特色
1.理論與實踐相結(jié)合、案例分析與行業(yè)應用穿插進行；
2.專家精彩內(nèi)容解析、學員專題討論、分組研究；
3.通過全面知識理解、專題技能和實踐結(jié)合的授課方式。

五、日程安排
第一天上午、TypeScript
1.TypeScript簡介和環(huán)境搭建
2.TypeScript靜態(tài)類型
3.基礎靜態(tài)類型和對象靜態(tài)類型
4.類型注解和類型推斷
5.函數(shù)參數(shù)和返回類型的注解
6.數(shù)組類型注解的方法
7.元組的使用和類型約束
8.初識接口Interface
9.初識接口Interface2
10.類的概念和使用
11.類的訪問類型
12.類的構造函數(shù)

第一天下午、TypeScript
1.類的Getter、Setter和static
2.抽象類和只讀屬性的使用
3.配置文件-初識tsconfig.json文件
4.配置文件-初識compilerOptions配置項
5.配置文件-compilerOptions配置詳解
6.聯(lián)合類型和類型保護（類型守護）
7.Enum枚舉類型詳細講解
8.TypeScript函數(shù)中使用泛型
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.靜態(tài)提升和監(jiān)聽緩存
7.項目創(chuàng)建
8.存在的問題
9.組合API上
10.組合API中
11.組合API下
12.組合API本質(zhì)
13.setup執(zhí)行時機和注意點
14.Vue3.0-ref
15.ref和reactive區(qū)別

第二天下午、Vue3
1.遞歸監(jiān)聽
2.非遞歸監(jiān)聽
3.shallowRef本質(zhì)
4.toRaw
5.markRaw
6.toRef
7.toRefs
8.customRef上
9.customRef下
10.ref-獲取元素
11.readonly家族
12.V3響應式數(shù)據(jù)本質(zhì)上
13.V3響應式數(shù)據(jù)本質(zhì)下
14.手寫shallowReactive-shallowRef
15.手寫reactive-ref
16.手寫readonly-shallowReadonly

第三天上午、Vite
1.Vite定義
2.Vite由來
3.對比差異點
4.Optimize
5.HMR
6.Build
7.打包 or 不打包
8.開箱即用
9.實現(xiàn)原理

第三天下午、Vue3源碼進階
1.剖析Vue Composition API
2.源碼目錄
3.Vue2響應式原理機制-defineProperty
4.對象攔截
5.數(shù)組方法劫持
6.Vue3數(shù)據(jù)響應機制-Proxy
7.reactive方法實現(xiàn)
8.effect實現(xiàn)
9.ref實現(xiàn)
10.computed實現(xiàn)

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

郭老師計算機碩士研究生、中培教育高級培訓講師，參與組織并完成了上百個個大中型項目。主要專業(yè)特長包括HTML5、移動前端、CSS3、AngularJS、React native、VueJS、BootStrap、Jquery、ZeptoJS、Ajax、JSON、JSONP、Mui框架等相關技術，對Html5應用開發(fā)及開發(fā)模式有深入研究，熟悉模塊化開發(fā)，熟悉IT項目管理，熟悉ICONIX、Scrum等軟件研發(fā)過程改進、詳細設計、IT規(guī)劃。擅長UML建模、MVC、設計模式、架構思想。多年項目管理經(jīng)驗，千人教育培訓經(jīng)驗

姚老師在電信、電力、金融行業(yè)從事 HTML5、Java、Android、PHP開發(fā)工作，擅長Web前端、HTML5、Java、Android、PHP。多年軟件開發(fā)經(jīng)驗，八年IT職業(yè)教育經(jīng)驗。2002年開始從事開發(fā)工作，具備十余年的開發(fā)、管理和培訓經(jīng)驗。曾經(jīng)主持開發(fā)《教學管理系統(tǒng)》《酒店管理系統(tǒng)》《車輛跟蹤定位系統(tǒng)》《農(nóng)信社信貸管理系統(tǒng)》等多個大型項目。在Android、iOS、HTML5、游戲開發(fā)、JavaME、JavaEE、Linux等領域都有深入研究，現(xiàn)為IT技術自由作家兼HTML5、Android、iOS、JavaME、JavaEE培訓講師。曾出版過《Android應用開發(fā)詳解》、《iOS 應用開發(fā)詳解》《JavaEE Web工程師JDBC+Servlet+JSP整合開發(fā)》、《JavaEE高級工程師培訓框架核心技術Struts、Hibernate、Spring》等暢銷書籍。2012年榮獲電子工業(yè)出版社*暢銷書作者稱號，曾為深圳亞億電子、奇虎360、聯(lián)想集團等多家IT企業(yè)提供Andriod、iOS、HTML5等企業(yè)內(nèi)訓。

Vue3.0專題課