Vue3开发企业级音乐Web App

课程详情

课程详情

本课程专为需要使用Vue3开发企业级音乐Web应用的项目经理和开发者设计。通过实际项目开发,深入掌握Vue3的核心特性,包括Composition API、状态管理、路由、API接口调用等关键技能。

课程目标

  • 掌握Vue3 Composition API和Setup语法
  • 搭建Vue3项目结构,使用Vue CLI或Vite
  • 使用Vue Router 4实现路由管理
  • 使用Pinia进行状态管理
  • 使用Axios进行API接口调用
  • 实现音乐播放器、歌单管理、用户管理等高级功能

课程亮点

  • 实战项目:从零开始,开发一个完整的音乐Web应用
  • 深入浅出:讲解Vue3核心概念,结合实际应用场景
  • 代码规范:使用ESLint和Prettier确保代码质量
  • 性能优化:学习项目性能优化技巧,提升用户体验
  • 持续更新:课程内容持续更新,紧跟Vue3最新动态

适合人群

本课程适合以下人群:

  • Vue3初学者,希望快速掌握Vue3核心技能
  • 有一定Vue2基础,希望学习Vue3新特性
  • 项目经理和开发者,需要使用Vue3开发企业级Web应用

学习收获

  • 掌握Vue3核心技能,包括Composition API、状态管理、路由等
  • 具备开发企业级音乐Web应用的能力
  • 提升项目开发效率和质量
  • 拓展职业发展空间

课程目录

00 资料
  源代码
    01 vue-music-next.zip
01 第1章 课程简介
  01 1-1 课程导学.mp4
  02 1-2 课程实用指南.html
  03 1-3 课前必读(源码获取方式).mp4
02 第2章 项目初始化和推荐页面开发
  01 2-1 使用脚手架工具创建项目.mp4
  02 2-2 脚手架生成代码介绍.mp4
  03 2-3 项目基础代码编写.mp4
  04 2-4 Tab组件实现.mp4
  05 2-5 获取轮播图接口数据.mp4
  06 2-6 【讨论题】获取轮播图接口数据.html
  07 2-7 轮播图组件的开发.mp4
  08 2-8 轮播图组件的使用.mp4
  09 2-9 歌单列表实现&滚动组件的封装.mp4
  10 2-10 图片懒加载的实现.mp4
  11 2-11 v-loading 自定义指令的开发.mp4
  12 2-12 v-loading 自定义指令的优化.mp4
03 第3章 歌手页面开发
  01 3-1 歌手列表数据获取.mp4
  02 3-2 IndexList 组件基础滚动功能实现.mp4
  03 3-3 歌手列表固定标题实现(上).mp4
  04 3-4 【讨论题】歌手列表固定标题实现.html
  05 3-5 歌手列表固定标题实现(中).mp4
  06 3-6 歌手列表固定标题实现(下).mp4
  07 3-7 歌手列表快速导航入口实现(01).mp4
  08 3-8 歌手列表快速导航入口实现(02).mp4
  09 3-9 歌手列表快速导航入口实现(03).mp4
  10 3-10 歌手列表快速导航入口实现(04).mp4
04 第4章 歌手详情页开发
  01 4-1 歌手详情页歌曲列表数据获取.mp4
  02 4-2 歌手详情页批量获取歌曲 url.mp4
  03 4-3 歌手详情页 MusicList 组件基础代码编写.mp4
  04 4-4 歌手详情页 MusicList 组件功能交互优化(01).mp4
  05 4-5 歌手详情页 MusicList 组件功能交互优化(02).mp4
  06 4-6 歌手详情页 MusicList 组件功能交互优化(03).mp4
  07 4-7 歌手详情页支持详情页刷新.mp4
  08 4-8 歌手详情页路由过渡效果实现.mp4
  09 4-9 歌手详情页边界情况处理.mp4
  10 4-10 歌手详情页歌曲列表点击以及 vuex 的应用.mp4
  11 4-11 歌手详情页歌曲列表实现随机播放.mp4
