- 第1章 课程介绍
简单回顾前端近几年的框架模式,了解不同时期下的框架特点。其次介绍Vue框架的背景和核心思想,以及同其它MV*框架的对比。
- 第2章 Vue基础
从0到1,如何搭建一个简单的Vue项目;本章节主要讲解Node和Npm环境的搭建,其次介绍vue-cli脚手架的使用,以及通过详细拆解介绍脚手架生成的配置文件信息,最后给大家介绍了Vue涵盖的基础语法。
- 第3章 Vue-router
主要介绍4种路由的使用方式,主要包括动态路由、嵌套路由、编程式路由以及命名路由。
- 第4章 Vue-resource/Axios
主要介绍异步请求插件,对Vue Resource以及Axios等两种主流插件进行讲解,主要的功能包括GET、POST、JSONP、全局拦截器(interceptors)、全局路径(root)等知识点。
- 第5章 ES6常用语法
介绍当下比较热门而且未来非常重要的一项新技术标准ES6。会根据目前项目所用到的常用语法进行讲解,主要以满足大众项目为主,同时也会讲解AMD、CMD、CommonJS和ES6差异,对项目的模块化会有更深的理解。
- 第6章 商品列表模块实现
讲解商品列表的整体布局和组件拆分,根据mock数据实现商品列表数据渲染功能,最后给大家介绍图片懒加载插件以及价格过滤。
- 第7章 Node.js基础
主要讲解Node的基础编程以及如何使用Express框架构建Node项目
- 第8章 MongoDB介绍
介绍MongoDB在windows平台和Linux平台分别是如何进行安装和部署的,讲解MongoDB的基础语法。
- 第9章 基于Node.js开发商品列表接口
基于Node.js来开发整个商品列表的后台功能,包括商品分页、商品价格过滤、商品排序、加入购物车、登录判断等核心功能。
- 第10章 登录模块实现
主要介绍全站的登录、登出以及全局的模态框组件的开发。
- 第11章 购物车模块实现
讲解购物车页面的整体功能实现。包括了购物车列表功能的前后端实现、购物车删除和修改的前后端实现以及购物车全选、金额的实时计算前后端实现。
- 第12章 地址模块实现
讲解地址页面整体功能实现。包括了地址列表功能前后端实现、地址删除前后端实现以及地址切换、设置默认、展开收缩等前后端功能实现。
- 第13章 订单确认模块实现
讲解订单确认页面的整体功能实现。主要包括订单列表前后端实现以及创建订单等前后端功能实现。
- 第14章 订单成功模块实现
讲解如何根据订单Id来实现订单成功信息的展示。
- 第15章 基于Vuex改造登录和购物车数量功能
讲解Vuex如何在项目当中进行运用,同时结合登录和购物车功能,进行状态集成。
- 第16章 Webpack使用
介绍Webpack如何进行单页面和多页面项目的构建,以及Webpack最常用的插件和知识点讲解。
- 第17章 线上部署
讲解如何将一个Vue和Node的前后端分离项目进行线上部署(真实的服务器,基于Linux),同时包括MongoDB的配置和启动以及Node项目的后台进程启动、日志查看、状态监控等一系列操作。
- 第18章 课程总结
主要跟大家一起回顾本次实战课所讲解的框架语法、解决什么样的问题,如何进行项目调试以及大家学完后所能够掌握和学到的知识点。