Vue全家桶+Ssr+Koa2全栈开发美团网
Vue全家桶+Ssr+Koa2全栈开发美团网 1
Vue全家桶+SSR+Koa2全栈开发美团网 2

课程介绍(A000239):

这是一门前端全栈课程,课程中采用了许多新的技术,结合包括Vue2.5、Koa2、MongoDB、Redis等多种前后端技术完成了美团网的开发。课程从新技术的基础讲解入手,通过细致的项目开发过程,带你开发一个美团网PC网页版,同学们通过这门课程的学习可以掌握更全面的项目架构,迅速提升,达到高级工程师的水平。

课程目录:

  • 第1章 课程导学 试看1 节 | 15分钟
  • 这门课主讲以Vue SSR+Koa2全栈技术为目标,最终实现美团网项目。本章节旨在告诉大家我们会用到哪些技能、教学方法、课程内容分布、学习方法等。备注:我们会涉及Vue2.5、Nuxt、Koa2、element-ui、Mongodb等
  • 视频:1-1 课程导学 (14:56)试看
  • 第2章 Vue基础知识12 节 | 179分钟
  • 整个SSR部分都是用的Vue框架,需要给初级用户讲解Vue的基础语法,不会让他们在学习实战的时候感到迷茫,这个章节会通过vue-cli搭建一个简单的demo,让大家快速的掌握Vue的基础应用,即使他没有学习过。
  • 视频:2-1 概述&脚手架 (11:02)
    • 视频:2-2 模板语法(1) (16:00)
    • 视频:2-3 模板语法(2) (20:18)
    • 视频:2-4 样式与遍历 (19:40)
    • 视频:2-5 事件 (15:42)
    • 视频:2-6 组件(1) (12:50)
    • 视频:2-7 组件(2) (12:55)
    • 视频:2-8 路由基础 (22:08)
    • 视频:2-9 Vuex基础用例(1) (18:41)
    • 视频:2-10 Vuex基础用例(2) (09:52)
    • 视频:2-11 Vuex高级用例(1) (15:51)
    • 视频:2-12 Vuex高级用例(2) (03:55)
  • 第3章 Koa2基础知识4 节 | 62分钟
  • Node服务是全栈的核心,异步操作是为了提高并发数,koa2最大的特色就是灵活、轻巧,这都要归功于中间件机制。路由、数据库连接都是中间件的一种,通过这个章节的学习让大家掌握服务端开发基本技能。
  • 视频:3-1 Koa-generator (08:41)
    • 视频:3-2 Koa异步async (16:45)
    • 视频:3-3 Koa中间件 (25:42)
    • 视频:3-4 koa路由和cookie (10:27)
  • 第4章 Mongoose和Redis基础4 节 | 64分钟
  • mongoose是mongodb的对象模型管理工具,使用mongoose可以更简单的操作mongodb数据库,通过可视化工具的robo 3t的介绍,任何数据库操作都可以直观的感受到,非常利于数据库操作的学习。redis是服务端开发必备的工具之一,通过本章的学习可以快速掌握常用redis命令以及在node中的应用。…
  • 视频:4-1 mongoose(1) (19:39)
    • 视频:4-2 mongoose(2) (21:19)
    • 视频:4-3 Redis(1) (11:41)
    • 视频:4-4 Redis(2) (10:20)
  • 第5章 Nuxt.js基础知识4 节 | 81分钟
  • Nuxt是Vue实现SSR最好的方案,我们整个项目都是基于Nuxt框架来实现的,我们需要了解如何通过脚手架快速初始化一个工程项目,熟悉每个目录的含义,知道如何配置各个页面的视图、模板、异步获取数据等。这个章节让学员快速掌握Nuxt本身的知识点,为实战做好准备。…
  • 视频:5-1 Nuxt.js基础(1) (17:01)
    • 视频:5-2 Nuxt.js基础(2) (20:45)
    • 视频:5-3 Nuxt.js基础(3) (28:52)
    • 视频:5-4 Nuxt.js基础(4) (13:25)
  • 第6章 实战准备2 节 | 25分钟
  • 工程搭建使用Nuxt脚手架快速搭建工程,这块是通用的,所有学员都可以直接应用到自己的项目。
  • 视频:6-1 环境准备与项目安装 (11:19)
    • 视频:6-2 辅助工具安装与配置改装 (13:05)
  • 第7章 开发美团网首页 试看10 节 | 135分钟
  • 从需求分析到设计思路讲述再通过手把手的引导实现首页设计,在功能上包括城市定位服务,头部引导导航,搜索等。
  • 视频:7-1 需求分析 (18:51)试看
    • 视频:7-2 首页Header开发-城市定位服务设计 (19:16)
    • 视频:7-3 首页Header开发-头部引导导航设计 (11:13)
    • 视频:7-4 首页Header开发-搜索界面设计 (27:20)
    • 视频:7-5 Bug修复 (01:50)
    • 视频:7-6 首页搜索 (14:29)
    • 视频:7-7 首页菜单(1) (14:07)
    • 视频:7-8 首页菜单(2) (20:13)
    • 视频:7-9 章节小结 (04:26)
    • 视频:7-10 Footer补充 (02:13)
  • 第8章 开发美团网首页-登录注册9 节 | 127分钟
  • 从静态页面实现到真实的业务逻辑,一步一步带领大家实现注册、登录、退出,其中还用到了第三方RTMP服务,在技术上mongodb,passport,redis一应俱全
  • 视频:8-1 注册(1) (23:26)
    • 视频:8-2 注册(2) (21:05)
    • 视频:8-3 注册(3) (09:02)
    • 视频:8-4 注册(4) (10:35)
    • 视频:8-5 注册(5) (18:12)
    • 视频:8-6 注册(6) (08:01)
    • 视频:8-7 注册(7) (13:38)
    • 视频:8-8 注册&登录(1) (11:40)
    • 视频:8-9 注册&登录(2) (10:36)
  • 第9章 开发美团网首页-Search搜索5 节 | 87分钟
  • 只用7个模板dom节点实现复杂的搜索框,一改传统的dom结构设计,充分利用组件设计特性,让业务做到极致。除了交互,也使用了搜索、推荐等真实的线上数据服务,为大家提供真实的体验。
  • 视频:9-1 城市服务 (23:06)
    • 视频:9-2 菜单数据 (12:45)
    • 视频:9-3 Geo接口实现 (07:58)
    • 视频:9-4 Search接口实现(1) (29:33)
    • 视频:9-5 Search接口实现(2) (13:27)
  • 第10章 切换城市页3 节 | 48分钟
  • 切换城市页的难点是如何把复杂的数据内容利用数据结构设计、Vue语法并使用最简单的DOM结构完成开发。整个页面介绍了如何自定义常用的级联操作、远程搜索、中文转拼音等内容,精彩不可错过。
  • 视频:10-1 切换城市(1) (28:34)
    • 视频:10-2 切换城市(2) (12:09)
    • 视频:10-3 切换城市(3) (06:42)
  • 第11章 美团网产品列表页6 节 | 77分钟
  • 点击产品列表可以进入到产品详情页,详情页也有类似的推荐列表和地图服务,我们会在搜索页的时候考虑好接口的复用,重点内容在于数据结构的设计和接口的复用设计能力。
  • 视频:11-1 页面设计(1) (14:39)
    • 视频:11-2 页面设计(2) (13:29)
    • 视频:11-3 地图组件开发 (14:30)
    • 视频:11-4 入口文件编写(1) (10:36)
    • 视频:11-5 入口文件编写(2) (15:36)
    • 视频:11-6 页面调试 (08:04)
  • 第12章 美团网产品详情页开发 试看4 节 | 51分钟
  • 产品详情页有购买入口,点进去进入到订单页,点击支付进入到支付页,购买完成进入到订单详情页。这块涉及较复杂的后端接口设计和数据库操作。学员可以进一步掌握真实的开发场景。
  • 视频:12-1 需求分析 (17:44)试看
    • 视频:12-2 静态模板 (12:07)
    • 视频:12-3 产品详情页入口-静态文件 (10:29)
    • 视频:12-4 产品详情页-接口 (10:33)
  • 第13章 购物车开发4 节 | 60分钟
  • 购物车难点在于数据库的设计、是于订单相融合的一个页面,在前端页面交互上的难点是element-ui对于表格的数据绑定
  • 视频:13-1 购物车&订单-需求分析 (11:36)
    • 视频:13-2 购物车&订单-页面创建 (21:07)
    • 视频:13-3 购物车接口实现 (11:22)
    • 视频:13-4 购物车调试 (15:12)
  • 第14章 订单页开发3 节 | 30分钟
  • 订单页是对整个产品的最后呈现页面,是课程完整性的一部分,难点在于数据库设计,前端页面无难点。
  • 视频:14-1 订单页面 (08:20)
    • 视频:14-2 订单接口 (15:30)
    • 视频:14-3 订单调试 (05:31)
  • 第15章 课程总结1 节 | 10分钟
  • 对课程整体进行回顾与总结
  • 视频:15-1 课程总结 (09:14)
  • 第16章 直播视频《前端人的危机如何破解》7 节 | 85分钟
  • 互联网寒冬下,前端人如何学习?
  • 视频:16-1 《前端人的危机如何破解》- 内容安排 (11:26)
    • 视频:16-2 《前端人的危机如何破解》- 如何学习(入门级) (13:46)
    • 视频:16-3 《前端人的危机如何破解》- 如何面试(入门级) (20:35)
    • 视频:16-4 《前端人的危机如何破解》-如何晋升(入门级) (09:29)
    • 视频:16-5 《前端人的危机如何破解》-如何学习(中高级) (10:47)
    • 视频:16-6 《前端人的危机如何破解》- 如何晋升(中高级) (12:28)
    • 视频:16-7 《前端人的危机如何破解》- 如何晋升(中高级) (06:21)

