/ 实战 / Vue 实战商业级读书Web APP 全面提升技能
收藏

Vue 实战商业级读书Web APP 全面提升技能

细致入微的讲解,贴心细致的答疑,带你平顺跨越技术瓶颈

Vue 实战商业级读书Web APP 全面提升技能

难度 中级 时长 23小时35分钟 学习人数 904 综合评分 10.00

Vue 实战商业级读书Web APP 全面提升技能

观看试看视频

Vue 实战商业级读书Web APP 全面提升技能
运用Vue最新技术开发一个可商用、各项功能完备、媲美原生App的Web阅读应用。在开发中,将各种知识点穿插应用,让你真实感受到一个明星产品开发的全过程,项目对阅读器有着较为深入的研究,对各种复杂功能有从原理到实现的详细教学。同时,项目提供一流的用户体验和交互水准,在实现功能之外带你探究各种优秀前端交互的设计和实现
Sam

高级前端工程师

课程预览

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

以商业级要求,开发媲美原生App的移动Web书城

如果你掌握了Vue基础,却在进阶之路上遇到了瓶颈,那这门课就是你快速提升前端技术的突破口

项目:高仿微信读书

仿“微信读书”这一明星产品
让你直接以商业产品实战开发

架构:前后端分离架构

采用前后端分离架构

流程:从0到上线

从项目搭建到上线发布
完整呈现一个前端项目的全流程

数据:纯真实数据

提供真实数据供大家开发使用不再
只是用模拟数据完成项目

Vue:全新版本Vue

Vue 2.5 + Vue CLI 3.x

代码:迭代演进

不是直接呈现最终代码
逐步迭代优化,学会写高质量代码

技术栈:全面丰富

Vue 全家桶+ES6+阅读器+CSS3
Node.js+发布

交互:大厂交互水准

以大厂产品交互设计思路
带你开发酷炫的交互效果

在实战项目中,实现Vue三大进阶,完美蜕变

进阶路上细节多,技术繁杂?没关系,课程将带给你无比丰富的内容,让你不在迷茫困惑

Vue组件化进阶

多组件状态管理与数据传递技巧
组件混入机制大幅精简组件代码
组件插槽提升组件复用度
动态组件提升组件灵活性
异步组件+组件缓存提升访问性能
组件API化简化组件调用过程

Vue交互动画进阶

下拉添加书签(手势+鼠标)
阅读器交互动画
路由更新动画
推荐图书动画
书架更新动画
书城首页交互动画

Vue项目发布进阶

Vue 项目打包
阿里云ECS和CDN
阿里云域名注册/解析/备案
CentOS+Nginx
自动更新发布脚本
Node.js实现API

在实战项目中,掌握Vue五大技术,学以致用

Vue全家桶

Vue mixins混入
Vue slot插槽
Vue动态组件+异步组件
Vue组件API化
Vuex状态管理+模块化
Vue动态路由+路由钩子

Vue CLI 3.0

自定义脚手架搭建
原型模式
UI模式
环境变量
自定义配置
项目发布

算法与实际应用

目录+全文搜索+书架算法
epubjs深度应用
axios 请求+文件下载
async+await应用
Audio播放器
科大讯飞语音合成API

交互动画

Vue transition过渡
Vue transition-group过渡
Vue交互touch+mouse事件
CSS3过渡和帧动画
css 预处理

Vue扩展

Vue国际化
Vue接口mock
Vue解决跨越请求
Vue全局主题切换
Vue加载Web字体
LocalStorage+IndexedDB

深入阅读器实现原理,打造UI美观、交互一流的移动Web应用

项目已上线,扫码来体验

书城页

随机推荐
搜索
分类
图书列表

书架页

私密阅读
离线阅读
分组
移出书架

听书页

语音合成
播放器
内容预览

详情页

基本信息
目录结构
加入书架

阅读器页

字号字体
主题 / 书签
阅读进度
多级目录
全文搜索

迭代式开发,渐进式优化,体验企业级前端项目流程

通过迭代开发的方法,应用各种知识点、前端架构思想,不断完善代码和功能

学员专享增值服务

问答专区

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

源码开放

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

教辅材料

提供给你视频课程的教辅材料,供你更
好的理解学习课程内容

适合人群

适合有一定前端开发经验,但是缺乏Vue.js实战经验,对整体开发流程
及工具不够熟悉 ,进一步提升项目开发经验,并想掌握大厂交互设计
思路的同学

技术储备要求

建议先学习免费课程《快速入门Web阅读器开发》
了解Vue.js 的基本语法,开发过简单的项目
掌握HTML/CSS/JS 基本用法,理解CSS盒子模型和flex布局
了解Scss/Sass,对ES6的语法有一定了解
具有npm+Webpack使用经验,有Vue CLI 构建项目的经验

环境参数

  • 框架 Vue 2.5
  • 脚手架 Vue-cli 3.0
  • 构建工具 Webpack4.0
  • 框架 Nodejs10.10.0
  • 工具 npm6.4.1

万事俱备 只等你来

  • 陆铧

    好评

    从老师的免费课开始学习的,感觉老师讲的特别有条理,思路特别清晰,和这个实战课程连起来,更深入的学习了。这个课还是有点难度的,不过对于有一些 vue 知识的我,没想到跟着老师一步步实现,也搞定了,哈哈,感谢老师详细的分析与讲解,老师期待后面的更新。老师讲解的很详细,而且及时处理我提出来的问题,耐心的讲解,对我这个前端菜鸟来说,好多问题需要请教,多多指教,Sam不吝赐教。谢谢,必须点赞,全部五星好评。

  • weixin_慕侠6003334

    好评

    很完美,如果非要用5个字来描述,那就是 真的很完美! 整个项目结构紧凑,细致入微,思路情绪,内容和标题很符合,很喜欢,赞

  • 爱笑的胖虎

    好评

    目前学习到第7章,可以说是干活满满,不管是样式的书写还是js逻辑,老师讲的都很细致,可以从中学到很多实际工作中的知识点,很棒!

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