Vue2.5开发去哪儿网App 从零基础入门到实战项目 / 从理论到项目,一个课程涵盖Vue各个层面的基础知识和开发技巧
DellLee

BAT资深前端工程师,负责数据平台技术研发。前去哪儿网高级前端工程师,曾主导去哪儿网内部前端监控系统设计,负责去哪儿门票用户端的前端设计开发。曾担任国内知名培训机构高级前端讲师,负责React,Angular,Vue,Hybrid,RN的课程讲授,具备丰富前端授课经验。

 
  • 课程目录
  • 课程介绍
  • 1-1 课程简介

  • 2-1 课程学习方法

  • 2-2 hello world

  • 2-3 开发TodoList(v-model、v-for、v-on)

  • 2-4 MVVM模式

  • 2-5 前端组件化

  • 2-6 使用组件改造TodoList

  • 2-7 简单的组件间传值

  • 2-8 章节小结

  • 3-1 Vue实例

  • 3-2 Vue实例生命周期

  • 3-3 Vue的模版语法

  • 3-4 计算属性,方法与侦听器

  • 3-5 计算属性的 getter 和 setter

  • 3-6 Vue中的样式绑定

  • 3-7 Vue中的条件渲染

  • 3-8 Vue中的列表渲染

  • 3-9 Vue中的set方法

  • 4-1 使用组件的细节点

  • 4-2 父子组件间的数据传递

  • 4-3 组件参数校验与非 props 特性

  • 4-4 给组件绑定原生事件

  • 4-5 非父子组件间的传值

  • 4-6 在Vue中使用插槽

  • 4-7 作用域插槽

  • 4-8 动态组件与 v-once 指令

  • 5-1 Vue动画 - Vue中CSS动画原理

  • 5-2 在Vue中使用 animate.css 库

  • 5-3 在Vue中同时使用过渡和动画

  • 5-4 Vue中的 Js 动画与 Velocity.js 的结合

  • 5-5 Vue中多个元素或组件的过渡

  • 5-6 Vue中的列表过渡

  • 5-7 Vue中的动画封装

  • 5-8 本章小节

  • 6-1 Vue项目预热 - 环境配置

  • 6-2 Vue项目预热 - 项目代码介绍

  • 6-3 Vue项目预热 - 单文件组件与Vue中的路由

  • 6-4 Vue项目预热 - 单页应用VS多页应用

  • 6-5 Vue项目预热 - 项目代码初始化

  • 7-1 Vue项目首页 - header区域开发

  • 7-2 Vue项目首页 - iconfont 的使用和代码优化

  • 7-3 Vue项目首页 - 首页轮播图

  • 7-4 Vue项目首页 - 图标区域页面布局

  • 7-5 Vue项目首页 - 图标区域逻辑实现

  • 7-6 Vue项目首页 - 热销推荐组件开发

  • 7-7 Vue项目首页 - 开发周末游组件

  • 7-8 Vue项目首页 - 使用 axios 发送 ajax 请求

  • 7-9 Vue项目首页 - 首页父子组组件间传值

  • 8-1 Vue项目城市选择页 - 路由配置

  • 8-2 Vue项目城市选择页 - 搜索框布局

  • 8-3 Vue项目城市选择页 - 列表布局

  • 8-4 Vue项目城市选择页 - BetterScroll 的使用和字母表布局

  • 8-5 Vue项目城市选择页 - 页面的动态数据渲染

  • 8-6 Vue项目城市选择页 - 兄弟组件数据传递

  • 8-7 Vue项目城市选择页 - 列表性能优化

  • 8-8 Vue项目城市选择页 - 搜索逻辑实现

  • 8-9 Vue项目城市选择页 - Vuex实现数据共享

  • 8-10 Vue项目城市选择页 - Vuex的高级使用及localStorage

  • 8-11 Vue项目城市选择页 - 使用keep-alive优化网页性能

  • 9-1 Vue项目详情页 - 动态路由和banner布局

  • 9-2 Vue项目详情页 - 公用图片画廊组件拆分

  • 9-3 Vue项目详情页 - 实现Header渐隐渐显效果

  • 9-4 Vue项目详情页 - 对全局事件的解绑

  • 9-5 Vue项目详情页 - 使用递归组件实现详情页列表

  • 9-6 Vue项目详情页 - 动态获取详情页面数据

  • 9-7 Vue项目详情页 - 在项目中加入基础动画

  • 10-1 Vue项目的联调测试上线 - 项目前后端联调

  • 10-2 Vue项目的联调测试上线 - 真机测试

  • 10-3 Vue项目的联调测试上线 - 打包上线

  • 10-4 Vue项目的联调测试上线 - 异步组件实现按需加载

  • 10-5 Vue项目的联调测试上线 - 课程总结与后续学习指南

无论你是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