吾爱编程

标题: Vue 2.0高级实战开发移动端音乐WebApp–实战教程 [打印本页]

作者: admin    时间: 2017-10-1 23:27
标题: Vue 2.0高级实战开发移动端音乐WebApp–实战教程

目前市面上还没有一个Vue 2.0 的高级教学,都是一些基础的入门课程,你很难找到一个基于Vue.js的复杂应用的教学,但是,我们为你准备了这门独一无二的Vue 2.0 高级实战课程


一门全网稀缺的Vue.js复杂应用高级实战课程
包含大量Vue.js相关知识和高级应用,分享:大量移动端开发技巧和应用方案


学前必看

本课程是Vue.js高级实战课程,对您的学习能力及基础都有很高要求,请务必符合以下技术储备要求,否则强烈建议您先从《Vue.js高仿饿了么外卖App》这门难度等级稍低的课程开始学习

技术储备要求

1、精通HTML、 CSS和JavaScript编程

2、有了一定Vue.js 基础和Vue.js的实际开发经验

3、已经具备Node.js、npm和webpack的使用经验

课程目录:

第1章 课程内容介绍

包括课程概述、课程安排、学习前提、讲授方式等方面的介绍,最后演示了整个音乐App的功能,让同学们对课程项目有一个直观的了解。

第2章 项目准备工作

包括项目需求分析、脚手架初始化代码、项目目录介绍及图标字体、公共样式等资源的准备 。

第3章 页面骨架开发

包括页面入口、header 组件的编写、路由配置及顶导 tab 组件开发。

第4章 推荐页面开发

包括 jsonp 原理介绍和 Promise 封装、轮播图组件开发、歌单接口数据分析和抓取、axios 介绍和后端接口代理、歌单列表组件开发和数据应用、scroll 组件的抽象和应用、vue-lazyloader 懒加载插件的介绍和应用、loading 基础组件开发和应用。...

第5章 歌手页面开发

包括歌手数据的抓取和处理、Singer 类的封装、类通讯录组件 listview开发和应用。

第6章 歌手详情页开发

包括子路由的配置及转场动画实现、Vuex 的介绍、Vuex 初始化歌手数据的配置、歌手详情页数据抓取和处理、Song 类的封装、music-list 组件开发。

第7章 播放器内置组件开发

包括播放器 Vuex 数据设计和相关应用、播放器基础样式及歌曲数据应用、 播放器展开收起动画的实现、播放器前进后退功能实现、播放器播放时间获取和更新、progress-bar 进度条组件开发、progress-circle 圆形进度条组件开发、播放器模式切换功能实现、播放器歌词数据抓取和解析、播放器歌词左右滑动的实现、播放器底部播...

第8章 歌单页面开发

包括歌单页面的布局介绍、Vuex 实现路由数据通讯、歌单详情页数据抓取和处理。

第9章 排行榜及详情页开发

包括排行榜布局介绍、排行榜数据抓取和应用、榜单详情页布局介绍、Vuex 实现路由数据通讯、榜单详情页数据抓取和应用。

第10章 搜索页面开发

包括search-box 组件开发、热门搜索数据抓取和应用、suggest 组件开发、搜索结果保存功能实现、search-list 组件开发、confirm 组件开发。

第11章 歌曲列表组件

包括歌曲列表组件的显示和隐藏控制、播放列表的实现、player mixin 的抽象、 add-song 组件开发、top-list 组件开发、scroll 组件能力的扩展

第12章 用户中心页面

包括收藏列表的 Vuex 数据设计与实现、收藏歌曲功能实现、页面功能开发。

第13章 编译打包

包括播放内核小 bug 修复、项目编译打包及 node 服务调试、路由组件实现懒加载、Vue.js 升级到最新版。

第14章 课程总结

包括移动端常用工具 charles 和 vconsole 的介绍、课程回顾。

课程下载:




作者: yuwenfang    时间: 2018-10-4 08:39
1111111111111111111111111111111111111111
作者: fhfhfjg    时间: 2019-6-2 18:56
看帖看完了至少要顶一下,还可以加入到淘帖哦!支持吾爱编程网!
作者: zhouxinpu    时间: 2019-7-2 14:34
哥顶的不是帖子,是寂寞!支持吾爱编程网!
作者: xiaohtstyle    时间: 2019-8-15 15:58
看了LZ的帖子,我只想说一句很好很强大!支持吾爱编程网!
作者: failureone    时间: 2019-8-31 16:39
RE: Vue 2.0高级实战开发移动端音乐WebApp–实战教程 [修改]
作者: 流年666    时间: 2019-12-15 22:04
看了LZ的帖子,我只想说一句很好很强大!支持吾爱编程网!




欢迎光临 吾爱编程 (http://www.52pg.net/) Powered by Discuz! X3.2