第1章 課程導學
這門課主講以Vue SSR+Koa2全棧技術為目標，最終實現美團網專案。本章節旨在告訴大家我們會用到哪些技能、教學方法、課程內容分佈、學習方法等。備註：我們會涉及Vue2.5、Nuxt、Koa2、element-ui、Mongodb等

1-1 課程導學
第2章 Vue基礎知識
整個SSR部分都是用的Vue框架，需要給初級使用者講解Vue的基礎語法，不會讓他們在學習實戰的時候感到迷茫，這個章節會通過vue-cli搭建一個簡單的demo，讓大家快速的掌握Vue的基礎應用，即使他沒有學習過。

2-1 概述&腳手架
2-2 模板語法（1）
2-3 模板語法（2）
2-4 樣式與遍歷
2-5 事件
2-6 元件（1）
2-7 元件（2）
2-8 路由基礎
2-9 Vuex基礎用例（1）
2-10 Vuex基礎用例（2）
2-11 Vuex高階用例（1）
2-12 Vuex高階用例（2）
第3章 Koa2基礎知識
Node服務是全棧的核心，非同步操作是為了提高併發數，koa2最大的特色就是靈活、輕巧，這都要歸功於中介軟體機制。路由、資料庫連線都是中介軟體的一種，通過這個章節的學習讓大家掌握服務端開發基本技能。

3-1 Koa-generator
3-2 Koa非同步async
3-3 Koa中介軟體
3-4 koa路由和cookie
第4章 Mongoose和Redis基礎
mongoose是mongodb的物件模型管理工具，使用mongoose可以更簡單的操作mongodb資料庫，通過視覺化工具的robo 3t的介紹，任何資料庫操作都可以直觀的感受到，非常利於資料庫操作的學習。redis是服務端開發必備的工具之一，通過本章的學習可以快速掌握常用redis命令以及在node中的應用。...

4-1 mongoose（1）
4-2 mongoose（2）
4-3 Redis（1）
4-4 Redis（2）
第5章 Nuxt.js基礎知識
Nuxt是Vue實現SSR最好的方案，我們整個專案都是基於Nuxt框架來實現的，我們需要了解如何通過腳手架快速初始化一個工程專案，熟悉每個目錄的含義，知道如何配置各個頁面的檢視、模板、非同步獲取資料等。這個章節讓學員快速掌握Nuxt本身的知識點，為實戰做好準備。...

5-1 Nuxt.js基礎（1）
5-2 Nuxt.js基礎（2）
5-3 Nuxt.js基礎（3）
5-4 Nuxt.js基礎（4）
第6章 實戰準備
工程搭建使用Nuxt腳手架快速搭建工程，這塊是通用的，所有學員都可以直接應用到自己的專案。

6-1 環境準備與專案安裝
6-2 輔助工具安裝與配置改裝
第7章 開發美團網首頁
從需求分析到設計思路講述再通過手把手的引導實現首頁設計，在功能上包括城市定位服務，頭部引導導航，搜尋等。

7-1 需求分析
7-2 首頁Header開發-城市定位服務設計
7-3 首頁Header開發-頭部引導導航設計
7-4 首頁Header開發-搜尋介面設計
7-5 Bug修復
7-6 首頁搜尋
7-7 首頁選單（1）
7-8 首頁選單（2）
7-9 章節小結
7-10 Footer補充
第8章 開發美團網首頁-登入註冊
從靜態頁面實現到真實的業務邏輯，一步一步帶領大家實現註冊、登入、退出，其中還用到了第三方RTMP服務，在技術上mongodb，passport,redis一應俱全

8-1 註冊（1）
8-2 註冊（2）
8-3 註冊（3）
8-4 註冊（4）
8-5 註冊（5）
8-6 註冊（6）
8-7 註冊（7）
8-8 註冊&登入（1）
8-9 註冊&登入（2）
第9章 開發美團網首頁-Search搜尋
只用7個模板dom節點實現複雜的搜尋框，一改傳統的dom結構設計，充分利用元件設計特性，讓業務做到極致。除了互動，也使用了搜尋、推薦等真實的線上資料服務，為大家提供真實的體驗。

9-1 城市服務
9-2 選單資料
9-3 Geo介面實現
9-4 Search介面實現（1）
9-5 Search介面實現（2）
第10章 切換城市頁
切換城市頁的難點是如何把複雜的資料內容利用資料結構設計、Vue語法並使用最簡單的DOM結構完成開發。整個頁面介紹瞭如何自定義常用的級聯操作、遠端搜尋、中文轉拼音等內容，精彩不可錯過。

10-1 切換城市（1）
10-2 切換城市（2）
10-3 切換城市（3）
第11章 美團網產品列表頁
點選產品列表可以進入到產品詳情頁，詳情頁也有類似的推薦列表和地圖服務，我們會在搜尋頁的時候考慮好介面的複用，重點內容在於資料結構的設計和介面的複用設計能力。

11-1 頁面設計（1）
11-2 頁面設計（2）
11-3 地圖元件開發
11-4 入口檔案編寫（1）
11-5 入口檔案編寫（2）
11-6 頁面除錯
第12章 美團網產品詳情頁開發
產品詳情頁有購買入口，點進去進入到訂單頁，點選支付進入到支付頁，購買完成進入到訂單詳情頁。這塊涉及較複雜的後端介面設計和資料庫操作。學員可以進一步掌握真實的開發場景。

12-1 需求分析
12-2 靜態模板
12-3 產品詳情頁入口-靜態檔案
12-4 產品詳情頁-介面
第13章 購物車開發
購物車難點在於資料庫的設計、是於訂單相融合的一個頁面，在前端頁面互動上的難點是element-ui對於表格的資料繫結

13-1 購物車&訂單-需求分析
13-2 購物車&訂單-頁面建立
13-3 購物車介面實現
13-4 購物車除錯
第14章 訂單頁開發
訂單頁是對整個產品的最後呈現頁面，是課程完整性的一部分，難點在於資料庫設計，前端頁面無難點。

14-1 訂單頁面
14-2 訂單介面
14-3 訂單除錯
第15章 課程總結
對課程整體進行回顧與總結

15-1 課程總結

下載地址:Vue全家桶+SSR+Koa2全棧開發美團網