/ 实战 / Vue2.5实战微信读书 媲美原生App的企业级Web书城
收藏

Vue2.5实战微信读书
媲美原生App的企业级Web书城

针对Vue进阶路上的坎坷,直面问题本身,以细致入微的讲解,带你平稳跨越技术瓶颈,更上一层楼

Vue2.5实战微信读书 媲美原生App的企业级Web书城

难度 中级 时长 23小时35分钟 学习人数 628 好评度 99.4%

Vue2.5实战微信读书 媲美原生App的企业级Web书城

观看试看视频

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

高级前端工程师

课程预览

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

以商业级要求,开发媲美原生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逻辑,老师讲的都很细致,可以从中学到很多实际工作中的知识点,很棒!

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