課程大綱：

Flask+Vue.js 全棧 Web 開發(fā)培訓(xùn)

1 Web 開發(fā)基礎(chǔ)

2 Flask + Vue 實(shí)現(xiàn)留言板

3 Flask 實(shí)現(xiàn)原理

4 Vuex入門

5 前端構(gòu)建工具 Webpack

6 vue-router 與 SPA

7 Flask 大型項(xiàng)目結(jié)構(gòu)

8 Flask + Vue 實(shí)現(xiàn)論壇

1
課程介紹

1.項(xiàng)目介紹

2.如何學(xué)習(xí)本課程

3.準(zhǔn)備工作

2
Web 開發(fā)基礎(chǔ)

1.HTTP協(xié)議基礎(chǔ) 2.RESTfullAPI

3
前端構(gòu)建工具 Webpack

1.安裝及環(huán)境配置

2.開發(fā)環(huán)境與生產(chǎn)環(huán)境

3.Loaders 4.Babel

5.文件hash 6.cleanwebpackplugin

4
Hello, Flask and Vue!

1.flask和flasksqlalchemy

2.后端部分

3.前端部分

4.Ajax請求 5.axios

5
Flask + Vue 實(shí)現(xiàn)留言板一

1.初始化

2.用戶頭像組件

3.MessageItem組件

4.主頁面

6
Flask + Vue 實(shí)現(xiàn)留言板二

1.數(shù)據(jù)庫

2.請求接口，創(chuàng)建message

3.請求接口，獲取所有message

7
Flask + Vue 實(shí)現(xiàn)留言板三

1.Python表單驗(yàn)證

2.flaskwtf 3.前端頁面

8
Flask + Vue 實(shí)現(xiàn)留言板四

1.自定義了錯(cuò)誤信息

2.封裝Erros 3.封裝Form

9
vue-router 與 SPA

1.初始化

2.添加導(dǎo)航條

3.路由視圖

4.配置路由

5.配置導(dǎo)航

6.Html5History模式

7.SPA

10
深入理解 Flask 實(shí)現(xiàn)原理

1.初始化

2.路由注冊

3.app_context

4.request_context

5.g

6.鉤子

7.Session與Cookie

11
Flask + Vue 實(shí)現(xiàn)論壇一大型項(xiàng)目結(jié)構(gòu)

1.大型應(yīng)用的項(xiàng)目結(jié)構(gòu)

2.初始化腳手架

3.運(yùn)行腳手架

4.腳手架結(jié)構(gòu)

12
Flask + Vue 實(shí)現(xiàn)論壇二 vuex 入門

1.初始化vuex 2.mutations 3.getters 4.actions

13
Flask + Vue 實(shí)現(xiàn)論壇三首頁

1.用戶頭像

2.頁面結(jié)構(gòu)

3.導(dǎo)航欄

4.橫幅

5.工具欄

6.帖子組件

7.帖子列表

14
Flask + Vue 實(shí)現(xiàn)論壇四用戶注冊與登錄1

1.Form

2.LoginForm

3.綁定LoginForm到登錄按鈕

15
Flask + Vue 實(shí)現(xiàn)論壇五用戶注冊與登錄2

1.User表

2.注冊表單

3.注冊接口

4.用戶注冊

5.登錄表單

6.登錄接口

7.用戶登錄

8.用戶登出

16
Flask + Vue 實(shí)現(xiàn)論壇六帖子編輯頁面

1.定義路由及組件

2.解決刷新404

3.帖子話題

4.首頁話題列表 5.編輯頁面

17
Flask + Vue 實(shí)現(xiàn)論壇七發(fā)布帖子

1.后臺接口

2.發(fā)布帖子 3.markdown支持

18
Flask + Vue 實(shí)現(xiàn)論壇八無限加載與詳情頁

1.顯示從后端加載的posts

2.生成測試數(shù)據(jù)

3.實(shí)現(xiàn)無限加載

4.帖子詳情頁

19
Flask + Vue 實(shí)現(xiàn)論壇九選擇話題

1.PostMeta組件

2.全局filters

3.一個(gè)Bug

4.選擇話題

20
Flask + Vue 實(shí)現(xiàn)論壇十帖子評論

1.CommentItem組件

2.CommentBox組件

3.實(shí)現(xiàn)未登錄不能評論