谈及 Vue 框架，做前端开发的工程，应该无人不知，无人不晓。但你知道么？将 Vue 框架与声网的 RTC 能力结合，我们可以创造出丰富的实时互动场景。
7 月 4 日，声网开发者社区联合 VUE Beijing ，并与北京 GDG 合作，将举办一场线下的「 Vue 编程工作坊 」。我们将一起利用声网Agora Vue SDK 快速搭建一个可以远程和小伙伴一起分享喜爱的影片，并和小伙伴实时互动的 “一起看电影” 项目。现场一同完成项目的小伙伴，最后还能获得精美纪念品哦~
同时，我们还邀请了来自民生银行的前端负责人徐英楠（清秋），从 Vue 入手，讲讲如何成为开源项目的 Contributor。
活动时间：2021年07月04日（周日）13:30 - 17:45
活动地点：北京中关村 e 世界财富中心 A 座 P2 （星巴克入口旁边进入大厦电梯 b2 层）
本期嘉宾
徐英楠
徐英楠（清秋），民生银行信息科技部基础技术板块前端负责人，喜欢写作，热爱分享，先后参与 Webpack、Vite 、Slidev、esbuild、Recoil、React 等多个开源项目的中文文档翻译工作。
安昭玮
安昭玮，声网Agora Web SDK 前端开发工程师。多年 Web 前端系统开发经验，负责过超大型前端项目的开发，并在基于 Web 技术的桌面端、移动端、游戏引擎端等多端混合式开发和 js SDK 开发拥有多个项目经验。目前负责 Web SDK 的研发 及 SDK与前端框架整合 的研发工作。
活动日程
13:30 - 14:00 活动签到 & 开场
14:00 - 14:40 从 Vue 文档入手，如何为开源项目贡献代码
本次分享从 Vue 文档为切入点，介绍如何阅读官方文档，如何成为开源项目的贡献者，如何参与文档翻译等。
Speaker 徐英楠，民生银行信息科技部基础技术板块前端负责人
14:40 - 15:20 Agora 基于 Vue 提升音视频应用开发体验的实践
- 介绍 WebRTC 和声网 Web 音视频架构及如何使用 SDK 建立音视频应用
- 如何使用 Agora Vue 组件如何建立音视频应用
- Vue 组件原理结构拆解
- 现场 coding“一起看电影”项目
Speaker 安昭玮，声网Agora Web SDK 高级前端开发工程师
15:20 - 15:30 茶歇
15:30 - 17:30 Keep Coding
17:30 - 17:45 现场小结，完成 Coding 挑战的同学领奖
参与活动必备
由于在本场编程工作坊中，我们需要现场动手开发一个简单的实时互动项目。为了能让大家现场一秒进入开发状态，能按时完成挑战，获得奖品。建议报名参与的同学提前做好如下软硬件配置：
- macOS or Windows 电脑一台
- Node v14 及以上
- Npm or Yarn
- Google Chrome 升级至最新版本
- Visual Studio Code or WebStorm
- 硬件：摄像头，麦克风（笔记本自带的即可）
- 自备一段 mp4 格式的视频
Tips：
- 本次 workshop 的 github 仓库为：https://github.com/AnZhaowei-Agora/MovieTogether
- 目前main分支中是一个空壳，克隆下来可以编码
- 完整的 DEMO 在另一个分支中，已上传供大家参考
