我要報名

咨詢電話：
手　　機：	郵箱：

課程背景

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

培訓收益

本課程通過培訓使學習者獲得如下收益：

1. Vue3.0源碼結(jié)構(gòu)全剖析，掌握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.沒有計算機基礎(chǔ)愿意從事IT開發(fā)，改變生活現(xiàn)狀，改變命運的學員；

4.開發(fā)人員轉(zhuǎn)型移動開發(fā)的學員。

培訓特色

1.理論與實踐相結(jié)合、案例分析與行業(yè)應用穿插進行；

2.專家精彩內(nèi)容解析、學員專題討論、分組研究；

3.通過全面知識理解、專題技能和實踐結(jié)合的授課方式。

日程安排

時間內(nèi)容備注

第一天

上午TypeScript

1.TypeScript簡介和環(huán)境搭建

2.TypeScript靜態(tài)類型

3.基礎(chǔ)靜態(tài)類型和對象靜態(tài)類型

4.類型注解和類型推斷

5.函數(shù)參數(shù)和返回類型的注解

6.數(shù)組類型注解的方法

7.元組的使用和類型約束

8.初識接口Interface

9.初識接口Interface2

10.類的概念和使用

11.類的訪問類型

12.類的構(gòu)造函數(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.構(gòu)建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

17.Vite定義

18.Vite由來

19.對比差異點

20.Optimize

21.HMR

22.Build

23.打包 or 不打包

24.開箱即用

25.實現(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ā)技術(shù)；熟悉ICONIX，Scrum等項目管理過程并熟練應用，熟悉UML建模，MVC，設(shè)計模式，架構(gòu)思想，熟悉軟件測試相關(guān)技能，熟悉軟件測試管理過程。多年項目管理經(jīng)驗，千人教育培訓經(jīng)驗。

郭老師計算機碩士研究生，參與組織并完成了上百個個大中型項目。主要專業(yè)特長包括HTML5、移動前端、CSS3、AngularJS、React native、VueJS、BootStrap、Jquery、ZeptoJS、Ajax、JSON、JSONP、Mui框架等相關(guān)技術(shù)，對Html5應用開發(fā)及開發(fā)模式有深入研究，熟悉模塊化開發(fā)，熟悉IT項目管理，熟悉ICONIX、Scrum等軟件研發(fā)過程改進、詳細設(shè)計、IT規(guī)劃。擅長UML建模、MVC、設(shè)計模式、架構(gòu)思想。多年項目管理經(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等領(lǐng)域都有深入研究，現(xiàn)為IT技術(shù)自由作家兼HTML5、Android、iOS、JavaME、JavaEE培訓講師。曾出版過《Android應用開發(fā)詳解》、《iOS 應用開發(fā)詳解》《JavaEE Web工程師JDBC+Servlet+JSP整合開發(fā)》、《JavaEE高級工程師培訓框架核心技術(shù)Struts、Hibernate、Spring》等暢銷書籍。2012年榮獲電子工業(yè)出版社最佳暢銷書作者稱號，曾為深圳亞億電子、奇虎360、聯(lián)想集團等多家IT企業(yè)提供Andriod、iOS、HTML5等企業(yè)內(nèi)訓。

我要報名

在線報名：VUE3.0從實戰(zhàn)到源碼全剖析技術(shù)實戰(zhàn)(杭州)