视频回放|Vue 编程工作坊,快来做个“一起看电影”的网站吧!

谈及 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:

1 个赞