Get全栈技能点 Vue2.0 / Node.js / MongoDB 打造商城系统
第1章 課程介紹
簡單回顧前端近幾年的框架模式,了解不同時期下的框架特點。其次介紹Vue框架的背景和核心思想,以及同其它MV*框架的對比。
1-1 課程-導學
1-2 前端框架回顧
1-3 vue概況以及核心思想
1-4 vue框架優缺點對比
第2章 Vue基礎
從0到1,如何搭建一個簡單的Vue項目;本章節主要講解Node和Npm環境的搭建,其次介紹vue-cli腳手架的使用,以及通過詳細拆解介紹腳手架生成的配置文件信息,最后給大家介紹了Vue涵蓋的基礎語法。
2-1 nodejs和npm的安裝和環境搭建
2-2 vue環境搭建以及vue-cli使用
2-3 vue配置(上)
2-4 vue配置(下)
2-5 vue基礎語法
第3章 Vue-router
主要介紹4種路由的使用方式,主要包括動態路由、嵌套路由、編程式路由以及命名路由。
3-1 路由基礎介紹
3-2 動態路由匹配
3-3 嵌套路由
3-4 編程式路由
3-5 命名路由和命名視圖
第4章 Vue-resource/Axios
主要介紹異步請求插件,對Vue Resource以及Axios等兩種主流插件進行講解,主要的功能包括GET、POST、JSONP、全局攔截器(interceptors)、全局路徑(root)等知識點。
4-1 Vue-Resource使用(上)
4-2 Vue-Resource使用(下)
4-3 axios基礎介紹
第5章 ES6常用語法
介紹當下比較熱門而且未來非常重要的一項新技術標準ES6。會根據目前項目所用到的常用語法進行講解,主要以滿足大眾項目為主,同時也會講解AMD、CMD、CommonJS和ES6差異,對項目的模塊化會有更深的理解。
5-1 ES6簡介
5-2 ES6常用命令
5-3 拓展參數講解
5-4 Promise講解
5-5 ES6模塊化開發講解
5-6 AMD、CMD、CommonJS和ES6差異
第6章 商品列表模塊實現
講解商品列表的整體布局和組件拆分,根據mock數據實現商品列表數據渲染功能,最后給大家介紹圖片懶加載插件以及價格過濾。
6-1 商品列表組件拆分
6-2 商品列表數據渲染實現
6-3 實現圖片懶加載
第7章 Node.js基礎
主要講解Node的基礎編程以及如何使用Express框架構建Node項目
7-1 Linux環境下配置Node環境
7-2 創建http Server容器
7-3 通過node加載靜態頁面
7-4 搭建基于Express框架的運行環境
第8章 MongoDB介紹
介紹MongoDB在windows平臺和Linux平臺分別是如何進行安裝和部署的,講解MongoDB的基礎語法。
8-1 window平臺下MongoDB的安裝和環境搭建
8-2 Linux平臺下安裝配置MongoDB
8-3 給MongoDB創建用戶
8-4 MongoDB基本語法
8-5 表數據設計和插入
第9章 基于Node.js開發商品列表接口
基于Node.js來開發整個商品列表的后臺功能,包括商品分頁、商品價格過濾、商品排序、加入購物車、登錄判斷等核心功能。
9-1 Node的啟動和調試方式
9-2 基于Express實現商品列表查詢接口
9-3 商品列表分頁和排序功能實現(上)
9-4 商品列表分頁和排序功能實現(下)
9-5 價格過濾功能實現
9-6 加入購物車功能實現
第10章 登錄模塊實現
主要介紹全站的登錄、登出以及全局的模態框組件的開發。
10-1 登錄功能實現
10-2 登出功能實現
10-3 登錄攔截
10-4 全局模態框組件實現
第11章 購物車模塊實現
講解購物車頁面的整體功能實現。包括了購物車列表功能的前后端實現、購物車刪除和修改的前后端實現以及購物車全選、金額的實時計算前后端實現。
11-1 購物車列表功能實現
11-2 商品刪除功能實現
11-3 商品修改功能實現
11-4 購物車全選和商品實時計算功能實現
第12章 地址模塊實現
講解地址頁面整體功能實現。包括了地址列表功能前后端實現、地址刪除前后端實現以及地址切換、設置默認、展開收縮等前后端功能實現。
12-1 地址列表渲染實現 (上)
12-2 地址列表渲染功能實現(下)
12-3 地址列表切換和展開功能實現
12-4 地址設置默認功能實現
12-5 地址刪除功能實現
第13章 訂單確認模塊實現
講解訂單確認頁面的整體功能實現。主要包括訂單列表前后端實現以及創建訂單等前后端功能實現。
13-1 訂單確認列表渲染功能實現
13-2 創建訂單功能實現
第14章 訂單成功模塊實現
講解如何根據訂單Id來實現訂單成功信息的展示。
14-1 訂單成功頁面功能實現
第15章 基于Vuex改造登錄和購物車數量功能
講解Vuex如何在項目當中進行運用,同時結合登錄和購物車功能,進行狀態集成。
15-1 Vuex基本介紹
15-2 Vuex的語法講解
15-3 通過Vuex實現登錄和購物車數量(上)
15-4 通過Vuex實現登錄和購物車數量(下)
第16章 Webpack使用
介紹Webpack如何進行單頁面和多頁面項目的構建,以及Webpack最常用的插件和知識點講解。
16-1 webpack基礎介紹
16-2 插件靜態部分實現
16-3 插件功能實現
16-4 webpack打包功能實現(上)
16-5 webpack打包功能實現(下)
16-6 npm插件發布
16-7 webpack多頁面構建(上)
16-8 webpack多頁面構建(下)
16-9 webpack多頁面構建-第三方庫
16-10 webpack多頁面構建-抽取公共模塊
第17章 線上部署
講解如何將一個Vue和Node的前后端分離項目進行線上部署(真實的服務器,基于Linux),同時包括MongoDB的配置和啟動以及Node項目的后臺進程啟動、日志查看、狀態監控等一系列操作。
17-1 線上部署(上)
17-2 線上部署(中)
17-3 線上部署(下)
第18章 課程總結
主要跟大家一起回顧本次實戰課所講解的框架語法、解決什么樣的問題,如何進行項目調試以及大家學完后所能夠掌握和學到的知識點。
18-1 課程總結
第19章 針對第六章和第八章大家提出的問題,補充視頻
針對大家提出的問題,補充視頻
19-1 第六章 修復vue-cli工具不生成dev-server.js文件問題
19-2 第八章 mongodb環境變量配置和mongo版本沖突問題
?
下載地址:百度網盤下載
轉載于:https://www.cnblogs.com/huangchenxi/p/9398672.html
總結
以上是生活随笔為你收集整理的Get全栈技能点 Vue2.0 / Node.js / MongoDB 打造商城系统的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: win7通过easyBCD引导ubunt
- 下一篇: MySQL 常用30种SQL查询语句优化