文件目录:

Vue全家桶+SSR+Koa2全栈开发美团网
│  │  mt-stack-master2.zip
│  │  mt-stack-master.zip
│  │ 
│  ├─第10章 切换城市页
│  │      10-1 切换城市(1).mp4
│  │      10-2 切换城市(2).mp4
│  │      10-3 切换城市(3).mp4
│  │     
│  ├─第11章 美团网产品列表页
│  │      11-1 页面设计(1).mp4
│  │      11-2 页面设计(2).mp4
│  │      11-3 地图组件开发.mp4
│  │      11-4 入口文件编写(1).mp4
│  │      11-5 入口文件编写(2).mp4
│  │      11-6 页面调试.mp4
│  │     
│  ├─第12章 美团网产品详情页开发
│  │      12-1 需求分析.mp4
│  │      12-2 静态模板.mp4
│  │      12-3 产品详情页入口-静态文件.mp4
│  │      12-4 产品详情页-接口.mp4
│  │     
│  │     
│  ├─第13章 购物车开发
│  │      13-1 购物车&订单-需求分析.mp4
│  │      13-2 购物车&订单-页面创建.mp4
│  │      13-3 购物车接口实现.mp4
│  │      13-4 购物车调试.mp4
│  │     
│  ├─第14章 订单页开发
│  │      14-1订单.mp4
│  │      14-2 订单接口.mp4
│  │      14-3 订单调试.mp4
│  │     
│  ├─第15章 课程总结
│  │      15_1课程总结.mp4
│  │     
│  │     
│  ├─第1章 课程导学
│  │      1导学.mp4
│  │     
│  ├─第2章 Vue基础知识
│  │      2-1 概述&脚手架.mp4
│  │      2-10 Vuex基础用例(2).mp4
│  │      2-11 Vuex高级用例(1).mp4
│  │      2-12 Vuex高级用例(2).mp4
│  │      2-2 模板语法(1).mp4
│  │      2-3 模板语法(2).mp4
│  │      2-4 样式与遍历.mp4
│  │      2-5 事件.mp4
│  │      2-6 组件(1).mp4
│  │      2-7 组件(2).mp4
│  │      2-8 路由基础.mp4
│  │      2-9 Vuex基础用例(1).mp4
│  │     
│  │     
│  ├─第3章 Koa2基础知识
│  │      3-1 Koa-generator.mp4
│  │      3-2 Koa异步async.mp4
│  │      3-3 Koa中间件.mp4
│  │      3-4 koa路由和cookie.mp4
│  │     
│  ├─第4章 Mongoose和Redis基础
│  │      4-1 mongoose(1).mp4
│  │      4-2 mongoose(2).mp4
│  │      4-3 Redis(1).mp4
│  │      4-4 Redis(2).mp4
│  │     
│  │     
│  ├─第5章 Nuxt.js基础知识
│  │      5-1  5-2 Nuxt.js基础(2)Nuxt.js基础(1).mp4
│  │      5-3 Nuxt.js基础(3).mp4
│  │      5-4 Nuxt.js基础(4).mp4
│  │     
│  ├─第6章 实战准备
│  │      6-1 环境准备与项目安装.mp4
│  │      6-2 辅助工具安装与配置改装.mp4
│  │     
│  ├─第7章 开发美团网首页
│  │      7-1 需求分析.mp4
│  │      7-10 Footer补充.mp4
│  │      7-2 首页Header开发-城市定位服务设计.mp4
│  │      7-3 首页Header开发-头部引导导航设计.mp4
│  │      7-4 首页Header开发-搜索界面设计.mp4
│  │      7-5 Bug修复.mp4
│  │      7-6 首页搜索.mp4
│  │      7-7 首页菜单(1).mp4
│  │      7-8 首页菜单(2).mp4
│  │      7-9 章节小结.mp4
│  │     
│  │     
│  ├─第8章 开发美团网首页-登录注册
│  │      8-1 注册(1).mp4
│  │      8-2 注册(2).mp4
│  │      8-3 注册(3).mp4
│  │      8-4 注册(4).mp4
│  │      8-5 注册(5).mp4
│  │      8-6 注册(6).mp4
│  │      8-7 注册(7).mp4
│  │      8-8 注册&登录(1).mp4
│  │      8-9 注册&登录(2).mp4
│  │     
│  └─第9章 开发美团网首页-Search搜索
│          9-1 城市服务.mp4
│          9-2 菜单数据.mp4
│          9-3 Geo接口实现.mp4
│          9-4 Search接口实现(1).mp4
│          9-5 Search接口实现(2).mp4

本站所有资源均来自网络,版权归原作者所有,本站仅提供收集与推荐,若侵犯到您的权益,请【给我们反馈】,我们将在24小时内处理!

本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。

最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可在对应资源底部留言,或联络我们。

对于成为会员或者付款下载资源后没有资源信息,请及时联系站长:QQ:250303228,站长会第一时间给您补发资源。

如果您已经成功付款但是网站没有弹出成功提示,请联系站长提供付款信息为您处理

源码素材属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、换货要求。请您在购买获取之前确认好 是您所需要的资源