1. 程式人生 > >某課最新《Vue全家桶+SSR+Koa2全棧開發美團網》

某課最新《Vue全家桶+SSR+Koa2全棧開發美團網》

第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-generator3-2 Koa非同步async3-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腳手架快速搭建工程,這塊是通用的,所有學員都可以直接應用到自己的專案。
第7章 開發美團網首頁這個章節每一部分功能都包含兩部分:前端+服務端。城市服務使用騰訊的地圖服務,我們使用真實的資料來實現。登入註冊使用koa2+mongodb來設計並實現。分來導航主要利用CSS模組化和元件技術。推薦搜尋模組也是通過koa2+mongodb來設計並實現介面,輪播圖使用swiper元件來實現。...第8章 切換城市頁切換城市頁的難點是如何把複雜的資料內容利用資料結構設計、Vue語法並使用最簡單的DOM結構完成開發。整個頁面介紹瞭如何自定義常用的級聯操作、遠端搜尋、中文轉拼音等內容,精彩不可錯過。第9章 美團網產品列表頁點選產品列表可以進入到產品詳情頁,詳情頁也有類似的推薦列表和地圖服務,我們會在搜尋頁的時候考慮好介面的複用,重點內容在於資料結構的設計和介面的複用設計能力。第10章 美團網產品詳情頁開發產品詳情頁有購買入口,點進去進入到訂單頁,點選支付進入到支付頁,購買完成進入到訂單詳情頁。這塊涉及較複雜的後端介面設計和資料庫操作。學員可以進一步掌握真實的開發場景。第11章 購物車開發購物車難點在於資料庫的設計、是於訂單相融合的一個頁面,在前端頁面互動上的難點是element-ui對於表格的資料繫結第12章 訂單頁開發訂單頁是對整個產品的最後呈現頁面,是課程完整性的一部分,難點在於資料庫設計,前端頁面無難點。第13章 課程總結對課程整體進行回顧與總結

下載地址:百度網盤