项目实战

    今日:26693| 主题:1162
收藏本版 (387)
发表新帖
打印 上一主题 下一主题

[前端开发] [百度网盘]Vue全家桶全栈开发美团网(已完结)

? [复制链接]
跳转到指定楼层
楼主
admin 发表于 2018-11-26 18:50:24
144790 89


课程目录:
第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)
第9章 开发美团网首页-Search搜索
只用7个模板dom节点实现复杂的搜索框,一改传统的dom结构设计,充分利用组件设计特性,让业务做到极致。除了交互,也使用了搜索、推荐等真实的线上数据服务,为大家提供真实的体验。

9-1 城市服务
9-2 菜单数据
9-3 Geo接口实现
9-4 Search接口实现(1)
9-5 Search接口实现(2)
第10章 切换城市页
切换城市页的难点是如何把复杂的数据内容利用数据结构设计、Vue语法并使用最简单的DOM结构完成开发。整个页面介绍了如何自定义常用的级联操作、远程搜索、中文转拼音等内容,精彩不可错过。

10-1 切换城市(1)
10-2 切换城市(2)
10-3 切换城市(3)
第11章 美团网产品列表页
点击产品列表可以进入到产品详情页,详情页也有类似的推荐列表和地图服务,我们会在搜索页的时候考虑好接口的复用,重点内容在于数据结构的设计和接口的复用设计能力。

11-1 页面设计(1)
11-2 页面设计(2)
11-3 地图组件开发
11-4 入口文件编写(1)
11-5 入口文件编写(2)
11-6 页面调试
第12章 美团网产品详情页开发
产品详情页有购买入口,点进去进入到订单页,点击支付进入到支付页,购买完成进入到订单详情页。这块涉及较复杂的后端接口设计和数据库操作。学员可以进一步掌握真实的开发场景。

第13章 购物车开发
购物车难点在于数据库的设计、是于订单相融合的一个页面,在前端页面交互上的难点是element-ui对于表格的数据绑定

第14章 订单页开发
订单页是对整个产品的最后呈现页面,是课程完整性的一部分,难点在于数据库设计,前端页面无难点。

第15章 课程总结
对课程整体进行回顾与总结


下载地址:

游客,如果您要查看本帖隐藏内容请回复

吾爱编程网 - 免责声明
1、吾爱编程网为非营利性网站,全站所有资料仅供网友个人学习使用,禁止商用
2、本站所有文档、视频、书籍等资料均由网友分享,本站只负责收集不承担任何技术及版权问题
3、如本帖侵犯到任何版权问题,请立即告知本站,本站将及时予与删除下载链接并致以最深的歉意
4、本帖部分内容转载自其它媒体,但并不代表本站赞同其观点和对其真实性负责
5、一经注册为本站会员,一律视为同意网站规定,本站管理员及版主有权禁止违规用户
6、其他单位或个人使用、转载或引用本文时必须同时征得该帖子作者和吾爱编程网的同意
7、吾爱编程网管理员和版主有权不事先通知发贴者而删除本文




上一篇:51CT0大数据全套教程
下一篇:技术胖Vue.js+Koa2 移动电商实战视频教程
收藏
收藏4
支持
支持1
反对
反对
回复

使用道具 举报

沙发
Muller_lcy 发表于 2018-11-26 19:40:11
啥也不说了,楼主就是给力!支持吾爱编程网!
回复

使用道具 举报

板凳
宇点 发表于 2018-11-26 20:16:27
不错不错不错不错不错不错不错不错不错不错不错不错
回复

使用道具 举报

地板
twobytwo 发表于 2018-11-26 20:17:34
学习学习学习学习
回复

使用道具 举报

5#
leonbaichi 发表于 2018-11-26 20:41:57
谢谢,是需要的。!
回复

使用道具 举报

6#
king_hua 发表于 2018-11-26 20:51:06
啥也不说了,楼主就是给力!支持吾爱编程网!
回复

使用道具 举报

7#
huxingxing 发表于 2018-11-26 21:05:38
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
回复

使用道具 举报

8#
nero150 发表于 2018-11-26 21:14:00
111111111111111111
回复

使用道具 举报

9#
yycliqionay 发表于 2018-11-26 22:04:37
哥顶的不是帖子,是寂寞!支持吾爱编程网!
回复

使用道具 举报

10#
zhengyu 发表于 2018-11-26 22:05:52
楼主,不论什么情况你一定要hold住!hold住就是胜利!支持吾爱编程网!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐上一条 /1 下一条

返回顶部 返回列表

平台简介

吾爱编程网:http://www.52pg.net/是IT技能学习交流平台,我们提供了丰富的移动端开发、php开发、web前端开发、android开发、Java开发、Python开发、大数据开发、区块链开发、人工智能开发以及html5等大量的实战视频教程资源。(如果我们有侵犯了您权益的资源请联系我们删除)

点击这里给我发消息|Archiver|手机版|小黑屋|站点地图|吾爱编程  |网站地图

Powered by Discuz! X3.2??? 2017-2020 Comsenz Inc.??吾爱编程网