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

下载地址:

限制以下用户组阅读此隐藏内容

请先登录

您的用户组:

内容投诉
本站所有资源均是网上搜集或网友投稿提供,本站内容仅限用于学习和交流,将不对任何资源负法律责任。如有侵犯您的版权,请及时发邮件联系我们(52319401@qq.com),我们将会尽快处理,谢谢!
「点点赞赏,手留余香」

    还没有人赞赏,快来当第一个赞赏的人吧!
0 条回复 A 作者 M 管理员
    所有的伟大,都源于一个勇敢的开始!
欢迎您,新朋友,感谢参与互动!欢迎您 {{author}},您在本站有{{commentsCount}}条评论