专栏名称: InfoQ

有内容的技术社区媒体。

资深 Web 开发攻城狮蔡芳敦老师带你学习Vue 2.0｜StuQ 小班课开启预售优惠

InfoQ · 公众号 · 科技媒体 · 2016-09-14 07:59

正文

如果你喜欢下面这些，那你一定会喜欢 Vue.js：

可扩展的数据绑定机制
原生对象即模型
简洁明了的 API
组件化 UI 构建
多个轻量库搭配使用

那么Vue.js究竟是什么？

Vue.js 是用于构建交互式的 Web 界面的库。Vue.js 提供了 MVVM 数据绑定和一个可组合的组件系统，具有简单、灵活的 API。

Vue.js有哪些突出的优点呢？

简洁：HTML 模板 + JSON 数据，再创建一个 Vue 实例，就这么简单。
轻量：~24kb min+gzip，无依赖。
快速：精确有效的异步批量 DOM 更新。
组件化：用解耦、可复用的组件来构造界面。
数据驱动:自动追踪依赖的模板表达式和计算属性。
模块友好：通过 NPM 或 Bower 安装，无缝融入你的工作流。

在 Vue.JS 2.0 版本发布之际，StuQ 特邀请资深前端攻城狮蔡芳敦老师策划了《深入Vue 2.0 实战／Dive into Vue 2.0》带领大家一起学习Vue.JS。

课程仅有 70 席位，精品小班课区别于大众在线视频教学，课程设置具有如下特色：

采用在线视频直播授课
以实战为主
在线解答疑问
课后作业 review

精品小班课通过以上方式帮助同学深度、系统地学习Vue.JS ！

讲师简介

蔡芳敦

Node.js 开发者，TrekJS 作者。GitHub 常驻人口，喜欢追求新技术，喜欢前后端结合的工作。

GitHub: [@fundon](https://github/fundon)

Twitter: [@_fundon](https://twitter/_fundon)

Gmail: cfdream[at]gmail.com

一个驰骋在 Life

喜欢折腾，喜欢追剧：「霹雳偶动漫」，科幻、魔法电影。

课程简介

本课程从 0 到 1，由浅入深的介绍 Vue 核心概念和实战经验，并通过实战开发应用案例，深入掌握 Vue 2.0 开发技能，力求学以致用。

从实战出发，围绕《Curated list of awesome lists》应用进行讲解和开发，涉及 Web、Desktop 和 Mobile 三个平台，这样我们就可以全方位的深入学习和应用 Vue 2.0 了。

适用人群

想快速掌握 VueJS 实战技能的前端开发人员；
命令行熟练；
掌握 ES6 语法基础；
有 webpack、rollup、browserify、gulp 打包工具使用经验；

教学目标

通过 Vue 搭建移动端应用
使用 Electron 开发跨平台在桌面应用

课程内容

第一课：《从 0 到 1，快速上手 Vue 2.0 》

介绍 Vue 2.0 核⼼概念／思想，通过代码案例和练习快速上⼿ Vue 2.0

Hello World
双向绑定
列表渲染
处理用户输入
[练习] Vue 2.0 完整用例

第二课：《Vue 2.0 新变化和核心技能应用解析》

重点介绍 Vue 2.0 新变化，指导最佳实践技术应⽤思想；

1.更快／更小的 Vue 2.0

2.Vue 2.0 的变化

2.1 虚拟 dom，更快

2.2 生命周期

2.3 动画过渡

2.4 服务端渲染

...

３.迁移

第三课：《Vue 2.0 工程实战（一）》

Vue 2.0 ⼯程实战。

1. 工程项目

1.1 搭建

　1.1.1 原生开发 .js

　1.1.2 基于 .vue 的开发模式

　1.1.3 打包工具

　　1.1.3.1 webpack

　　1.1.3.2 rollup

　　1.1.3.3 browserify

1.2 目录规划

2. 组件

3. 过渡动画

3.1纯 css 动画

3.1.1 v1 不支持多个 class

3.1.2 v2 支持多个 class，中间用空格隔开

3.2自定义动画组件

4. 路由

4.1API: 更加合理，灵活

5. [小作业]案例练习

第四课：《VUE 2.0 工程实战（二）》

VUE 2.0 ⼯程实战

实战项⽬：AWESOME LISTS APP，⼀个汇聚 Curated list of awesome lists 客

户端（ PC, MOBILE)

1.插件

2.状态管理

3.服务端渲染

3.1 为什么？

4. 多端应用

4.1Web

4.2Mobile

4.3Desktop

5. 测试

6. [小作业] 案例练习

第五课：Vue 2.0 进阶指引和实战答疑

1.进阶

1.1源码分析

1.1.1一个组件的诞生记

1.1.1.1 生命周期

1.1.1.2 事件绑定

1.1.1.3 数据绑定

1.1.1.4 试图更新

1.2 优秀开源项目推荐，介绍

1.3 指引

1.3.1 Awesome Vue.js

1.3.2 Forum

1.3.3 Gitter.im

2.实战

2.1答疑

2.1总结

学习环境

学习地点：

专属学习 QQ 群 + 在线直播教室

学习工具：

StuQ 在线教室，在浏览器中使用，无需下载客户端，使用会员用户名和密码进入教室：

开班信息

开班时间：

报名人数满 25 人开班，共 70 个名额。

（人员超过 25 名后确定开班，会在正式开课前安排预演）

上课时间：

暂定每周五晚 21:00-22:30，预计10月中旬开课。

上课时长：

每周 1 小时 30 分，共计 6 周课程

课程学习方式：

40 分钟直播视频讲解

30 分钟交流答疑

20 分钟作业点评课

课程收费

预售价 699 元，原价 998 元

（前 30 名预售优惠，共 70 名额）

课程报名

方式1. 移动端点击【阅读原文】自助交费

移动端点击“阅读原文”，进入课程介绍页面，点击“购买课程”直接缴费报名，进一步完善邮箱及QQ等信息。报名成功后按照提示申请加入相应学员群，会有 StuQ 工作人员在学员群内发放上课方式。

方式2. 电脑端自助报名交费

电脑端打开链接：

http://www.stuq.org/course/detail/1080

直接缴费报名，并填写邮箱及QQ等信息。报名成功后申请加入相应学员群，会有 StuQ 工作人员在学员群内发放上课方式。

方式3.报名咨询。报名课程的用户请加 QQ 群号 540526362，或者扫描微信二维码进入报名咨询微信群，详细了解报名信息，会有 StuQ 工作人员统一解答大家疑问，然后报名缴费。

（微信咨询群）

方式4. 咨询小助手。报名课程的用户也可以扫描小助手的微信二维码，私聊小助手详细了解报名信息，小助手会统一解答大家疑问，然后报名缴费。

感兴趣的同学请戳阅读原文报名~