班級規(guī)模及環(huán)境--熱線:4008699035 手機:15921673576( 微信同號) |
每個班級的人數(shù)限3到5人,互動授課, 保障效果,小班授課。 |
上間和地點 |
上部份地點:【上海】同濟大學(滬西)/新城金郡商務樓(11號線白銀路站)【深圳分部】:電影大廈(地鐵一號線大劇院站)/深圳大學成教院【北京分部】:北京中山學院/福鑫大樓【南京分部】:金港大廈(和燕路)【武漢分部】:佳源大廈(高新二路)【成都分部】:領館區(qū)1號(中和大道)【沈陽分部】:沈陽理工大學/六宅臻品【鄭州分部】:鄭州大學/錦華大廈【石家莊分部】:河北科技大學/瑞景大廈 最近開間(周末班/連續(xù)班/晚班):2019年1月26日 |
實驗設備 |
◆小班教學,教學效果好 ☆注重質(zhì)量☆邊講邊練 ☆合格學員免費推薦工作 ★實驗設備請點擊這兒查看★ |
質(zhì)量保障 |
1、培訓過程中,如有部分內(nèi)容理解不透或消化不好,可免費在以后培訓班中重聽; 2、培訓結(jié)束后,授課老師留給學員聯(lián)系方式,保障培訓效果,免費提供課后技術支持。 3、培訓合格學員可享受免費推薦就業(yè)機會。☆合格學員免費頒發(fā)相關工程師等資格證書,提升職業(yè)資質(zhì)。專注高端技術培訓15年,端海學員的能力得到大家的認同,受到用人單位的廣泛贊譽,端海的證書受到廣泛認可。 |
部份程大綱 |
|
- 第1章 課程介紹
課程介紹,介紹課程的章節(jié)安排和學習本門課程的一些注意點。
- 1-1 課程導學
1-2 項目介紹
1-3 Webpack4升級注意
第2章 Vue+Webpack的前端工程工作流搭建
詳細講解webpack的配置以及vue-loader,css-module等較為高級的內(nèi)容如何進行配置。
- 2-1 項目目錄升級-一個正式項目的目錄結(jié)構(gòu)
2-2 vue-loader配置
2-3 css module配置
2-4 安裝使用eslint和editorconfig以及precommit
2-5 Webpack4升級
第3章 Vue核心知識
從Vue的實例、生命周期、原生指令、數(shù)據(jù)綁定、特殊API和組件開發(fā)等角度詳細分析Vue的方方面面。并且深入講解Vue的組件開發(fā),包括一些高級屬性slot、自定義雙向綁定、render function等。
- 3-1 一點小準備-單獨講解vue核心內(nèi)容的配置
3-2 Vue實例
3-3 Vue的生命周期方法
3-4 Vue的數(shù)據(jù)綁定
3-5 computed和watch使用場景和方法
3-6 Vue的原生指令
3-7 Vue的組件之組件的定義
3-8 Vue的組件之組件的繼承.mp4
3-9 Vue的組件之自定義雙向綁定
3-10 Vue的組件之高級屬性
3-11 Vue的組件之render function
第4章 Vue-Router和Vuex
首先把Vue-Router和Vuex集成到項目開發(fā)當中。然后分別講解Vue-Router和Vuex的詳細使用方法和API,包括Router的配置,導航守衛(wèi),Vuex的配置,分模塊等。并實現(xiàn)了Vuex Store的熱更替功能。
- 4-1 Vue-router之集成
4-2 Vue-router之配置
4-3 Vue-router之路由參數(shù)傳遞
4-4 Vue-router之導航守衛(wèi)
4-5 Vuex之集成
4-6 Vuex之state和getters
4-7 Vuex之mutation和action
4-8 Vuex之模塊
4-9 Vuex之其他一些API和配置
第5章 服務器渲染
在項目當中加入Node Server,同時集成服務端渲染。解決服務端渲染需要考慮的基礎問題,包括開發(fā)時如何跟webpack-dev-server配合,title信息的處理,正式環(huán)境的服務端渲染使用等。
- 5-1 開發(fā)時服務端渲染的配置和原理
5-2 使用koa實現(xiàn)node server
5-3 服務端渲染的entry配置
5-4 開發(fā)時服務端渲染靜態(tài)資源路徑處理
5-5 使用vue-meta處理元信息
5-6 生產(chǎn)環(huán)境服務端渲染
第6章 高級組件開發(fā)
通過兩個高級組件:Notification和Tabs,講解一些只有在高級組件開發(fā)當中才會用到的開發(fā)技巧。比如通過extend繼承組件,通過一個js方法調(diào)用組件的顯示,以及嵌套組件父組件顯示子組件中的內(nèi)容等。
- 6-1 notification之基本組件實現(xiàn)
6-2 notification之通過方法調(diào)用
6-3 notification之優(yōu)化
6-4 tabs組件之基本組件實現(xiàn)
6-5 tabs組件之選中狀態(tài)和切換
6-6 tabs組件之在父組件中渲染子組件的slot
第7章 項目開發(fā)
首先開發(fā)服務端的API接口,然后進行前后端的接口聯(lián)調(diào),登錄頁面的實現(xiàn),以及最后調(diào)整服務端渲染的代碼,讓服務端渲染的時候用到的數(shù)據(jù)可以在客戶端重用。
- 7-1 服務端api請求基礎實現(xiàn)
7-2 數(shù)據(jù)API實現(xiàn)
7-3 后端登錄接口實現(xiàn)以及session的使用.mp4
7-4 登錄頁面實現(xiàn)
7-5 聯(lián)調(diào)第一個API
7-6 請求錯誤處理和登錄接口聯(lián)調(diào)
7-7 所有接口進行聯(lián)調(diào)
7-8 在數(shù)據(jù)請求的時候使用全局loading
7-9 在服務端渲染時獲取數(shù)據(jù)
7-10 前后端數(shù)據(jù)復用以及服務端用戶認證
7-11 服務端渲染進行redirect操作
7-12 createRenderer的方式進行服務端渲染
7-13 正式環(huán)境打包以及異步模塊打包優(yōu)化
|