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-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)下載地址:

百度網盤