課程目錄：

第1章 課程介紹

1-1 課程導(dǎo)學(xué)

1-2 項目介紹

1-3 Webpack4升級注意

第2章 Vue+Webpack的前端工程工作流搭建

2-1 項目目錄升級-一個正式項目的目錄結(jié)構(gòu)

2-2 vue-loader配置

2-3 css module配置

2-4 安裝使用eslint和editorconfig以及precommit

2-5 Webpack4升級

第3章 Vue核心知識

3-1 一點(diǎn)小準(zhǔn)備-單獨(dú)講解vue核心內(nèi)容的配置

3-2 Vue實(shí)例

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

4-1 Vue-router之集成

4-2 Vue-router之配置

4-3 Vue-router之路由參數(shù)傳遞

4-4 Vue-router之導(dǎo)航守衛(wèi)

4-5 Vuex之集成

4-6 Vuex之state和getters

4-7 Vuex之mutation和action

4-8 Vuex之模塊

4-9 Vuex之其他一些API和配置

第5章 服務(wù)器渲染

5-1 開發(fā)時服務(wù)端渲染的配置和原理

5-2 使用koa實(shí)現(xiàn)node server

5-3 服務(wù)端渲染的entry配置

5-4 開發(fā)時服務(wù)端渲染靜態(tài)資源路徑處理

5-5 使用vue-meta處理元信息

5-6 生產(chǎn)環(huán)境服務(wù)端渲染

第6章 高級組件開發(fā)

6-1 notification之基本組件實(shí)現(xiàn)

6-2 notification之通過方法調(diào)用

6-3 notification之優(yōu)化

6-4 tabs組件之基本組件實(shí)現(xiàn)

6-5 tabs組件之選中狀態(tài)和切換

6-6 tabs組件之在父組件中渲染子組件的slot

第7章 項目開發(fā)

7-1 服務(wù)端api請求基礎(chǔ)實(shí)現(xiàn)

7-2 數(shù)據(jù)API實(shí)現(xiàn)

7-3 后端登錄接口實(shí)現(xiàn)以及session的使用.mp4

7-4 登錄頁面實(shí)現(xiàn)

7-5 聯(lián)調(diào)第一個API

7-6 請求錯誤處理和登錄接口聯(lián)調(diào)

7-7 所有接口進(jìn)行聯(lián)調(diào)

7-8 在數(shù)據(jù)請求的時候使用全局loading

7-9 在服務(wù)端渲染時獲取數(shù)據(jù)

7-10 前后端數(shù)據(jù)復(fù)用以及服務(wù)端用戶認(rèn)證

7-11 服務(wù)端渲染進(jìn)行redirect操作

7-12 createRenderer的方式進(jìn)行服務(wù)端渲染

7-13 正式環(huán)境打包以及異步模塊打包優(yōu)化

第8章 部署和總結(jié)

8-1 pm2使用以及服務(wù)器端部署

8-2 靜態(tài)資源上傳cdn

8-3 總結(jié)