05 第5章 播放器内核组件开发
  01 5-1 播放器基础样式及歌曲播放功能开发.mp4
  02 5-2 播放器播放按钮的暂停与播放逻辑开发.mp4
  03 5-3 播放器歌曲前进与后退逻辑开发.mp4
  04 5-4 播放器 DOM 异常错误处理.mp4
  05 5-5 播放器 歌曲播放模式相关逻辑开发.mp4
  06 5-6 播放器 歌曲收藏功能相关逻辑开发(1).mp4
  07 5-7 播放器 歌曲收藏功能相关逻辑开发(2).mp4
  08 5-8 播放器 进度条相关逻辑开发(上).mp4
  09 5-9 播放器 进度条相关逻辑开发(下).mp4
  10 5-10 播放器 cd 唱片旋转相关逻辑开发.mp4
  11 5-11 播放器 歌词相关逻辑开发(01).mp4
  12 5-12 播放器 歌词相关逻辑开发(02).mp4
  13 5-13 播放器 歌词相关逻辑开发(03).mp4
  14 5-14 播放器 中间视图层手指交互相关逻辑开发(上).mp4
  15 5-15 播放器 中间视图层手指交互相关逻辑开发(下).mp4
  16 5-16 播放器 mini 播放器开发(01).mp4
  17 5-17 播放器 mini 播放器开发(02).mp4
  18 5-18 播放器 mini 播放器开发(03).mp4
  19 5-19 播放器 mini 播放器开发(04).mp4
  20 5-20 播放器 全屏切换过渡效果实现(上).mp4
  21 5-21 播放器 全屏切换过渡效果实现(下).mp4
  22 5-22 播放器 播放列表组件实现(01).mp4
  23 5-23 播放器 播放列表组件实现(02).mp4
  24 5-24 播放器 播放列表组件实现(03).mp4
  25 5-25 播放器 播放列表组件实现(04).mp4
  26 5-26 播放器 播放列表组件实现(05).mp4
  27 5-27 播放器 滚动列表高度自适应.mp4
  28 5-28 播放器 高阶 Scroll 组件的实现.mp4
06 第6章 歌单详情页与排行榜页面开发
  01 6-1 歌单详情页开发(上).mp4
  02 6-2 歌单详情页开发(下).mp4
  03 6-3 排行榜页面开发.mp4
  04 6-4 排行榜详情页开发(上).mp4
  05 6-5 排行榜详情页开发(下).mp4
07 第7章 搜索页面开发
  01 7-1 搜索页面搜索框开发.mp4
  02 7-2 搜索页面热门搜索开发.mp4
  03 7-3 搜索页面 Suggest 组件开发(01).mp4
  04 7-4 搜索页面 Suggest 组件开发(02).mp4
  05 7-5 搜索页面 Suggest 组件开发(03).mp4
  06 7-6 搜索页面 Suggest 组件开发(04).mp4
  07 7-7 搜索页面 Suggest 组件开发(05).mp4
  08 7-8 搜索页面 Suggest 组件开发(06).mp4
  09 7-9 搜索页面 Suggest 组件开发(07).mp4
  10 7-10 搜索页面搜索历史功能开发(01).mp4
  11 7-11 搜索页面搜索历史功能开发(02).mp4
  12 7-12 搜索页面搜索历史功能开发(03).mp4
  13 7-13 搜索页面搜索历史功能开发(04).mp4
08 第8章 添加歌曲与用户中心页面开发
  01 8-1 添加歌曲到列表功能开发(01).mp4
  02 8-2 添加歌曲到列表功能开发(02).mp4
  03 8-3 添加歌曲到列表功能开发(03).mp4
  04 8-4 添加歌曲到列表功能开发(04).mp4
  05 8-5 添加歌曲到列表功能开发(05).mp4
  06 8-6 用户中心页面开发(01).mp4
  07 8-7 用户中心页面开发(02).mp4
  08 8-8 用户中心页面开发(03).mp4
09 第9章 性能优化与项目部署
  01 9-1 keep-alive 组件应用.mp4
  02 9-2 路由组件异步加载.mp4
  03 9-3 项目部署.mp4
10 第10章 课程总结
  01 10-1 课程总结.mp4