实战 \ Vue2.5开发去哪儿网App 从零基础入门到实战项目
收藏

Vue2.5开发去哪儿网App 从零基础入门到实战项目

难度 中级
时长 15小时
学习人数 472
10.0分
¥ 266.00

Vue2.5开发去哪儿网App 从零基础入门到实战项目

观看导学视频

Vue2.5开发去哪儿网App 从零基础入门到实战项目
从Vue基础语法入手,逐层递进,实战项目贴近企业流程,完全按照企业级别代码质量和工程开发流程进行授课,让你理解这套技术在企业中被使用的真实流程。更好的掌握Vue各个基础知识点。
DellLee

资深前端工程师

无论你是Vue新人还是老手,都能让你收获满满

50%基础知识+50%项目实战,基础与实战完美衔接

  • 入门

    Vue基础语法

    Vue实例与前端组件化

    组件间基础传值

    Vuex实际应用

    插槽的实用技巧

    动画效果与动画原理

    Vue与其他动画库的配套使用

  • 实战

    Vue实战预热

    首页开发

    城市选择页面开发

    详情页面开发

  • 联调与上线

    项目联调

    真机测试

    打包上线

    按需加载

全面涵盖Vue基础知识点,助你打通技能树任督二脉

  • Vue起步

    学习方法介绍

    使用Vue编写Hello World

    使用Vue开发TodoList

    MVVM设计模式

    前端组件化

    组件化思维修改TodoList

    简单的父子组件传值

  • Vue基础

    Vue实例介绍

    Vue中的生命周期函数

    Vue的模版语法

    计算属性,方法与侦听器

    计算属性的setter和getter

    样式绑定,条件与列表渲染

    Vue中的set方法

    事件与表单绑定

  • Vue中的组件

    组件使用的细节点

    父子组件传值与组件参数校验

    原生事件绑定与非Props特性

    使用bus进行非父子组件间传值

    插槽的使用

    动态组件

  • Vue中的动画

    Vue中的CSS动画原理

    Vue中使用animate.css库

    Vue中同时使用过渡与动画效果

    Vue中使用Velocity.js库

    Vue中多组件和列表过度

    Vue中动画的封装

零距离接触一线互联网公司真实项目,学习完整开发流程

领会组件化思想,完美复原去哪网APP核心页面

Vue实战预热

环境配置

项目代码结构说明

单文件组建与路由

单页应用与多页应用的区分

项目代码初始化

首页开发

Header制作

Iconfont的引入

首页轮播

图标区域实现

热销推荐与周末游组件

使用axios获取接口数据

首页父子组件间数据的传递

城市选择页面开发

路由配置

搜索框布局

Better-scroll的使用和字母表布局

兄弟组建间的传值

列表性能优化

搜索逻辑实现

Vuex实现数据共享

LocalStorage实现页面数据持久存储

使用keep-alive优化路由页面性能

详情页面开发

动态路由配置及banner布局

公用画廊组件拆分

渐隐渐显的header效果实现

递归组件实现详情列表

画廊动画效果封装

联调与上线

项目联调

真机测试

打包上线

按需加载

后续学习指南

物超所值的精华课程,让你快速达到百度T4水平

  • 从理论到项目,一个课程涵盖Vue各个层面的知识和技巧;
  • 循序渐进的讲解,前端新人也可以看得懂;
  • 贴近企业的项目,完全按着企业级代码标准和工程开发的流程进行授课;
  • 代码、基础、项目流程、工作技巧,多维度提升,让你全方面提高工作能力!

学员专享增值服务

问答专区

讲师集中答疑

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

源码开放

整套代码下载

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

适合人群及技术储备要求

只要你掌握基本的编程概念、对vue感兴趣的人都可以学习本课程,这是一门真正入门课程,但并不止步于入门,带你从入门向进阶过渡。

技术储备要求:

了解 JS 基础语法/了解 npm 开发环境/了解 ES6

环境参数

  • nodejs >=6.2.2
  • npm >=3.9
  • vue >=2.5.2
  • 路由 vue-router 3.0.1
  • babel 6.22.1
  • stylus 0.54.5
  • webpack 3.6.0
提问
数据加载中...
意见反馈 常见问题 APP下载
官方微信