资源共享吧|易语言论坛|逆向破解教程|辅助开发教程|网络安全教程|www.zygx8.com|我的开发技术随记

 找回密码
 注册成为正式会员
查看: 127871|回复: 100

[前端] Vue.js高仿饿了么外卖App 2016最火前端框架

  [复制链接]

715

主题

1223

帖子

1

精华

终身高级VIP会员

Rank: 7Rank: 7Rank: 7

资源币
11471
积分
5076
贡献
0
在线时间
2064 小时
注册时间
2015-4-20
最后登录
2024-3-25

终身VIP会员

发表于 2017-1-4 17:52:23 | 显示全部楼层 |阅读模式
Vue.js高仿饿了么外卖App 2016最火前端框架 实战-源码

内容之前放错了没看到不好意思各位现在已经从新发布了
vue.js 是 2016 最火的前端框架,资深程序员这样评价它:“vue.js 兼具 angular.js 和 react.js 的优点,并剔除它们的缺点”

通过高仿饿了么外卖APP学会Vue.js

适合人群及技术储备要求

对于前端工程师,无论你现在是否用得到Vue.js,你都应该提前掌握Vue.js
一旦你开始使用Vue.js,一定会对它爱不释手
技术储备
具有一定自学能力,相当于有一年左右前端开发经验或用过其它前端框架进行过项目开发
有一定前端基础,了解JS、CSS、HTML基础知识,了解Vue.js基础知识


代码少速度快的开发模式
使用Vue.js+es6+webpack等前端最新最热的技术,采用组件化、模块化的开发方式,让你用更少的代码做更快速的开发
外卖App核心的商家模块
提取外卖App最核心的商家模块(包括商品、评论、商家介绍等各模块),完全高仿“饿了么”外卖APP,让你更能领略Vue.js组件化的魅力
外卖App商家页面为主线
以外卖App商家页为主线,引出开发所涉及的各种相关知识点,让同学们了解一个项目从0到1的整个过程,干货满满
能直接上线的高质量代码
为了让你更容易在工作中实际运用Vue.js,讲师以上线代码的标准写代码,让你切实感受到什么是扩展性、通用性强的优质代码


学完这门课,你会掌握这些Vue.js的技术点
file:///C:\Users\shi\AppData\Roaming\Tencent\QQ\Temp\TempPic\X($RZ4XHW$%LU@]`XAFD%_J.tmp流程及开发方法了解一个项目完整的开发流程学会组件化、模块化的开发模式掌握使用Vue-cli脚手架初始化Vue.js项目了解webpack的打包原理学会模拟json后端数据,前后端分离开发学会es6+eslint的开发方式
file:///C:\Users\shi\AppData\Roaming\Tencent\QQ\Temp\TempPic\L4SDEV%Z%]TV$FRXJI0)6TL.tmp第三方组件学会使用stylus编写模块化的CSS学会使用vue-router开发单页应用学会使用vue-resource与后端数据交互学会如何在Vue.js框架里和第三方JS插件交互
设计思想与模式学会使用Vue.js的过渡编写酷炫的交互动画了解移动端设备像素比的概念学会制作并使用图标字学会解决移动端1px边框问题学会移动端经典的css sticky footer布局学会flex弹性布局



《Vue.js权威指南》作者滴滴前端技术专家 Ustbhuangyi
北京科技大学计算机专业硕士。曾任职百度,现就职滴滴,前端技术专家,擅长前端自动化、工程化,前端架构方向。对Vue.js有很深的理解,是《Vue.js权威指南》一书的主要作者。他有着教科书式的代码写作习惯,对代码有洁癖,追求高质量的代码, 跟随这样的老师一起敲代码,学会技术的同时,你还会提升编写高可扩展,通用性强的代码的能力


第1章 课程简介
介绍课程的学习目标和学习内容。
第2章 Vuejs介绍
从前端开发趋势分析开始,引入 MVVM 开发框架和 Vue.js,接着对比流行框架Angular 和 React,最后详细介绍 Vue.js 的核心思想-数据驱动和组件化。
第3章 Vue-cli 开启 Vuejs 项目
介绍 Vue 项目的脚手架,如何安装,对脚手架生成的目录文件做介绍,介绍 Vue 组件的编写方法,最后运行 demo 项目并介绍 webpack 构建脚本来说明 demo 的运行原理。
第4章 项目实战-准备工作
分析外卖 APP 商家页面的需求,准备图片资源,利用 icon-moon 把 svg 制作成图标字体,对代码的目录结构设计,最后 mock 测试数据。
第5章 项目实战-页面骨架开发
设计页面的骨架,拆分组件,商品、评论和商家详情页利用 Vue-router 做切换,最后还介绍了 flex 弹性布局以及移动端 1 像素 border 实现的小技巧。
第6章 项目实战-header组件开发
编写 header 头部组件,应用 Vue-resource 从服务端读取数据,介绍如何在 Vue.js 中使用过渡动画,如何编写 css sticky footer 布局,如何从需求中抽象出 star 星星组件。
第7章 项目实战-goods 商品列表页开发
编写 goods 商品组件,包括它的子组件 shopcart 购物车。介绍了如何在 Vue.js 应用第三方 JS 插件 better-scroll实现列表滚动,并配合 Vue.js 的计算属性来实现左右列表的联动。应用了自定义 Vue.js 过渡动画实现了购物车的飞入动画效果,介绍了在 Vue.js中父子组件如何通讯。...
第8章 项目实战-food 商品详情页实现
编写 food 商品详情页组件,介绍了图片占位的技巧,并从需求中抽象出的 split 分隔组件和 ratingselect 评论组件,实现自定义过滤器 datefilter。
第9章 项目实战-ratings评价列表页实现
编写 ratings 评价列表页,感受在 Vue.js 中复用组件的好处,实现快速开发。
第10章 项目实战-seller 商家详情页实现
编写 seller 商家详情页,实现一套通用移动端数据存取方案,以及对项目做一些体验上的优化。
第11章 项目实战-项目编译打包
上线前的最后一步,编译打包Vue.js 项目。介绍了 webpack 编译时的配置,如何利用node.js 开启一个server本地调试。
第12章 课程总结
对课程做总结,并列出了课程所提到的主要知识点的链接,作为课程的延伸学习。
购买主题 已有 13 人购买  本主题需向作者支付 10 资源币 才能浏览
回复

