我要報(bào)名

咨詢電話：
手　　機(jī)：	郵箱：

課程背景

Vue.js3.0橫空出世,代表前端未來趨勢,作為前端工程師必會(huì)技能和企業(yè)面試重點(diǎn)內(nèi)容,掌握Vue.js3.0的核心特性十分重要.通過學(xué)習(xí)本次公開課內(nèi)容,你不但可以知道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)對象

1.熱愛互聯(lián)網(wǎng)，追求極致互聯(lián)網(wǎng)體驗(yàn)，想從事網(wǎng)頁開發(fā)、Web前端開發(fā)的學(xué)員；

2.原從事后IT臺開發(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)特色

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

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

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

日程安排

時(shí)間內(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配置項(xiàng)

5.配置文件-compilerOptions配置詳解

6.聯(lián)合類型和類型保護(hù)（類型守護(hù)）

7.Enum枚舉類型詳細(xì)講解

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項(xiàng)目

2.2.0與3.0的差異

3.vue.config.js

4.Vue3.0開篇

5.diff算法

6.靜態(tài)提升和監(jiān)聽緩存

7.項(xiàng)目創(chuàng)建

8.存在的問題

9.組合API上

10.組合API中

11.組合API下

12.組合API本質(zhì)

13.setup執(zhí)行時(shí)機(jī)和注意點(diǎn)

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響應(yīng)式數(shù)據(jù)本質(zhì)上

13.V3響應(yīng)式數(shù)據(jù)本質(zhì)下

14.手寫shallowReactive-shallowRef

15.手寫reactive-ref

16.手寫readonly-shallowReadonly

第三天

上午Vite

17.Vite定義

18.Vite由來

19.對比差異點(diǎn)

20.Optimize

21.HMR

22.Build

23.打包 or 不打包

24.開箱即用

25.實(shí)現(xiàn)原理

第三天

下午Vue3源碼進(jìn)階

1.剖析Vue Composition API

2.源碼目錄

3.Vue2響應(yīng)式原理機(jī)制-defineProperty

4.對象攔截

5.數(shù)組方法劫持

6.Vue3數(shù)據(jù)響應(yīng)機(jī)制-Proxy

7.reactive方法實(shí)現(xiàn)

8.effect實(shí)現(xiàn)

9.ref實(shí)現(xiàn)

10.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)。

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

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

我要報(bào)名

在線報(bào)名：VUE3.0從實(shí)戰(zhàn)到源碼全剖析技術(shù)實(shí)戰(zhàn)(上海)