VUE3.0從實(shí)戰(zhàn)到源碼全剖析技術(shù)實(shí)戰(zhàn)其它上課時(shí)間：

• 2022/6/24至2022/6/26 北京

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

課程背景
Vue.js3.0橫空出世,代表前端未來(lái)趨勢(shì),作為前端工程師必會(huì)技能和企業(yè)面試重點(diǎn)內(nèi)容,掌握Vue.js3.0的核心特性十分重要。通過(guò)學(xué)習(xí)本次公開(kāi)課內(nèi)容,你不但可以知道VueJS2.0和VueJS3.0的區(qū)別,而且可以了解Vue3.0的核心特性,API用法,以方便將來(lái)更高效的工作，提升競(jìng)爭(zhēng)力的同時(shí)也作為個(gè)人技術(shù)的加分項(xiàng)。
培訓(xùn)收益
本課程通過(guò)培訓(xùn)使學(xué)習(xí)者獲得如下收益：
1.Vue3.0源碼結(jié)構(gòu)全剖析，掌握TypeScript簡(jiǎn)介和環(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.理論與實(shí)踐相結(jié)合、案例分析與行業(yè)應(yīng)用穿插進(jìn)行；
2.專家精彩內(nèi)容解析、學(xué)員專題討論、分組研究；
3.通過(guò)全面知識(shí)理解、專題技能和實(shí)踐結(jié)合的授課方式。

課程大綱

第一天
上午TypeScript
1.TypeScript簡(jiǎn)介和環(huán)境搭建
2.TypeScript靜態(tài)類型
3.基礎(chǔ)靜態(tài)類型和對(duì)象靜態(tài)類型
4.類型注解和類型推斷
5.函數(shù)參數(shù)和返回類型的注解
6.數(shù)組類型注解的方法
7.元組的使用和類型約束
8.初識(shí)接口Interface
9.初識(shí)接口Interface2
10.類的概念和使用
11.類的訪問(wèn)類型
12.類的構(gòu)造函數(shù)
第一天
下午TypeScript
1.類的Getter、Setter和static
2.抽象類和只讀屬性的使用
3.配置文件-初識(shí)tsconfig.json文件
4.配置文件-初識(shí)compilerOptions配置項(xiàng)
5.配置文件-compilerOptions配置詳解
6.聯(lián)合類型和類型保護(hù)（類型守護(hù)）
7.Enum枚舉類型詳細(xì)講解
8.TypeScript函數(shù)中使用泛型
9.TypeScrip在類中使用泛型
10.初識(shí)TypeScript的命名空間-NameSpace
11.深入TypeScript的命名空間-NameSpace
12.TypeScript如何使用impot語(yǔ)法
13.用Parcel打包TypeScript代碼
14.在TypeScript中使用Jquery庫(kù)
第二天
上午Vue3
1.構(gòu)建vue項(xiàng)目
2.2.0與3.0的差異
3.vue.config.js
4.Vue3.0開(kāi)篇
5.diff算法
6.靜態(tài)提升和監(jiān)聽(tīng)緩存
7.項(xiàng)目創(chuàng)建
8.存在的問(wèn)題
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)聽(tīng)
2.非遞歸監(jiān)聽(tīng)
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由來(lái)
19.對(duì)比差異點(diǎn)
20.Optimize
21.HMR
22.Build
23.打包or不打包
24.開(kāi)箱即用
25.實(shí)現(xiàn)原理
第三天
下午Vue3源碼進(jìn)階
1.剖析VueCompositionAPI
2.源碼目錄
3.Vue2響應(yīng)式原理機(jī)制-defineProperty
4.對(duì)象攔截
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游戲開(kāi)發(fā)，Cocos2d-html5，QuarkJS，JQuery，JQueryMobile，CSS，BootStrap，Mui框架，HBuilder，CSS3，Axure，JSON，C#，JavaScript，PHP，PhpCMS等開(kāi)發(fā)技術(shù)；熟悉ICONIX，Scrum等項(xiàng)目管理過(guò)程并熟練應(yīng)用，熟悉UML建模，MVC，設(shè)計(jì)模式，架構(gòu)思想，熟悉軟件測(cè)試相關(guān)技能，熟悉軟件測(cè)試管理過(guò)程。多年項(xiàng)目管理經(jīng)驗(yàn)，千人教育培訓(xùn)經(jīng)驗(yàn)。
郭老師計(jì)算機(jī)碩士研究生，參與組織并完成了上百個(gè)個(gè)大中型項(xiàng)目。主要專業(yè)特長(zhǎng)包括HTML5、移動(dòng)前端、CSS3、AngularJS、Reactnative、VueJS、BootStrap、Jquery、ZeptoJS、Ajax、JSON、JSONP、Mui框架等相關(guān)技術(shù)，對(duì)Html5應(yīng)用開(kāi)發(fā)及開(kāi)發(fā)模式有深入研究，熟悉模塊化開(kāi)發(fā)，熟悉IT項(xiàng)目管理，熟悉ICONIX、Scrum等軟件研發(fā)過(guò)程改進(jìn)、詳細(xì)設(shè)計(jì)、IT規(guī)劃。擅長(zhǎng)UML建模、MVC、設(shè)計(jì)模式、架構(gòu)思想。多年項(xiàng)目管理經(jīng)驗(yàn)，千人教育培訓(xùn)經(jīng)驗(yàn)
姚老師在電信、電力、金融行業(yè)從事HTML5、Java、Android、PHP開(kāi)發(fā)工作，擅長(zhǎng)Web前端、HTML5、Java、Android、PHP。多年軟件開(kāi)發(fā)經(jīng)驗(yàn)，八年IT職業(yè)教育經(jīng)驗(yàn)。2002年開(kāi)始從事開(kāi)發(fā)工作，具備十余年的開(kāi)發(fā)、管理和培訓(xùn)經(jīng)驗(yàn)。曾經(jīng)主持開(kāi)發(fā)《教學(xué)管理系統(tǒng)》、《酒店管理系統(tǒng)》、《車輛跟蹤定位系統(tǒng)》、《農(nóng)信社信貸管理系統(tǒng)》等多個(gè)大型項(xiàng)目。在Android、iOS、HTML5、游戲開(kāi)發(fā)、JavaME、JavaEE、Linux等領(lǐng)域都有深入研究，現(xiàn)為IT技術(shù)自由作家兼HTML5、Android、iOS、JavaME、JavaEE培訓(xùn)講師。曾出版過(guò)《Android應(yīng)用開(kāi)發(fā)詳解》、《iOS應(yīng)用開(kāi)發(fā)詳解》《JavaEEWeb工程師JDBC+Servlet+JSP整合開(kāi)發(fā)》、《JavaEE高級(jí)工程師培訓(xùn)框架核心技術(shù)Struts、Hibernate、Spring》等暢銷書籍。2012年榮獲電子工業(yè)出版社最佳暢銷書作者稱號(hào)，曾為深圳亞億電子、奇虎360、聯(lián)想集團(tuán)等多家IT企業(yè)提供Andriod、iOS、HTML5等企業(yè)內(nèi)訓(xùn)。