使用道具 举报

15

主题

788

帖子

0

精华

终身高级VIP会员

Rank: 7Rank: 7Rank: 7

资源币
1803
积分
2267
贡献
0
在线时间
292 小时
注册时间
2015-11-14
最后登录
2024-3-25

终身VIP会员

发表于 2017-1-4 18:16:44 | 显示全部楼层
Vue.js高仿饿了么外卖App 2016最火前端框架
回复 支持 反对

使用道具 举报

8

主题

663

帖子

0

精华

终身高级VIP会员

Rank: 7Rank: 7Rank: 7

资源币
1159
积分
1297
贡献
0
在线时间
373 小时
注册时间
2015-10-18
最后登录
2023-2-13

终身VIP会员

发表于 2017-1-4 19:52:07 | 显示全部楼层
楼主雷锋啊,谢谢分享
回复 支持 反对

使用道具 举报

5

主题

257

帖子

0

精华

终身高级VIP会员

Rank: 7Rank: 7Rank: 7

资源币
294
积分
673
贡献
0
在线时间
52 小时
注册时间
2016-10-5
最后登录
2024-3-26

终身VIP会员

发表于 2017-1-4 21:01:20 | 显示全部楼层
Vue.js高仿饿了么外卖App 2016最火前端框架 [
回复 支持 反对

使用道具 举报

1

主题

187

帖子

0

精华

终身高级VIP会员

Rank: 7Rank: 7Rank: 7

资源币
516
积分
1017
贡献
0
在线时间
43 小时
注册时间
2016-2-14
最后登录
2019-11-25

终身VIP会员

发表于 2017-1-4 21:45:38 | 显示全部楼层
真的是超级感谢~~~~~~~~~
回复 支持 反对

使用道具 举报

21

主题

1311

帖子

0

精华

终身高级VIP会员

尘埃

Rank: 7Rank: 7Rank: 7

资源币
2526
积分
4633
贡献
0
在线时间
1106 小时
注册时间
2016-2-10
最后登录
2024-3-28

终身VIP会员

发表于 2017-1-4 23:18:32 | 显示全部楼层
这个能跨平台吗
回复 支持 反对

使用道具 举报

6

主题

440

帖子

0

精华

终身高级VIP会员

Rank: 7Rank: 7Rank: 7

资源币
2187
积分
3347
贡献
0
在线时间
179 小时
注册时间
2016-3-10
最后登录
2020-5-13

终身VIP会员

发表于 2017-1-4 23:41:22 | 显示全部楼层
祝资源共享吧越来越火!
回复 支持 反对

使用道具 举报

5

主题

633

帖子

0

精华

终身高级VIP会员

Rank: 7Rank: 7Rank: 7

资源币
1536
积分
1520
贡献
0
在线时间
411 小时
注册时间
2015-7-8
最后登录
2024-1-13

终身VIP会员

发表于 2017-1-5 10:04:46 | 显示全部楼层
祝资源共享吧越来越火!
回复 支持 反对

使用道具 举报

3

主题

254

帖子

0

精华

终身高级VIP会员

Rank: 7Rank: 7Rank: 7

资源币
894
积分
1389
贡献
0
在线时间
81 小时
注册时间
2016-2-24
最后登录
2018-7-1

终身VIP会员

发表于 2017-1-5 10:16:49 | 显示全部楼层
楼主雷锋啊,谢谢分享
回复 支持 反对

使用道具 举报

4

主题

136

帖子

0

精华

终身高级VIP会员

Rank: 7Rank: 7Rank: 7

资源币
270
积分
429
贡献
0
在线时间
37 小时
注册时间
2015-9-14
最后登录
2022-9-11

终身VIP会员

发表于 2017-1-5 10:23:59 | 显示全部楼层
我发现我一天也离不开资源共享吧了!
回复 支持 反对

使用道具 举报

 点击右侧快捷回复  

本版积分规则

小黑屋|资源共享吧 ( 琼ICP备2021005790号-1 )

GMT+8, 2024-3-29 01:53 , Processed in 0.071868 second(s), 17 queries , MemCached On.

Powered by Discuz! X3.4 Licensed

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表