首页 实战 Vue.js2.5+cube-ui重构饿了么App(经典再升级)
收藏

Vue.js2.5+cube-ui重构饿了么App(经典再升级)

掌握Vue最全版本应用与迭代,打造极致流畅的WebApp

Vue.js2.5+cube-ui重构饿了么App(经典再升级)

难度 中级 时长 25小时 学习人数 9868 综合评分 9.95

慕课网超人气Vue课程,史诗级大更新(新版本2.5.x),加量不加价!(本课程专享福利)

ustbhuangyi
讲师

前端架构师

课程预览

检测到您还没有关注慕课网服务号,无法接收课程更新通知。请扫描二维码即可绑定
重新观看

Vue.js全版本(涵盖1.0,2.0,最新2.5),全流程(开发到部署)实战教学

慕课网超人气Vue课程,迎来史上最强更新,这是属本课程的独家福利,加量不加价哦!

  • 高仿饿了么App
    媲美原生App的流畅体验

    项目已上线 扫码来体验

  • 代码少,开发快
    感受组件化、模块化的妙用

    学会使用 Vue.js 及开源组件库开发
    WebApp,对整个前端工程化、组件化、
    模块化的开发方式有所了解

  • 学员好评如潮
    课程质量不靠吹嘘靠口碑

    慕课网学员人数最多的Vue课程,
    你可以自行去看看课程评价,大家说
    好才是真的好

  • 上线级高质量代码
    教你最优质的代码写法

    讲师为滴滴D8,以上线代码的标准
    写代码,让你切实感受扩展性、通用性强
    的优质代码

以版本为经,以项目为纬,贯穿式讲解

在版本迭代中看透Vue的前世今生,在项目开发中感受Vue的优化提升

  • 以Vue1.0开发整个饿了么WebApp

  • 这是很多企业的实际需求
    项目最初由Vue1.0开发,当下面临升级

1.最新的Vue.js 2.5.x 版本开发整个项目、
最新的Vue-cli 3.0脚手架工具。
2.cube-ui 中 create-api 模块原理分析,
打包构建优化方案介绍。
(cube -ui 为滴滴公司开源组件库)

以外卖App商家页面为主线,融合核心业务模块,完美高仿“饿了么”

  • 项目的需求分析

  • 脚手架工具

  • 数据mock

  • 架构设计

  • 代码编写

  • 自测

  • 编译打包

  • 部署发布

外卖App商家页面为主线

以外卖App商家页为主线,引出开发所涉及的各种相
关知识点,让同学们了解一个项目从0到1的整个
过程,干货满满

外卖App核心的商家模块

提取外卖App最核心的商家模块(包括商品、评论、
商家介绍等各模块),完全高仿“饿了么”外卖
APP,让你更能领略Vue.js组件化的魅力

Vue.js最全技术栈

  • Vue.js

    组件封装

    组件通讯

    插槽

    过渡动画

    mixin

  • Vue cli

    开发调试

    webpack配置

    接口mock

    打包构建分析

  • cube-ui

    create-api

    TabBar

    Popup组件

    Dialog组件

    Scroll组件

    slide

    ScroolNav

    ScrollNavBar

  • 设计思想与模式

    学会使用Vue.js的过渡编写酷炫的

    交互动画

    了解移动端设备像素比的概念

    学会制作并使用图标字

    学会解决移动端1px边框问题

    学会移动端经典的css sticky

    footer布局

    学会flex弹性布局

学员专享增值服务

问答专区

关于课程的问题都可在问答区随时提问,讲师会进行

集中答疑

源码开放

课程案例代码完全开放给你,你可以根据所学知

识,自行修改、优化

适合人群

对于前端工程师,无论你现在是否用得到Vue.js,

你都应该提前掌握Vue.js

一旦你开始使用Vue.js,一定会对它爱不释手

技术储备要求

具有一定自学能力,相当于有一年左右前端开发经验或

用过其它前端框架进行过项目开发

有一定前端基础,了解JS、CSS、

HTML基础知识,了解Vue.js基础知识

环境参数

  • 环境配置 不限
  • CSS预处理 Stylus
  • JS ES6
  • 代码风格检查工具 ESLint
  • Node.js v8.11.0+
  • Vue.js v2.5.17+
  • Vue-cli v3.0+
  • 组件库 cube-ui v1.12.3+

万事俱备 只等你来

  • 十里坡劍神

    好评

    非常好的课程。虽然难度写的是高级,但实际上,即使没玩过vue.js,没接触过ES6,也是可以对着课程直接开干的!课时写了17小时,但实际上学习,跟着敲代码,起码需要40小时,课上遇到新的词再去翻文档,了解为什么老师这样做,效果会更深刻。 老师不愧是百度和滴滴的大神,知识全面,思路清晰,用到的知识点全都没有一笔带过,跟着他一起敲代码,学习他的思考和解决问题过程,模拟一个项目从无到有的整个流程,比自己翻官网看文档,看书,得到的正面反馈更快,更有成就感。 慕课网有个免费的vue.js入门课程,但那个课程讲得并不好,我推荐完全不会vue.js的同学即使完全忽略那个入门课程,直接从这个实战学起就可以了

  • qq_墨染_3

    好评

    老师非常好,在跟着老师实践过程中出现了问题,只要向老师咨询都会得到满意的解答,而且讲解难易适中深入浅出,前面还讲解vue-cli中的源码可以理解webpack和Vue更加深入,不管是零基础的还是有过一段Vue学习经历的都可以得到很大收获,100多块钱平时也就聚餐吃一顿就没了,而这钱花在这课程上可以学那么久和新知识,太值了

  • jindong

    好评

    老师讲的很详细,逻辑清晰,干货满满。我学习了一百多个小时才学完,受益匪浅。不光学习了vue框架的应用,还学到了很多编程技巧和设计思想。可能是因为我学过2.0的缘故,所以觉得本课程中1.0和2.0差异的问题不算太严重,遇到跑不通的地方查查文档还是能解决,提出问题老师回复也挺快,推荐大家学习~听说本课程已经在录新版了,为老师点个赞~

查看全部3885条用户评价
提问
数据加载中...
意见反馈 帮助中心 APP下载
官方微信

学习咨询

选课、学习遇到问题?

扫码添加指导老师 1V1 帮助你!

添加后老师会第一时间解决你的问题