[前端实战] 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）

下载地址：