GMTC全球大前端技术大会（深圳站）2019

1、前言

工作5年来，一直投身于 iOS 开发，而这5年来移动开发一直再追赶web前端和后端开发的技术栈和思想，近2年大家直接说：“大前端”，移动开发真正变成了“UI”前端的开发，而web前端借助 Node 开始转了后端开发？正是借着这些变化，我一直在思考，一直在疑问，直到看了一些 GMTC 课程，就像命悬一线的人一下子打通了任督二脉，练习武功不再于形式，需要提升认知的境界！这是一个神奇的世界，一个最好的时代！最“坏”的时代！

GMTC是什么？

GMTC全球大前端技术大会是由极客邦科技旗下InfoQ中国主办的技术盛会，关注前端、移动、AI应用等多个技术领域，促进全球技术交流，推动国内技术升级。GMTC为期4天，包括两天的会议和两天的培训课，主要面向各行业前端、移动开发、AI技术感兴趣的中高端技术人员，大会聚焦前沿技术及实践经验，旨在帮助参会者了解大前端&移动开发领域的技术趋势与实践案例。

2、正文

借知乎 果大的回答 的一句话:

切身的一个体会就是「让多个人去做同一个项目，先不讨论项目的结果如何，最终项目组里每个人成长差别非常大」，所以大家要不断地去思考做一个项目解决一个问题参加一次会议如何能让自己有更多的收获，思考能力、执行力、沟通能力、竞品分析能力、沉淀分享能力等都是我们需要去关注的点。

做技术这些年，技术不在是技术，知识不在是知识，不要停留在自己的认知世界里，多看看别人的世界，看技术前沿，看程序圈子趋势。向上，思考问题的层次，向下，编程语言的底层。

目前的国内环境，最后的大前端分享，我想就是 GMTC 了，总体来讲邀请了国内技术公司大牛，分享他们过去和未来对于某个方向技术的实践与探索，每个专场都非常有代表性，最后，学习不止于知识，你的疑问？不可能通过别人有一个完美的回答，不能一鼓子copy到自己行业的业务中，应该是通过讲师的演讲，学习解决问题的思路和方法，了解未来的方向变化，有所启发，有所改进，有所触动，有所融会贯通！

所以，希望把看过的视频，都做一些记录和感想吧，不管懂与否，这都是学习步伐的记录~

3、GMTC 全球大前端技术大会（深圳站）2019

以下内容可在 GMTC全球大前端技术大会(深圳站)2019 网站查看。另外，如果观看视频可以在极客时间App的每日一课中观看（需会员）。

前端前沿技术

前端技术的发展日新月异，新技术的不断出现推动着前端应用的规模和场景不断向原生桌面应用靠拢。WebAssembly、WebRTC、前端微服务、Deno 以及 HTTP-over-QUIC (HTTP3) 等新技术方案/模式/产品的出现，定会在未来某时，在背后默默影响着人们的智能生活体验。

《JavaScript WeakRefs and TC39 standardization》

Daniel Ehrenberg / TC39 核心成员

  • 讲师简介：

    Daniel is an engineer at Igalia, an open source software cooperative. He participates in the TC39 and has dabbled in WebAssembly and web standards. He also worked on V8.

    Daniel 是 TC39 的核心成员，他就职于 Igalia，这是一家自由软件咨询公司，希望通过自由软件让世界更美好。Daniel 还涉猎 WebAssembly 和 Web 标准，也参与了 V8 的开发。

  • 演讲简介：

    TC39 is the committee which defines the JavaScript standard. JavaScript developers have been telling us for many years that they need weak references and finalizer callbacks: These capabilities let programs hook into garbage collection to free up related resources. After several years of debate and refinement, TC39 has settled on a design for WeakRefs and FinalizationGroups which has reached Stage 3 in its process and will likely soon be shipping in browsers and Node.js. In this talk, I will explain how to use WeakRefs, as well as how TC39 works and how to get involved, so that we can work together for the future of JavaScript.

    1. Use cases for WeakRefs and FinalizationGroups

    (1) In-memory cache

    (2) Triggering errors on stranded resources

    (3) Using WebAssembly memory from JavaScript

    (4) In-memory cache with tombstone cleanup

    1. How TC39 develops JavaScript

    (1) What is TC39?

    (2) Development of the JavaScript standard

    (3) TC39 stage process

    (4) Some recent TC39 proposals

    1. Details of WeakRefs in TC39

    (1) History of this proposal in TC39

    (2) WeakRef and FinalizationGroup APIs

    (3) Weak guarantees in WeakRef/FinalizationGroup behavior

    (4) Scheduing interactions with deref() and FinalizationGroup callbacks

    1. Participating in TC39

    (1) Giving feedback on proposals via GitHub

    (2) Helping with tests and documentation

    (3) Creating implementations in Babel, tools, JS engines, etc

    (4) Joining Ecma to be a TC39 delegate

    Audience benefits:

    1. Learn to use the new JavaScript WeakRefs feature
    2. Get involved in shaping the future of JavaScript through TC39

    Frontier highlights:

    WeakRefs and FinalizationGroups can lead to more precise, efficient memory consumption in modern JavaScript

    Knowledge reserve:

    1. Know simple JavaScript
    2. Understand what garbage collection is

    参考翻译：

    Javascript Weakrefs 和 TC39 标准化

    演讲提纲：

    TC39 委员会负责制定 JavaScript 标准。多年来，JavaScript 开发人员一直告诉委员会，他们需要弱引用和 Finalizer 回调：这些功能使得程序可以连接到垃圾收集中，以释放相关资源。经过几年的争论和改进，TC39 已经确定了 WeakRefs 和 FinalizationGroups 的一种设计方案，目前已经到了第3阶段，可能很快就会在浏览器和 Node.js 中发布。在本次演讲中，我将解释如何使用 Weakrefs，然后介绍 TC39 是如何工作的，以及如何参与其中，以便大家能够为 JavaScript 的未来共同努力。

    1. WeakRefs和FinalizationGroups的用例

    （1）内存缓存

    （2）滞留资源触发错误

    （3）使用 JavaScript 中的 WebAssembly 内存

    （4）带逻辑删除的内存缓存

    1. TC39 如何开发 JavaScript

    （1）什么是 TC39？

    （2）JavaScript 标准的发展过程

    （3）TC39 阶段流程

    （4）近期 TC39 的一些建议

    1. TC39 中的 WeakRefs 细节

    （1）TC39 中本提案的历史

    （2）WeakRef 和 FinalizationGroup API

    （3）WeakRef/FinalizationGroup 行为中的弱保证

    （4）调度与 deref

    （5）和 FinalizationGroup 回调的交互

    1. 参与TC39

    （1）通过 GitHub 反馈提案

    （2）帮助测试和文档

    （3）在 Babel、工具、JS 引擎等中创建实现

    （4）加入 Ecma 成为 TC39 代表

    听众收益：

    1. 学习使用新的 JavaScript WeakRefs 特性
    2. 通过 TC39 参与塑造 JavaScript 的未来

    前沿亮点：

    WeakRefs 和 finalizationgroup 可以使现代 JavaScript 中的内存使用更精确、更高效。

    知识储备：

    1. 了解简单的 JavaScript
    2. 了解什么是垃圾收集

  • PPT链接：下载

《WebAssembly 在性能及加密场景的深度探索》

赵洋 / coupang 高级软件开发工程师

  • 讲师简介：

    赵洋，曾在百度、腾讯以及全民直播任职，现任 coupang 高级软件开发工程师。他是一名全栈工程师，开源了 SecurityWorker 项目，也是 WXInlinePlayer 作者及 ShadowNode、 ned2k 等多个项目的贡献者，目前关注 WebAssembly、前端音视频及可视化等相关领域。

  • 演讲简介：

    随着 Web 技术的不断发展， WebAssembly 非常有技术前景。尽管很多公司已经在尝试并落地 WebAssembly，但仍很多公司以及开发者处于观望状态，并不了解如何将 WebAssembly 融入到现有的项目中。本次演讲我将通过 coupang 的两个实际落地的项目来深入探讨 WebAssembly 的性能及保密相关的优势，包括两个项目不断演进的具体过程及未来的发展方向。通过本次演讲，希望大家能有所启发，可以根据项目需求去引入 WebAssembly 技术，提升自身的开发效率和产品体验。

    演讲提纲：

    1. 问题背景

    (1) 如何更好的保护前端的核心代码

    (2) 如何更好的适配 Mobile 端播放器

    1. 代码保护方案调研及探索

    (1) 常规的代码保护方案

    (2) Google reCAPTCHA 所采用的方案调研

    (3) 结合 WebAssembly 的落地方案

    (4) 各方案优劣势对比

    (5) 与 QuickJS 的结合 - 提升性能、缩小生成体积、增强编码体验

    (6) 未来规划 - 小程序支持、DevTools Protocol 支持


    3. 适配 Mobile 播放器
    (1) 如何在 Mobile 端实现一个"抖音"
    (2) 遇到的问题
    (3) 商用/开源方案的调研对比
    (4) 摆脱 FFmpeg ，更灵活的 WASM 音视频软解方案
    (6) 如何进行多 WebWorker 解码，提升软解性能
    (7) 增加多种解码格式支持（ H265/AV1 /VP9 ）
    (8) 针对移动端的软解优化和延迟降低
    (9) 各方案优劣势对比
    (10) 未来的计划
    1. 展望与总结

    听众收益：

    1. 刷新前端加解密方案的新认知
    2. 了解并使用 WebAssembly 保护核心前端代码逻辑
    3. 了解如何使用 WebAssembly 在 Mobile 端提供统一的播放器体验

    知识储备：

    1. WebAssembly 的基础认知
    2. 了解前端的一些混淆/加密工具及方案
    3. 了解播放器的基本原理
    4. 了解编解码和编译相关技术更佳

  • PPT链接：下载

《从 Node.js 到 Deno：一个安全高效的 JavaScript/TypeScript 运行时》

迷渡 / 天津卓朗科技 前端技术专家

  • 讲师简介：

    迷渡（网名 justjavac ）十余年前端开发经验，现担任天津卓朗的前端技术专家，是国内最早一批Node.js技术实践者之一。JSON API 中文规范维护者，平时混迹于GitHub ，参与众多开源项目。2018年Deno发布后就一直关注Deno的最新动态，目前是 Deno 代码的核心贡献者之一。

  • 演讲简介：

    2018年，Ryan在JSConf EU上做了主题为 “10 Things I Regret About Node.js” 的分享，Ryan回顾了在他看来当初开发Node.js时留下的十大遗憾。由于Node.js现在已经广泛应用于各个领域，为了保证兼容性，对Node.js底层进行大规模改造已经不现实。于是Ryan宣布他决定开发一个全新的JavaScript Runtime以解决当初的种种缺陷，这便是 Deno。

    演讲提纲：

    1. 为什么开发 Deno？

    (1) 当前 JavaScript 生态存在的问题

    (2) Deno 的目标

    (3) Deno 的哲学

    (4) Deno 的生态

    1. 深入理解 Deno

    (1) Deno 的底层架构

    (2) Deno 的高层 API 和内部细节

    (3) Deno 的性能

    1. 未来展望

    听众收益：

    1. 了解 Ryan Dahl 为什么在 Node.js 发布十周年后又开发了 Deno
    2. 从底层原理对比 Node.js 和 Deno 的异同
    3. Deno 的内部实现细节
    4. Deno 为前端和后端带来了哪些新的可能性

    前沿亮点：

    深入讲解 Deno 的底层原理

    知识储备：

    1. 对 Node.js、npm 有所了解
    2. 有过 TypeScript 使用经验

  • PPT链接：下载

注：由于讲师所在企业限制，不对外公布

《多端一体化框架 Hippy 的开放与未来》

李思广 / 腾讯 高级工程师

  • 讲师简介：

    李思广，腾讯高级工程师，2010年入职腾讯。腾讯 T11 级高级工程师，曾在浏览器内核组负责 X5 内核的开发，目前是跨端 Hippy 框架的 Android 负责人，对浏览器内核、Android、iOS 都有丰富的实践经验。

  • 演讲简介：

    自从2015年第一个跨端框架 React Native 诞生以来，之后涌现出大量各式各样的跨端框架。这些用前端语法来进行跨端 App 开发的框架，大多数都忽略了一个基本的问题，就是前端开发使用的框架采用了和浏览器不同的设计标准，导致使用者上手难度增加，在开发过程中又因为双平台不一致的问题，需要重新开发具有平台针对性的代码，复杂程度进一步加深。

    腾讯手机 QQ 浏览器在跨端开发中，从实际痛点出发，通过实践提出多端一体化研发框架 Hippy，该框架使启动和运行性能达到了业内的领先水平。在这次演讲中，我将分享腾讯 Hippy 的设计思路、核心架构和使用方法，希望能为你解决多端体验不一致问题，提高研发效率。

    演讲提纲：

    1. 前端开发的前世今生

    2. 传统开发难以解决的问题

    (1) 离线能力

    (2) 性能

    (3) 平台扩展

    1. 跨端框架业内现状

    (1) React Native

    (2) Flutter

    1. 跨段框架现存问题

    (1) 上手难度高

    (2) 平台一致性差

    (3) 性能存在的问题

    1. 腾讯给出的解决方案 - Hippy

    (1) Hippy 整体框架

    (2) Hippy 优势

    (3) Hippy 开源

    (4) Hippy 上手

    (5) Hippy 未来的规划

    听众收益：

    1. 可以了解目前跨端框架的主流动态
    2. 可以了解到腾讯对于跨端框架设计的思考
    3. 可以了解 Hippy 是如何承载腾讯过亿用户的访问量

    前沿亮点：

    腾讯多端一体化框架方案 Hippy 开源

    知识储备：

    1. 需要对跨端框架现状有基本了解
    2. 大致了解过 React Native、Weex、Flutter 的基本情况
    3. 对终端开发有一定了解
    4. 对跨端开发抱有浓厚兴趣

  • PPT链接：下载

注：由于讲师所在企业限制，不对外公布

音视频技术

在5G时代下，4万亿音视频产业将迎来更大的发展机遇和爆发式增长。音视频技术如何在在线教育、视频直播、短视频等各个领域应用落地，本专题将邀请一线技术专家分享相关技术实践，给大家带来更多的思考和经验参考。

《在线教育的 Web 音视频架构方案》

刘志龙 / 腾讯 高级前端开发工程师

  • 讲师简介：

    刘志龙，腾讯 IMWeb 前端团队成员，高级前端开发工程师，负责腾讯课堂的前端开发。曾就职于百度 ecomfe 团队。专注于 Web 前端，热爱 Web 安全。

  • 演讲简介：

    随着实时音视频通信技术的发展，音视频作为在线教育场景中的核心载体，扮演着重要角色。另一方面，浏览器对音视频能力支持性的提升，也让 Web 音视频可选的技术方案更加丰富。本次演讲主要分享在线教育场景下的 Web 音视频架构方案，以及在音视频实践中的经验。

    演讲提纲：

    1. 在线教育音视频概述

    (1) Web 直播与点播的发展和现状

    (2) 在线教育的音视频整体架构

    (3) 点播架构与教育内容版权保护方案

    1. 在线教育实时直播方案及 WebRTC 实践

    2. 浏览器的 PPT 信令化

    (1) 在线教育的 PPT 信令化场景

    (2) PPT 信令化技术架构

    (3) 实现方案与监控手段

    1. 总结和音视频技术的展望

    听众收益：

    1. 了解在线教育点播、直播的整体架构
    2. 了解点播、直播在具体业务实践中的优化细节
    3. 了解 WebRTC SDK 的实现

    前沿亮点：

    1. 在线教育音视频的实践经验
    2. WebRTC 播放器实现细节
    3. Web 点播、直播的性能优化细节

    知识储备：

    了解音视频基础

  • PPT链接：下载

《IJKPlayer的前世今生》

郑翰超 / bilibili 资深开发工程师

  • 讲师简介：

    郑翰超，现就职于B站移动技术部，负责移动端IJKPlayer播放相关工作，专注于跨平台的多媒体播放体验改善，主导了IJKPlayer 重要功能的开发、性能优化、以及DASH在移动端的落地。

  • 演讲简介：

    随着移动互联网的高速发展，用户对于视频播放的要求也越来越高，移动播放器作为传播视频内容的最终媒介，对用户体验起到了至关重要的作用。B站是国内较早自研播放器并开源的公司，IJKPlayer自开源以来，一直受到大家的关注，我们也一直围绕播放体验在做播放器的相关优化和升级改造，这次主要和大家分享的是IJKPlayer播放器的演进、MPEG-DASH协议的移动端落地以及多维度的播放监控的建立。

    演讲提纲：

    1. IJKPlayer 播放器的演进
    2. MPEG-DASH 协议的移动端落地
    3. 多维度的播放质量监控

    听众收益：

    1. 全面认识B站的开源项目IJKPlayer
    2. 播放性能相关优化
    3. DASH 在移动端如何落地
    4. 学习如何全面监控播放性能

    知识储备：

    1. 对基本的音视频知识有所了解
    2. 对基本的播放原理有所了解

  • PPT链接：下载

注：由于讲师所在企业限制，不对外公布

《WebRTC 实时视频处理——基础美颜与视频超分实践》

高纯 / 声网Agora 高级架构师

  • 讲师简介：

    高纯，声网 Agora 高级架构师。2010年至2018年任职于英特尔亚太研发中心开源技术中心，曾参与 MeeGo Browser、Chromium/Blink 内核、Crosswalk Web Runtime、Chrome OS、Android N 等多个开源 Web Engine 以及 OS 项目的研发。2019年加入声网，从事 Web Runtime 及 Web 平台音视频处理技术的研究工作。

  • 演讲简介：

    随着 HTML5 标准在主流浏览器内核的实现，Web 平台拥有了空前强大的多媒体处理能力。以 WebRTC 为代表的音视频实时通讯技术获得广泛应用，随着各种新的应用场景的出现，Web 平台实时视频处理的需求也越来越迫切。

    本次分享将基于 W3C 和 Khronos 的现有 Web 标准，介绍 Web 平台实时视频美颜的实现方法，以及基于深度学习的视频超分实现方法。介绍通过对 Tensorflow.js 输入输出接口的定制实现超分处理流程的 GPU 加速，将基于 Tensorflow.js 的视频超分性能提升3倍左右。最后对 Web 平台深度学习的发展进行探索和展望。


    演讲提纲：

    1. 应用背景与 HTML5 简介

    2. Web 平台并行计算标准

    (1) WebGL/WebGL Compute

    (2) WebGPU

    (3) WebCL

    1. 基于 WebGL 的基础美颜实现

      (1) 美颜实现涉及的相关 Web 模块

      (2) 主要步骤

      (3) 处理性能

    2. Web 视频超分探索

    (1) Web 平台主要深度学习工具箱

    (2) 基于 Tensorflow.js 的超分实现

    (3) Tensorflow.js 接口定制

    (4) 基于改进的 Tensorflow.js 的超分实现

    (5) 性能分析

    1. Web 平台深度学习展望

    (1) 深度学习 W3C 标准展望

    (2) 基于 NPU 和定制 WebRuntime 的深度学习实践

    听众收益：

    1. 了解如何基于 HTML5 现有标准实现高效实时视频处理
    2. 了解 Web 平台深度神经网络的应用及优化
    3. 了解浏览器内核原理

    前沿亮点：

    1. Web 实时视频处理细节
    2. Web Engine 性能优化

    知识储备：

    Web 开发技术基础或视频技术基础

  • PPT链接：下载

优化与全链路监控

在企业追求更高效率和大前端技术快速发展的背景下，对技术性能的要求也越来越高，具体体现在离线化技术、密集型CPU处理能力等各个方面。而与性能优化相辅相成的便是监控，特别是时下不断被企业提及的全链路监控。通过全链路监控能够监测到从前端到中台、后台再返回到前端的整个链路过程的全部日志，以此辅助企业发现、分析并解决问题，提高企业研发效率。企业研发过程中对以上优化与监控的过程进行了非常多的探索，也取得了一些阶段性成果，此专题将邀请行业内的优秀实践者前来分享，希望能给大家未来的工作提供更多借鉴。

《岳鹰 Web 全景监控平台的建设之路》

陈周勉 / 阿里巴巴 前端技术专家

  • 讲师简介：

    陈周勉，目前就职于阿里 UC 事业部，担任研发效能组的前端负责人。近年来主要专注于云真机以及前端监控领域，已对外推出两款产品——岩鼠云设备平台和岳鹰全景监控平台。曾主导部门的前端体系建设，精通 Vue 和 React，在前端架构、工程化、性能等方面有较丰富的经验。

  • 演讲简介：

    线上监控作为产品质量的最后一道屏障，其意义和影响都十分重大。阿里岳鹰团队从内部业务痛点出发，沉淀了一套 Web 前端全景监控方案。在监控方面，我们实现了常规的 JS 异常、资源加载异常、页面性能以及接口请求监控，并且支持自定义上报，以满足全链路中更多的场景。同时，我们还通过联合 UC 浏览器内核团队，独创了基于 V8 的“页面白屏”监控，功能十分强大。在问题分析和解决方面，我们打造了一套高效的问题分析和智能预警体系。本次演讲将结合大量的实践案例，分享平台一路走来的历程，希望能对大家有所启发。


    演讲提纲：

    1. 岳鹰平台的诞生背景

      岳鹰平台如何从竞争激烈的阿里内部脱颖而出

    2. 岳鹰平台的探索之路

      结合阿里内部的使用案例和数据，阐述极致监控的打造（问题的高效分析和智能预警等）和岳鹰实践（H5 、小程序、Weex 等）

    3. 岳鹰平台的未来展望

      岳鹰平台面对百花齐放的大前端时代的思考和规划

    听众收益：

    1. 了解前端监控的原理及岳鹰实践
    2. 了解如何构建 Web 前端全景监控体系

    知识储备：

    Web 领域相关知识

  • PPT链接：无

注：由于讲师所在企业限制，不对外公布

《NOW 直播在大前端时代下的监控体系建设》

何方舟 / 腾讯 高级 Web 前端工程师

  • 讲师简介：

    何方舟，腾讯高级前端工程师。曾任职京东，2016年加入腾讯，先后负责NOW直播SDK，手Q附近，腾讯直播基础功能研发。前端监控开源项目 Aegis 作者，对前端性能优化、前端工程化、Node.js同构有丰富经验。

  • 演讲简介：

    NOW 直播在成立三年来，前端团队涵盖的业务范围越来越广阔。从最初的 Hybird App，到 RN 再到如今的小程序，单纬度的监控手段已经不足以帮助开发人员及时发现与定位问题。此外，在对业务进行优化的同时，需要辅以同样便捷的工具去量化优化效果，然后进行分析对比。IVWEB 团队在不断的业务实践中，沉淀出了一套比较完善监控方案。本次分享会从产品遇到的实际问题挑战为背景，详细讲解我们是如何实现大前端监控的一些解决方案的，希望能给大家带来一些参考。

    演讲提纲：

    1. 大前端时代下监控面临的挑战
    2. 如何降低开发人员对监控上报的抵触
    3. 一次问题定位的反馈
    4. Aegis 监控方案介绍

    听众收益：

    1. 了解大前端监控体系的内容与作用
    2. 对于预防与排查常见问题，提供一些思路
    3. 对全链路监控方案有一定的参考价值

    前沿亮点：

    在大前端场景下提升业务问题的解决效率

    知识储备：

    Web 相关知识

  • PPT链接：下载

注：由于讲师所在企业限制，不对外公布

《广发证券全球多资产项目全链路监控体系建设》

贺雨阳 / 广发证券 资深研发工程师

  • 讲师简介：

    贺雨阳，就职于广发证券信息技术部。曾就职于腾讯，参与过微云 Web、微云 Android、手机 QQ 等项目的应用研发。2017年加入广发证券，负责广发证券全球多资产交易项目的移动客户端研发与全球交易中台的建设。

  • 演讲简介：

    广发证券全球多资产理财项目上线两年来一直着力于服务公司的高净值全球理财客户，随着业务不断扩展，港美股、基金、债券、票据、保险、开户、增开户、期权等各类日常反馈也增多，在实际问题处理中大客户的问题无论是系统问题，还是业务流程问题，甚至是个人手机网络设置问题等都有很大概率会被客户经理实时反馈到项目组并要求现场解决。因此我们自研了一套包含移动客户端的全链路监控系统，以此帮助项目团队快速处理日常反馈。 本次分享会以项目以及公司 IT 基础设施等方面为背景，详细描述我们的全链路监控体系的建设思路，希望能给大家带来一些帮助。


    演讲提纲：
    1. 背景

    (1) 全球多资产大额理财平台面临的业务监控挑战

    (2) 常见的 VIP 用户问题反馈的定位过程

    1. 全链路业务监控体系建设

    (1) 移动客户端埋点与上报

    (2) 服务端数据采集 & 存储

    (3) 日志与调用链查询

    (4) 监控质量保障

    1. 跨境 IDC 监控与日志数据同步

    听众收益：

    1. 了解全链路监控的内容与作用
    2. 一种低带宽解决跨境 IDC 的监控数据同步解决方案
    3. 一种低成本快速搭建包含前端的全链路监控建设方式

    前沿亮点：

    了解一种以移动客户端为起点到中台再到后台的跨境 IDC 全链路监控实现方式

    知识储备：

    对链路监控有一定概念

  • PPT链接：下载

注：由于讲师所在企业限制，不对外公布

《全链路跟踪系统设计与实现》

曾刘彬 / 腾讯 高级前端工程师

  • 讲师简介：

    曾刘彬，前端高级工程师，企鹅电竞中台技术研发团队 Leader，热衷新技术探索与实践，具有丰富的服务架构设计经验。曾主导 QQ 抢车位、QQ 提醒、QQ 加速器多个业务的架构设计，目前负责“企鹅电竞”以及“天机阁”项目的研发工作。

  • 演讲简介：

    为了支撑日益增长的庞大业务量，业界大量使用微服务架构。服务按照不同的维度进行拆分，互联网应用构建在不同的软件模块集上，这些软件模块可能是由不同的团队开发、可能使用不同的编程语言来实现、可能分布在了几千台服务器，横跨多个不同的数据中心，分布式系统变得日趋复杂

    如何快速进行故障定位？如何准确进行容量评估？如何动态展示服务的链路？如何进行系统性能优化？这是分布式系统给后台开发同学带来的四大挑战。“天机阁”通过采集、存储、分析分布式系统中的 trace 数据、指标数据和日志数据，完成全链路跟踪，从而解决上述问题。

    演讲提纲：

    1. 天机阁背景

    2. 天机阁的功能

    3. 天机阁总体架构

    4. 天机阁的详细设计

    (1) 接入层：高性能、低倾入

    (2) 数据层：低成本、高扩展

    (3) 用用层：简单、清晰

    1. 未来规划

    听众收益：

    1. 了解链路跟踪原理
    2. 了解全链路监控的价值
    3. 海量数据治理

  • PPT链接：下载

小程序挑战与应对

各大互联网公司都相继推出了自己的小程序平台，小程序的开发热度也不断提高，如何开发一款高性能、跨平台的小程序？本专场将为各位带来跨平台小程序框架实现原理，跨平台小程序实战中的一些挑战，以及小程序性能优化的最佳实践等等。希望给大家带来更多的思考，也期望各位在小程序相关领域能够展现更多优秀的框架和方案。

《小程序跨框架开发的探索与实践》

程帅 / 京东 高级前端工程师

  • 讲师简介：

    程帅，京东高级前端工程师，京东购物小程序核心开发，多端统一开发框架 Taro 核心成员，负责小程序及 RN 端的适配开发，热爱开源和分享，在前端工程化、性能优化以及跨端解决方案等方面有丰富的研究和积累。

  • 演讲简介：

    随着小程序开发的热度上升，小程序开发框架也层出不穷。但目前每个框架都会绑定一个专属 DSL，如类 React 或者类 Vue，在一个框架内，开发者无法根据团队技术栈自由选择 DSL，同时也无法共享框架本身的生态与工具。本次分享将为大家介绍 Taro 如何将各种语法的前端框架运行在小程序上，讨论一个框架支持多 DSL 的实现探索，使得开发者可以使用任意热门框架/语法/DSL 来编写小程序应用，同时复用相关生态。

    演讲提纲：

    1. 小程序开发的历程

    (1) 原生开发

    (2) 小程序开发框架

    (3) 小程序跨端开发

    1. Taro 的起源与初心

    (1) 回顾过去与初心

    (2) 在新时代我们需要什么样的框架？

    1. 小程序跨框架开发的探索

    (1) 现有架构的问题

    (2) 其它解决方案的架构

    (3) 小程序跨框架开发架构设计

    1. 新架构的适配与实现

    (1) React / Nerv / Preact

    (2) Vue

    (3) Flutter

    (4) 性能优化

    1. 总结与展望

    听众收益：

    1. 了解小程序和多端开发框架的发展历程
    2. 了解各种热门框架的基本运行原理
    3. 了解 Taro 的新架构设计

    前沿亮点：

    小程序跨端、跨框架开发的探索与实践

    知识储备：

    熟悉小程序开发

    对前端热门框架有一定的了解

  • PPT链接：下载

《360 PC 小程序底层架构的演进与探索》

刘博文 / 奇虎360 资深前端工程师

  • 讲师简介：

    刘博文，《深入浅出Vue.js》作者，W3C Web Performance WG成员，W3C MiniApps Ecosystem CG成员。2015年入职奇虎360最大前端团队“奇舞团”，2017年小组合并到360导航技术部，现负责360小程序底层架构设计与实现，负责360导航首页等亿级日活站点的设计与优化。

  • 演讲简介：

    截止2019年8月，据阿拉丁提供的数据，小程序的日活达到了2.8亿，日均使用时长12分钟，每人日均使用5次。小程序已经深度改变很多行业，国内各大厂也都在开发自己的小程序平台。360也开始拥抱小程序，实现了自己的PC端小程序。本次分享我将会介绍360 PC 小程序从 0 ～1 的技术演进过程，包括实现过程中的底层架构调整与决策都是出于哪些考虑。

    演讲提纲：

    1. 小程序底层架构演进及技术决策

    (1) 单线程架构下的小程序

    (2) 双线程架构下的小程序

    (3) 单线程 + ShadowDOM 架构下的小程序

    (4) 双线程 + 单 WebView 架构下的小程序

    (5) 双线程 + 多 WebView 架构下的小程序

    1. 底层技术的其他应用场景

    (1) 360导航首页

    (2) 其他应用场景

    听众收益：

    1. 了解360 PC 小程序从0～1的全过程
    2. 了解底层技术的其他应用场景
    3. 了解不同架构下的性能问题

    知识储备：

    对常用的 Web 技术有一定了解

  • PPT链接：下载

《百度开源小程序框架架构演进和性能优化实践》

付嘉兴 / 百度 技术经理

  • 讲师简介：

    付嘉兴，2010年西安交通大学计算机硕士，毕业后加入百度，先后负责百度 App、Feed、小程序方面的技术工作，现任百度智能小程序客户端技术经理，核心工作主要集中在持续优化小程序体验，无限接近 Native App 化，以及繁荣百度小程序开源联盟。我们致力于让技术支持更多宿主接入百度智能小程序开源框架。

  • 演讲简介：

    移动互联网中 Native App（NA） 和 H5 一直处在博弈状态，在性能体验和灵活性上艰难寻找着平衡，单从技术上来说，小程序就是 NA 和 H5 的又一次碰撞。小程序的灵活性已被证实，在性能方面，百度智能小程序从框架启动、小程序包下载、小程序包加载以及渲染4个方面进行启动速度优化。本次演讲会从百度侧和小程序开发者侧阐释通过什么手段提升自身小程序的性能，以及作为宿主如何将小程序框架与自身技术整合做介绍。


    演讲提纲：
    1. 百度智能小程序开源整体框架及演进
    2. 百度智能小程序框架性能优化实践
    3. 百度智能小程序生态赋能

    听众收益：

    1. 如何优化自身小程序性能
    2. 如何将百度小程序框架集成到自身宿主中

    知识储备：

    对客户端或前端有一定背景知识

  • PPT链接：无

注：由于讲师所在企业限制，不对外公布

《在线教育小程序云开发工程化实践》

袁龙 / 腾讯 高级前端开发工程师

  • 讲师简介：

    袁龙，腾讯 IMWeb 前端团队成员，高级前端开发工程师，负责腾讯课堂的小程序体系建设与 Serverless 实践与落地。曾就职于京东“凹凸实验室”团队。对 Web 前端、Node.js 开发有丰富的经验。

  • 演讲简介：

    随着云开发的出现，小程序开发者的可实践范围越来越广，开发者利用云开发的能力，无需搭建服务器即可实现产品业务的快速上线与迭代。

    我们的 Web 业务如何复用云开发的能力？在云开发里如何与我们现有的业务进行打通？多个小程序如何复用同一套云开发业务？

    演讲提纲：

    1. 云开发概述

    2. 云函数

    (1) 小程序端与 Web 端调用

    (2) 网关接入

    (3) 日志与监控

    1. 打通现有业务

    2. 小程序工程化之 CI 与 CD

    (1) 统一构建与上传

    (2) 云函数测试与部署

    1. 云函数性能调优

    2. 总结与展望

    听众收益：

    1. 了解在线教育的小程序云开发工程化实践之路
    2. 了解云开发如何在多个小程序与 Web 业务进行复用的实践
    3. 了解云函数性能瓶颈的解决思路

    前沿亮点：

    1. 在线教育的小程序云开发工程化实践经验
    2. 多端复用云开发业务与资源

    知识储备：

    了解小程序开发

  • PPT链接：下载

《小程序的未来方向》

崔红保 / DCloud CTO

  • 讲师简介：

    崔红保，DCloud CTO，Uni-App 团队负责人，开发了2个 Github Star 上万的流行项目。有10年以上研发管理经验，在跨平台引擎、前端 UI、小程序性能优化等方面有丰富的实践经验。

  • 演讲简介：

    随着各大平台小程序的快速放量，开发者遇到越来越多的平台适配问题。各平台小程序的性能优化方法也各不相同。本议题将深入分析小程序技术架构，性能卡点，及各平台优化方案。了解小程序的底层逻辑和发展方向，包括云开发到底会带来怎样的变化。如果你的 App 想搭建自己的小程序平台，该怎么做。

    演讲提纲：

    1. 小程序历史回顾

    (1) 微信 JS SDK

    (2) 小程序时代

    1. 小程序的架构剖析

    (1) 小程序架构设计原理及各家差异

    (2) 架构设计引发的性能坑点

    1. 性能优化方案

    (1) 逻辑/视图层通讯折损

    (2) 数据、组件的差量更新

    (3) 混合渲染 & 同层渲染

    1. 小程序的未来发展方向

    (1) 引擎性能和灵活性进一步提升的空间

    (2) 如果你的 App 也想建立小程序平台

    (3) Serverless、云开发引发的大变化

    听众收益：

    1. 深入了解小程序的底层和未来趋势

    2. 深入了解各平台小程序性能优化方案

    3. 了解云开发、Serverless 在前端界的价值

    4. 了解如何搭建自己的小程序平台

    前沿亮点：

    多端性能优化、云开发、给自己的 App 建立小程序平台

  • PPT链接：下载

Serverless实战

Serverless作为一种新型的互联网架构直接或间接推动了云计算的发展，随着Serverless 体系不断完善，Serverless将会给行业带来怎样的变革？我们如何基于自身的业务场景去运用，发挥Serverless的最大价值。本专题将邀请一线技术专家分享相关技术实践，给大家带来更多的思考和经验参考。

《阿里跨境供应链前端架构演进与 Serverless 实践》

缪传杰 / 阿里巴巴 高级前端技术专家

  • 讲师简介：

    缪传杰（樵枫），阿里巴巴高级前端技术专家，ICBU 跨境供应链多元化履约团队 TL 。毕业后先后供职于华为、阿里等公司。他在阿里的4年多时间里，曾担任 Ewtp 国际化等大型项目前端负责人，推进了跨境供应链复杂中后台业务前端架构的变革；参与推进了集团 Serverless 体系从0到1的建设，并成功在多个业务落地；同时推进了基于 Node.js 运行时的可视化诊断平台“扁鹊”的诞生和产品化。并在中后台架构领域有丰富的经验。

  • 演讲简介：

    Serverless 是近年最火的技术热潮之一，目前在阿里已成燎原之势。本次分享，我将结合阿里跨境供应链前端的架构演进过程，给大家介绍 Serverless 在复杂中后台业务下的实践，以及相配套的工程、监控等能力，进而一起去探讨中后台业务下的前端价值。

    演讲提纲：

    1. Serverless 技术浪潮
    2. 阿里跨境供应链业务背景与复杂中后台架构演进
    3. Serverless 实践与配套工程、监控能力介绍
    4. 展望

    听众收益：

    1. 复杂中后台业务的前端架构演进
    2. 基于 Serverless 的中后台业务下的前端角色价值探索思路

    前沿亮点：

    1. Serverless 从概念到研发体系再到业务落地的整体介绍
    2. Serverless 体系下的一些配套工程、监控能力

    知识储备：

    1. Node.js 基础
    2. Serverless 基础

  • PPT链接：下载

《Serverless 前端工程化落地与实践》

王俊杰 / 腾讯 Serverless 技术专家

  • 讲师简介：

    王俊杰，腾讯 Serverless 技术专家。负责腾讯云函数与大前端研发结合方案设计，负责 SCF 云函数编排、 Serverless 日志、监控、排障等相关 Topic。同时担任腾讯云 Serverless 技术布道师，推动 Serverless 技术在行业大前端研发架构中的落地和实践。曾担任百度搜索 Web 前端技术经理，负责百度搜索产品前端研发技术管理工作。

  • 演讲简介：

    Serverless 是炙手可热的技术，被认为是云计算发展的未来方向。拥有免运维、降低开发成本、按需自动扩展等诸多优点。尤其是在前端研发领域，使用 Node开发云函数，可以让前端工程师更加专注于业务逻辑，实现全栈工程师的角色转变。

    现有的开发模式、工具、脚手架已经标准化、流程化，存量业务正在线上稳定运行。如何将 Serverless 融入到现有开发模式和工具中？ 如何将Serverless 和当前的业务进行结合落地？本主题将给出答案！

    演讲提纲：

    1. Serverless 和前端的不解之缘

    (1) 前端为什么要做 Serverless

    (2) 前端做 Serverless 遇到的具体问题

    (3) 前端和 Serverless 结合的理想模式

    1. Serverless 通用开发工具实现原理

    2. Serverless 云函数的CICD实践

    3. Serverless Framework 实现多云部署

    听众收益：

    1. Serverless 技术在现有业务、架构中落地的一般思路
    2. 现有开发框架、工具链如何与 Serverless 结合落地

    前沿亮点：

    1. Serverless Framework 分享
    2. 可实操可落地的Serverless 工具方案

    知识储备：

    1. Serverless 基础概念
    2. 云函数基本使用原理
    3. 前端工程化

  • PPT链接：下载

《从前端和云厂商的视角看 Serverless 与未来的开发生态》

杜欢（风驰） / 阿里巴巴 高级前端技术专家

  • 讲师简介：

    杜欢（风驰），高级前端技术专家。曾就职于雅虎、思科等公司。目前在阿里云“战略&合作部"负责阿里云开发者业务，阿里巴巴经济体前端技术委员会委员，阿里巴巴经济体前端 Serverless 研发升级项目负责人。

  • 演讲简介：

    前端的优势在于对端业务和用户交互的理解实现，这也是现代精细化工程化体系中前端岗位的价值所在。在云时代的大背景下，商业爆炸式增长，前端如何抓住云原生 Serverless 的机遇，去创造更大的业务价值以及行业价值。

    演讲提纲：

    1. 缘起，为了心中的“云+端”

    2. 云计算的社会普惠愿景

    3. 什么是云计算的开箱即用

    4. 在云原生的路径上探索

    5. 云端与未来开发生态

  • PPT链接：下载

前端测试与安全

随着移动设备的普及，兼容性和性能测试正在逐渐成为前端测试面临的两大挑战，我们该如何应对和解决？而前端代码主要运行在客户设备上的特性，各种安全性挑战又层出不穷，稍有不慎就可能会给用户带来巨大的损失。我们又该如何跨越这种障碍？本专场关注前端测试和安全领域，希望能够通过各位行业专家的分享，为你提供解决问题的思路。

《GraphQL 与 GraphQL 安全》

图南 / 奇安信 安全研究员

  • 讲师简介：

    图南，前全栈开发工程师，擅长后端语言：Node.js、Python、C#、Java、Go；前端框架：React、Angular、Vue等。曾开发过多个公司的ToC核心项目，带领团队开发过智能手环和智能血压计的微信公众号项目，并对相关硬件做质量保障工作。在未进入安全行业前就对其很感兴趣，提交漏洞报告帮助多家公司修补漏洞。在公司内做企业安全建设和安全意识培训。

    进入安全行业后主要进行安全研究和漏洞分析相关工作，并开发了WebLogic环境搭建工具和奇安信CERT情报监控工具。外发研究文章有：《WebLogic安全研究报告》《CVE-2019-2725 Weblogic多个组件反序列化远程代码执行漏洞分析》《No sql No injection？NoSQL注入你知多少？》《CVE-2019-5736 runc容器逃逸漏洞分析》以及《修不好的洞，JDK的坑——从WxJava XXE注入漏洞中发现了一个对JDK的误会》等。

  • 演讲简介：

    GraphQL 作为下一代 Web API 技术，被越来越多的开发者用在生产环境中，但因为 GraphQL 和 RESTful 在开发思路上的不同，很容易让开发者忽视它的安全问题。本次演讲会对 GraphQL 进行一些简介，主要从开发的角度讲解使用 GraphQL 容易出现的安全问题。

    1. GraphQL 简介

    (1) 初识 GraphQL

    (2) GraphQL 核心组成部分

    (3) GraphQL VS. RESTful

    1. GraphQL 安全问题

    (1) 身份认证与权限控制不当

    (2) GraphQL 身份认证无效

    (3) GraphQL 身份认证无效解决方案

    (4) GraphQL 身份认证无效与权限控制不当的并发症

       并发症一：内省导致的信息泄露<br />
   并发症二： 非预期的字段<br />
   并发症三：&ldquo;废弃&rdquo;的字段<br />

    (5) GraphQL 注入解决方案

        拒绝服务<br />
    拒绝服务解决方案
    1. 结语

    听众收益：

    1. 了解前沿技术 GraphQL 优势和 RESTful API 的不同
    2. 对 GraphQL 易发的安全问题有所了解并在今后开发过程中避免此类问题
    3. 对漏洞产生的原理触类旁通，避免类似问题

    知识储备：

    1. JavaScript 基础知识
    2. HTTP 相关知识
    3. 对常见 Web 安全漏洞有一点了解

  • PPT链接：下载

《百度智能小程序自动化测试技术实践和应用》

邱立楷 / 百度 资深测试开发工程师

  • 讲师简介：

    邱立楷，百度资深测试开发工程师，百度智能小程序自动化测试技术负责人，负责百度智能小程序自动化测试引擎研发、云端真机控制集群建设、CTS、智能小程序生态质量管控等方向建设工作。

  • 演讲简介：

    随着小程序的兴起，如何去开展小程序的自动化测试便成为了一个值得思考的问题。

    百度智能小程序期望建设一个开源开放的小程序生态，让联盟伙伴都可以在自己的 APP 上运行起智能小程序。那么，如何去发展小程序自动化测试技术，来保障整个开源开放的小程序生态的质量？通过自动化测试技术手段提高兼容性测试、功能回归等的效率，便成为了我们重点考虑的问题。

    本次分享将会以百度智能小程序自动化测试引擎的介绍为起点，详细介绍它在百度小程序生态质量保障、自动化测试能力赋能等方面的实践，包括：百度小程序的一致性兼容测试、云测试以及用例真机录制回放等内容。希望给关注小程序自动化技术的与会者带来思路上的拓展和帮助。

    演讲提纲：

    1. 百度智能小程序自动化测试引擎的设计实现原理和应用
    2. 百度智能小程序基于真机的用例录制回放工具在兼容性测试上的应用实践
    3. 基于真机云测试的百度智能小程序生态质量管控实践

    听众收益：

    1. 了解百度小程序自动化测试技术的全貌和设计实现原理
    2. 迅速地入手开展百度小程序的自动化测试
    3. 有效降低小程序、前端、端兼容性能测试成本的测试工具的设计思路及应用进展

    前沿亮点：

    百度小程序自动化测试引擎的设计思路

    知识储备：

    对客户端或前端有一定知识背景

  • PPT链接：下载

《基于 Proxy 的代码执行监听与上报》

樊东东 / 腾讯 高级 Web 前端工程师

  • 讲师简介：

    樊东东，腾讯高级 Web 前端工程师，2014年进入腾讯，先后经历过移动办公、泛娱乐产品、QQ 小程序的 Web 开发工作，有大量运营平台、H5、Node 等相关的开发经验；现负责 QQ 小程序开发者工具、小程序相关工具链、QQ 相关基础运营平台等开发工作。他善于在平凡的代码中找到不一样的玩法。

  • 演讲简介：

    后端有全链路监控，能分析出模块之间的调用情况，前端一般日志打点、收集、上报，都是面条式的日志。在前端 SDK 的执行过程中能否收集更多更全面的信息，如 API 及回调函数的附属关系，API 和 API 间的上下文关系。

    利用 Proxy 代理 SDK 暴露出去的对象，递归 Hook API 及 API 的结果，收集属性 get、set、API 调用、回调函数执行情况等。直观看到 API 在业务代码中的执行情况，收集调用信息方便编写测试案例等。

    演讲提纲：

    1. 背景介绍

    SDK调用日志零散

    1. 方案选型

    (1) 传统打日志方式

    (2) Proxy 对比 defineProperty

    1. Proxy 介绍

    (1) 能否替代原对象

    (2) 能收集哪些信息

    (3) 性能对比

    1. 链路信息

      (1) API 结果

      (2) 参数处理

      (3) 回调函数

      (4) 上下文

    2. 可视化

    听众收益：

    1. 加深对 Proxy 的理解
    2. 前端 SDK 基于 ES6 Proxy 的深度日志收集
    3. 方便编写测试用例
    4. 腾讯小程序前端测试案例

    前言亮点：

    前端 SDK 的日志全链路

    知识储备：

    1. ES6 基础知识
    2. Proxy
    3. 日志上报

  • PPT链接：下载

《大前端测试的思考和在语雀的实践分享》

徐达峰 / 蚂蚁金服 前端技术专家

  • 讲师简介：

    徐达峰，蚂蚁金服前端技术专家，目前在语雀（大众喜爱的笔记与文档知识库）做研发。曾在2015年孵化并推出了阿里巴巴多端自动化方案-Macaca，并在2016年开源。是测试领域实践者，也是大前端的持续学习者。Github: https://github.com/xudafeng

  • 演讲简介：

    随着互联网技术的演进发展，自动化、效率、性能等逐渐成为大前端面临的挑战，面对测试中的种种问题，我将以语雀技术栈为主，结合工作中的经验来详细介绍，比如 Web 编辑器、移动端 Web 应用、全栈应用、测试工具等几个技术方向，也包括不同选型的差异和实践中遇到的问题、踩过的坑，以及解决方案。

    演讲提纲：

    1. 语雀技术栈的测试方案

      (1) Web 编辑器如何做质量覆盖

      (2) Web 全栈应用的测试的痛点和演进

    2. 社区之路

      (1) 2019版 UIRecorder 的新特性

      (2) 去中心化的场景编排 mock 方案

    3. 前沿探索

    (1) 自动化推导生成

    (2) 计算机视觉方案在端测试的实践

    (3) 基于语言分析的自动化探索

    听众收益：

    1. 大前端不同技术栈选型的测试方案如何抉择

    2. 对下一代端自动化测试的思考

    前沿亮点：

    1. 语雀实战经验分享

    2. 新思路分享

  • PPT链接：下载

注：由于讲师所在企业限制，不对外公布

新兴编程语言

在移动和前端领域，Swift、Kotlin、TypeScript和Dart等编程语言不断演进，本专题结合目前这些语言的应用情况，结合各自特性，分享典型实践。

《未来可期的 TypeScript》

郭翔 / 腾讯 高级前端工程师

  • 讲师简介：

    郭翔，腾讯高级前端工程师，IMWEB 团队成员。2013年从澳大利亚 Monash University 取得硕士学位后加入 AWD 公司，从事 Web 前端领域的技术研究工作。2016年加入腾讯，先后负责手机 QQ 浏览器话题圈、信息流，企鹅辅导的前端架构与研发工作。工作之余，积极参与公司内外的开源协同工作。现阶段主要致力于通用可视化页面编辑系统的架构设计与研发工作。对跨端、可视化运营、前端工程化、设计师与前端协同系统等领域有着深入的研究和丰富的实践。

  • 演讲简介：

    2019年，越来越多的知名前端开源项目选择使用 TypeScript 做为其新版本的开发语言，TypeScript 的社区支持也日趋完善，VS Code + TypeScript 的组合拳让不少原本持怀疑，甚至抵制态度的前端开发者们不禁喊出“真香！”。本次，分享者将讲述自己从一名 TypeScript 抵制者转变为支持者的心路历程，以及 TypeScript 在腾讯在线教育团队中的实践经验，并对团队新项目是否该引入 TypeScript、如何快速搭建、以及现有项目如何向 TypeScript 迁移提供策略性建议与方案。

    演讲提纲：

    1. TypeScript 简介，TypeScript 为前端编程带来了什么？
    2. 从语言层面探讨 TypeScript 从诞生之初不被看好，到近期逐渐成为行业主流的背景与原因。
    3. 以实际案例，讲解腾讯教育 IMWEB 团队在选择 TypeScript 做为主要编程语言过程中的思考，以及这次改变给团队带来的提升与挑战。
    4. 从新项目 TypeScript 的引入标准、步骤，到现有项目向 TypeScript 迁移的策略等方面讲解如何更平滑地在团队中引入 TypeScript。

    听众收益：

    1. 了解 TypeScript 的诞生，主要是为了解决哪些实际问题。
    2. 了解 TypeScript 在当下可以大行其道的背后原因。
    3. 通过实际案例，了解 TypeScript 在前端团队中有哪些收益、新项目 TypeScript 的引入标准，如何快速搭建一个 TypeScript 项目，以及现有项目的迁移方案。

  • PPT链接：下载

《Swift on Raspberry Pi》

宋旭陶（靛青K） / SwiftGG Swift 爱好者

  • 讲师简介：

    宋旭陶（靛青K），热衷于 Swift 语言及各场景下的应用。参与 Swift 文档翻译、SwiftGG 文章翻译，开源 TransitionTreasury、Flix Swift 框架。对 Swift 生成代码应用上也有些许的实践，比如 RouterBuilder、Sketch2Code。

  • 演讲简介：

    在 Swift 发布之初，我们基本拿来开发 iOS/macOS 应用。如今 Swift 在服务端、机器学习领域有了不错的发展，现在我们可以在 ARM 架构下的 Linux 运行 Swift。Swift 拥有 C 级别的性能，又有作为高级语言的优势，那么，在 ARM 设备下又能有怎样的发挥？本次分享者将展示 Swift 在“树莓派”上的应用，分享一些实践经验，以及对 Swift 在 IoT 上发展的思考。

    演讲提纲：

    1. Swift 在 Linux 发展得怎么样了
    2. 树莓派和 Swift
    3. 为什么在树莓派上尝试 Swift
    4. 以实际案例分享 SwiftGPIO 和 SwiftNIO 在树莓派上的应用

    听众收益：

    1. 了解树莓派相关基本内容
    2. 了解如何在树莓派上进行 Swift 相关应用开发
    3. 了解 Swift 在嵌入式设备上优势

    知识储备：

    1. Swift 基础内容
    2. Swift Package Manager 使用

  • PPT链接：下载

《Dart is All The Things》

任晓帅 / DJI 高级工程师

  • 讲师简介：

    任晓帅（小德），DJI 高级工程师，《Flutter 完全手册》电子书作者，曾任职于阿里、腾讯。

  • 演讲简介：

    Dart 诞生于 2011 年，刚开始的定位是取代 JavaScript，但却以 Flutter 的编程语言出道而被人熟知，它是强类型语言却又同时支持类型推导，它支持 AOT 也支持 JIT，由于是第一个使用声明式 UI 的编程语言，也引发过很过争议。除了用于 Flutter，很少有人知道，Dart 也可以用于后台开发，Dart 甚至也可以和 C 直接交互，作为一门新语言，Dart 还有很多有待探索的部分在吸引着我们，本次分享者将为你带来 Dart 不止于 Flutter 的一面。

    演讲提纲：

    1. Dart 语言的发展历史

    2. 为什么称 Dart 为 UI 友好型语言

    3. Dart 真的是单线程语言吗？它是如何实现异步的以及我们在使用过程中应该注意什么

    4. Dart 助你提升编程效率

    5. 全平台语言 Dart 以及充满想象的 dart:ffi

    听众收益：

    1. 了解 Dart 在关于 UI 上的发展

    2. 了解 Dart 的异步机制

    3. 了解 Dart 的全平台特性

    4. 了解 dart:ffi 的发展潜力

    前沿亮点：

    Dart 语言的新特性

    知识储备：

    1. 有至少一门编程语言的使用经验

    2. 知道或使用过 Flutter

  • PPT链接：下载

大前端工程化

大前端工程化是大前端业务以及技术架构复杂度提升导致的必行之路，然而工程化并不是普适的技术或者理论，业务类型、场景、技术架构甚至团队组织架构均是决定工程化具体形态的必要因素。换句话讲，工程化是与实践密不可分的。本专场我们通过分享业内一些经过实践检验的工程化方案，希望能够为大家在大前端工程化的探索道路上提供借鉴和帮助。

《通过前端工程化将 Apollo 引入现有 React 技术栈》

朱林 / 腾讯 高级前端工程师

  • 讲师简介：

    朱林，腾讯高级前端工程师，腾讯 IVWEB 团队负责人之一。先后负责过 QQ 群活动、花样直播、NOW 直播、QQ 群视频等业务的前端开发和架构。在前端性能优化和 Node.js 方面有较深入的研究，对音视频相关的前端开发、服务端渲染、GraphQL 等技术栈有丰富的实践经验。

  • 演讲简介：

    GraphQL 作为一种新的通信协议自2015年 Facebook 开源之初，就逐渐开始受到技术社区的关注。 Apollo 作为目前较为成熟的 GraphQL Client 解决方案，成为了 NOW 直播 Web 业务的 GraphQL Client 选型方案。本次分享将会给听众阐述： GraphQL Client 解决的问题是什么？Apollo 的优势是什么 ？如何通过前端工程化将 Apoll 低成本地引入团队存量业务？

    演讲提纲：

    1. 什么是 GraphQL
    2. Apollo VS Relay
    3. 通过构建改造现有项目
    4. 通过脚手架在新项目中快速推广

    听众收益：

    1. 了解 GraphQL 在实际项目中为业务带来的收益
    2. 如何快速将团队现有技术栈适配 GraphQL 架构

    知识储备：

    了解 GraphQL

  • PPT链接：下载

《可视化辅助编程在蚂蚁的探索之路》

陈成 / 蚂蚁金服 高级技术专家

  • 讲师简介：

    陈成，花名云谦，蚂蚁金服高级技术专家，入职阿里已有10 年。之前在淘宝，负责过淘宝首页、宝贝详情、购物车、下单等很多重要业务的前端部分，然后转岗到支付宝，负责spm、支付宝开发者工具的开发，以及创建了 dva，roadhog，babel-plugin-import，umi 等。擅长的领域有工具、前端框架以及前端性能等，热衷于开源，大家可以在 https://github.com/sorrycc 找到我。

  • 演讲简介：

    提效是企业级前端框架非常重要的目标之一，我们希望借助框架和工具能让一个人可以做十个人的事情，而要做10倍的提效，则要做一些能破局的事情。所以，我们尝试在 Pro Code 的基础上做可视化辅助编程（ Visual Assist Programming ），借助和框架、平台、组件和物料市场的互补，以及类微前端的架构方案来提供插件机制，以此来提升开发者的研发效率以及降低上手门槛。

    演讲提纲：

    1. 为什么需要可视化辅助编程？

    (1) 现有开发方式的痛点

    (2) 研发提效可能的破局点

    (3) 本地工作台，唯一入口

    (4) 和搭建方案的区别

    1. 可视化辅助编程在蚂蚁的实践：Umi UI

    (1) 竞品分析

    (2) Umi UI 的优势和挑战

    (3) 部分功能演示

    1. 原理解析

    (1) 类微前端的架构方案

    (2) 插件体系

    (3) AST 的重度使用

    (4) 运行态交互能力

    (5) 国际化、主题、通讯机制等

    1. 未来

    (1) 规划

    (2) 如何参与开发

    听众收益：

    1. 了解我们在这条路上的实践，以及背后的深入思考；
    2. 了解可视化辅助编程的实现以及类微前端的架构方案；
    3. 了解可视化辅助编程如何结合数据流、路由、物料和组件市场、配置化表单、AI 表单、数据管理等来做研发提效。

    知识储备：

    了解Vue UI 或 Umi UI 可以更好地理解这个主题

    https://github.com/sorrycc/blog/issues/86

  • PPT链接：下载

《微保大型小程序的工程化实践》

李锂 / 微保 高级架构师

  • 讲师简介：

    李锂，高级架构师。曾在腾讯搜搜、微信搜索团队等，主要做后台索引相关工作，以及参与微信搜索从无到有的搭建。后来经过两年的创业历练，成长为一名全栈工程师。现就职于微保，负责微保保险产品平台的前后端设计。

  • 演讲简介：

    “微保”小程序是微信钱包九宫格入口中的小程序，承载着大量不同形态的保险产品业务。面对日益多元化的业务内容，日益巨大的小程序体积，在如何分治解耦管理各项业务，如何进行小程序的持续集成开发，如何快速迭代等方面产生了很大挑战。通过采用小程序子包方案，代码分库管理，推动小程序 H5 化、产品模板化，自动化发布工具开发等手段，达成单周迭代，40+ 子仓库管理，定时自动化发布的目的。

    演讲提纲：

    1. 微保小程序面对的挑战
    2. 微保小程序的架构设计
    3. 微保小程序的工程化方法

    听众收益：

    1. 如何优雅的管理较大型的小程序项目
    2. 庞大的小程序如何做到按特性发布

    知识储备：

    1. 小程序相关知识
    2. Node 相关知识

  • PPT链接：无

注：由于讲师所在企业限制，不对外公布

《百度 App Tekes 研发一体化平台》

郭金 / 百度 资深研发工程师

  • 讲师简介：

    郭金，百度App资深研发工程师，2014年入职百度，先后负责社交化、基础性能等技术方向，目前负责百度App客户端工程与架构方向。在App复杂的背景和多样化的技术目标要求下，设计并完成百度App架构与工程能力升级，并着力于打造研发流程一体化平台，实现并行开发、快速迭代、高效复用。

  • 演讲简介：

    本议题主要介绍大型 App 通过工程拆解，组件二进制化、构建系统源码/二进制混合开发模式，并基于此建设的 Tekes 研发平台，实现二进制自动发布准入、依赖管理与多产品线支持，性能与组件化劣化管控等研发流程一体化，使用多种工程技术保障并行开发和研发效率，同时管控高速迭代过程的劣化。


    演讲提纲：

    1. 背景：

      (1) 大型 App 工程拆分

      (2) EasyBox 工具链(多仓库管理+二进制管理+构建系统)

    2. 组件全量二进制的实施步骤及研发模式升级

    3. 编译成功率保障：中央仓库快照及源码二进制映射

    4. 组件二进制版本自动发布、准入机制

    5. 组件版本号规范的约束

    6. 依赖管理及多产品线支撑

    7. 性能准入流水线联结

    8. 依赖、接口劣化监控

    9. Tekes 研发一体化平台整体架构

    听众收益：

    1. 大型 App 架构设计与拆分方法
    2. 超级 App 高效工程能力保障方法
    3. 组件全量二进制实现路径
    4. 组件二进制自动发布的流程
    5. 矩阵产品工程孵化模式

    前沿亮点：

    1. 源码/二进制切换开发模式
    2. 研发流程一体化

    知识储备：

    组件化、移动端端架构、移动端构建系统相关知识

  • PPT链接：下载

团队建设与管理

大前端团队越来越倾向于年轻化，相关研发技术也日新月异。如何打造年轻化的技术团队，并应对各种技术选型，团队领导者应该怎么做？

《考拉前端团队演进之路》

俞棋军 / 考拉海购 前端负责人

  • 讲师简介：

    俞棋军，考拉海购前端负责人，2005年毕业于浙江大学软件学院。2009年入职到网易杭研院，从事前端开发工作，参与的项目有网易博客、秀品、网易机票、易信 Web 版等。2013年梳理前端技术体系的相关内容，给公司的前端团队做技术培训，参与制作早期的网易教育前端课程。2015年参与到考拉的前端建设中，从考拉最初的6人团队，一路建设到100人左右的前端团队。现在他在考拉的业务建设主要分为两部分，一是从 01 的建设过程，二是从 1全家桶的过程，包括离线方案、bff 建设、跨端建设以及页面性能监控等落地。

  • 演讲简介：

    前端团队在互联网行业里占据着很重要的职能地位，如何使这一职能发挥最大的岗位价值，是团队管理者需要深入思考的。TL（Team Leader） 需要按照产品的业务性质为不同的团队分工，建设合理的团队梯度；同时，也要在前端团队整体的发展过程中去思考标准化开发、一体化输出以及工程化建设。

    本次分享会以考拉海购前端团队的建设过程为样本，以什么样的方式来建设前端团队，出于什么样的目的来建设前端团队方向，其中包括前端团队在的效能环节、体验环节及跨端建设上所做的工作。希望能为前端团队 TL 带来一些思路上的拓展和帮助。

    演讲提纲：

    1. 初创的前端团队所面临的问题

    (1) 团队运作效率问题

    (2) 团队成长瓶颈问题

    (3) 成员招聘问题

    1. 前端团队问题升级为体验问题

    (1)交互体验问题

    (2) 性能体验问题

    (3)站点统一风格问题（组件库）

    1. 团队参与产品 0~1 的职责问题

    (1) 团队的职能问题

    (2) 团队的管理模式

        业务的自然分工<br />
    事业部形式<br />
    矩阵式管理<br />

    (3) 团队的分工

        中后台开发<br />
    前台开发<br />
    运营工具开发<br />

    (4) 共公技术的综合开发

    1. 前端团队的进阶演化

    (1) 公共技术的输出

    (2) 标准化输出

        工程化<br />
    组件库<br />
    技术栈<br />

    (3) 线上性能监控的落地

    1. 前端团队的目标

    (1) 以结果为导向的团队工作横量，从下游倒逼上游方案的高质量

    (2) 减少不必要的流程提升能效

        数据环节<br />
    上线灵活性<br />
    分工明确<br />

    (3) 团队中的技术如何推进落地

        技术专项组<br />
    定期的专项组分享<br />
    客户端和前端配合提升体验提升
    1. 前端团队的展望

    (1) 以结果为导向

    (2) 标准化的开发模式

    (3) Cloud IDE 的开发体验

    (4) 前端介入 Serverless 的接口编排

    听众收益：

    1. 前端团队的建设途径，01及1现在的工作内容
    2. 前端团队的在两阶段里的工作要点
    3. 前端团队如何进行技术落地

    知识储备：

    了解前端团队 TL 相关知识

  • PPT链接：下载

《Teambition 研发团队成长历程》

严清 / 阿里巴巴 Teambition 产品线研发总监

  • 讲师简介：

    严清，花名引光，阿里巴巴 Teambition 产品线研发总监。2013年加入 Teambition，有丰富的前后端开发经验，带领前后端团队进行整个产品线研发；六年时间，见证了 Teambition 产品从零到一、团队从十来人到两百余人的发展历程。

    严清作为程序员，擅长 Node.js、Go 开发，喜欢 Rust；作为架构师，目前在推动“协同领域的基础 API 服务”和“开放能力建设”的技术发展，希望能吸引更多参与者，一起打造企业应用生态，加速企业信息化进程。

  • 演讲简介：

    Teambition 是如何从十来人团队开发草根的小众产品，成长为两百人团队的协同工具创导者的？我将给大家分享 Teambition 研发团队成长历程与经验。

    演讲提纲：

    1. 我的成长历程
    2. 我的团队及工作内容介绍
    3. 前端团队负责人的职责与成长规划
    4. 前端团队成员的培养
    5. 分工与协作：我们的研发管理
    6. 经验总结

    听众收益：

    1. 个人如何合理规划自己的成长路径？
    2. 研发团队会面临哪些问题？该如何解决？
    3. 一个非典型草根创业团队的成长故事。

    前沿亮点：

    互联网数字时代的研发团队管理方式

    知识储备：

    有 Web 开发工作经验，最好有一定的团队或项目管理经验

  • PPT链接：下载

注：由于讲师所在企业限制，不对外公布

《中小前端团队 Team Leader 的管理之路》

Scott / 宋小菜 前端负责人

  • 讲师简介：

    Scott，9 年工程师生涯，坚信创业是场修行。曾任职阿里巴巴前端工程师、Moveha|CR CTO，现任宋小菜前端团队负责人，搭建团队从 6 人到 20 人，专注供应链大前端的跨端工具工程化，专注年轻工程师的成长与潜力发掘。

    2012 年开始接触编程教育领域，兼职参与加拿大编程教育平台 UULearn 创业孵化，2013 年入驻慕课网，推出 10 门课程，观看用户超过 50 万。

  • 演讲简介：

    中国互联网产业高速发展，数以万计的互联网创业公司应运而生，在带动前端行业蓬勃发展的同时，也伴随着成千上万的前端工程师的管理问题。如何在业务达成过程中帮助前端工程师更快成长，如何挖掘工程师的价值考验着每一位前端团队管理者。

    庞大的中小型互联网公司中又包含成千上万个技术部门，附带着数以千计的中小规模的前端团队，团队虽小，五脏俱全，给许多的新晋前端管理者带来巨大的技术和管理挑战，这些新的技术和管理挑战与大公司的前端团队所处境况截然不同，解法也各有不同。

    Scott 近五年活跃在创业公司和前端社区中，也活跃在编程知识领域与⼯程师能力领域中，伴随着成千上万的前端工程师走上管理岗位。在自己的团队中不断探索与实践，特别是针对工程师的年轻化，有独特的中小规模创业公司前端团队的管理视角和解法经验，本专题希望能帮助更多管理者解惑。

    演讲提纲：

    水温：中小前端团队当前的生存现状

    招式：如何带领年轻化的中小团队步入正轨

    内功：新晋前端管理者在创业环境中如何自我规划

    案例：小菜前端团队用两年时间到工程化的探索之路

    听众收益：

    1. 面对中小前端团队如何管理
    2. 前端管理者能力的系统化分析
    3. 前端 TL （Team Leader）面对的问题和需具备的素质

    前沿亮点：

    1. 中小规模前端团队的系统化分享
    2. Scott 结合自己的近十年经验梳理了管理中的关键点

    知识储备：

    最好有前端团队管理经验

  • PPT链接：下载

Flutter实战

Flutter作为革命性的跨终端解决方案，一经推出就获得了广泛关注。如何利用新技术为组织带来效率和体验的提升，为业务带来价值？本专场希望通过分享行业内基于Flutter技术落地的解决方案以及相关的技术创新，为更多企业和开发者提供启发和借鉴。

《MTFlutter：美团外卖Flutter容器化生态建设实践》

陈航 / 美团点评 高级技术专家

  • 讲师简介：

    陈航，专注于大前端开发领域10年。曾就职于雅虎北研和新浪微博，2015年加入美团，经历了外卖用户端和商家端发展的多个阶段，推动了外卖移动端架构演进、线上运维及终端技术栈融合等相关工作。现任美团外卖商家业务终端团队技术负责人，致力于提升终端团队研发效率与交付质量。

  • 演讲简介：

    与面向用户业务相比，中后台业务角色多、场景复杂、标准化程度低，流程差异大。并且由于中后台业务天生的生产工具属性，导致使用时长通常远远高于用户业务。这些典型业务特点使得中后台类App面临着迭代效率与稳定性的双重挑战。

    为了更好的平衡终端团队的开发效率与稳定性，美团外卖终端团队在2018年着手调研并引入Flutter，先后在用户端和商家端的验证可行性，确认了其在中后台业务场景中具有实用价值。2019年团队进行了Flutter容器化生态及周边自动化工具的建设，作为面向中后台场景的容器化解决方案，MTFlutter在最新稳定版Flutter的基础上进行了修改适配，基于美团点评的移动端基建、开发生态做了定制，提供了工程模板、脚手架、基础能力插件、UI2Code/AI2Code、混合开发集成工具、Pub服务、打包构建、资源托管、监控运维等开发者能力，让拥有基本Flutter开发技能的业务团队，能够快速的将Flutter容器无缝引入到现有项目，或是快速构建独立的Flutter应用。作为源自美团外卖，服务于全公司的容器化方案，目前，MTFlutter已经在美团点评多个部门不同类型中后台业务大规模线上使用。

    本次GMTC大会，将会分享一些我们的实践经验，希望能够为大家在Flutter容器化生态建设和大规模化使用Flutter上提供借鉴和思路。

    演讲提纲：

    1. 业务背景

    (1) O2O模式下的中后台业务特点

    (2) 跨平台技术的业务诉求与技术挑战

    1. Flutter的优势和挑战

    (1) Flutter的原理和技术特点

    (2) 业务落地现实问题

    1. MTFlutter：Flutter容器化生态建设

    (1) 容器化技术全景图

    (2) MTFlutter工作流及工程闭环

    (3) 容器化基础设施生态及周边工具链建设

    (4) 线上性能与异常监控运维能力

    (5) UI2Code/AI2Code代码自动生成工具

    (6) 业务落地现状

    1. 展望和总结

    听众收益：

    1. 基于业务特点的跨平台技术选型思路
    2. 如何在规模化团队中推广使用Flutter
    3. 基于Flutter容器化解决方案建设思路

    知识储备：

    有基本的Flutter编程经验即可

  • PPT链接：下载

《Flutter 在字节跳动的现状与工程实践》

林帅斌 / 字节跳动 高级研发工程师

  • 讲师简介：

    林帅斌，就职于字节跳动移动平台部，曾就职百度、阿里巴巴，参与过百度日文输入法、东南亚Lazada电商等重量级应用研发。目前负责 Flutter 应用框架层基础建设，主要的研究方向包括工程自动化接入、状态框架、组件容器化方案、研发流程等。

  • 演讲简介：

    Flutter 是跨平台技术上最火的技术，在提供极好的用户体验的同时能解决多端一致性的问题，而且还能有效的降低人力成本。

    字节跳动希望把 Flutter 打造成下一代研发体系，支撑众多 App 的各种使用场景，为此，我们在 Flutter 上大力投入，覆盖了引擎技术、平台服务、开发框架等多个维度。本次分享将介绍一下字节跳动在 Flutter 技术上的进展。

    在开发框架上，我们围绕着开发着服务、研发流程两个方向进行了较多的投入，致力于提供极好的开发者体验，让开发者更高效，更专注在业务开发。本次分享主要会涉及工程实践的三个内容：研发套件、容器化方案以及状态管理框架。

    演讲提纲：

    1. Flutter 在字节跳动的进展

    (1) 选择 Flutter 的原因

    (2) 业务落地情况

    (3) 建设现状与规划简介

    1. 工程实践

      (1) Flutterw 研发套件
      a. 背景<br />
b. 套件介绍

    (2) 容器化开发方案 

       a. 背景<br />
   b. 架构体系<br />
   c. 使用场景

    (3) 状态管理方案

       a. 状态管理方案的选择<br />
   b. redux 的缺陷<br />
   c. ByteRedux 方案介绍
    1. 结束语

    听众收益：

    1. 了解字节跳动在 Flutter 实战上的进展
    2. 了解一种创新的状态管理方案的实现原理
    3. 了解 Flutter 工程实践的一些基础建设

    前沿亮点：

    1. 研发套件、容器化方案能系统化的完善 Flutter 的开发周边，提供更好的开发者服务。
    2. ByteRedux 使用新的思路，在保证 Redux 的核心优势的同时解决它的一些问题，使其能更好的适应大中小型 Flutter 应用开发。

    知识储备：

    无特殊要求

  • PPT链接：下载

《蚂蚁财富的 Flutter多业务开发实践》

肖凯 / 蚂蚁金服 无线开发专家

  • 讲师简介：

    肖凯，花名楚斌。先前就职于网易有道，负责有道翻译官等端应用的开发工作，推进了第一代移动开发组件化建设。2017年加入蚂蚁金服，负责蚂蚁财富端开发工作。主要研究方向为工程提效，创新技术落地，以最大化释放技术生产力为目标。

  • 演讲简介：

    面对日趋丰富的无线技术生态，Flutter 的价值几何？面对高风险金融业务，Flutter 能否经得起业务考验?面对大厂内已经完善的基础建设，Flutter 如何平顺的融合落地？蚂蚁财富⽆线团队面对 Flutter 这门新技术时的独立思考以及使用 Flutter 的一些经验，为业务带来价值的同时通过工程化的方法将更优秀的技术能力辐射到其他业务部门。

    演讲提纲：

    1. Flutter 之我见

    (1) 业务价值

    (2) 技术价值

    1. 工程体系的演进

    (1) 工坊时代

    (2) 工业时代

    1. 复杂生态与多团队下的技术体系建设

    (1) 生态融合 - DartAPI

    (2) 一站式 Flutter 开发 - AFF

    (3) 业务赋能

    (4) 业务路由

    (5) 线上数据大盘建设

    1. 使用 Flutter 的收益

    听众收益：

    1. 了解 Flutter 的能力
    2. 了解多业务协同方式
    3. 了解 Flutter 和端的通信方式

    前沿亮点：

    1. 多业务方视角 ——如何高效协同开发
    2. 无侵入路由方案 ——动态替换原生模块至 Flutter

    知识储备：

    Flutter 入门

    了解 CLI

  • PPT链接：下载

《Flutter 在百度贴吧的落地实践》

高飞 / 百度 资深研发工程师

  • 讲师简介：

    高飞，百度贴吧客户端技术负责人，资深研发工程师，全栈技术实践者，2011年加入百度贴吧，一直服务于贴吧客户端，经历了移动技术发展的重要节点，研究技术主要有客户端工程建设、体验优化、动态化、IM、直播等，2018年下半年负责探索 Flutter 技术在贴吧的落地。

  • 演讲简介：

    Flutter 作为移动端新技术，具备跨端渲染、高效的开发体验和高性能等优势，能够提升人效，加速业务创新迭代。原理类似游戏引擎，且开源，虽然整体处于早期技术阶段，但是生态发展迅猛。贴吧在 Native 架构实践中有着丰富的经验，有许多经验和思路直接借鉴到 Flutter 中进行落地，目前应用在贴吧主 App 的混合开发当中，贴吧内部版（极速版）跨 Android、iOS、iPad已经上线。


    演讲提纲：

    1. 为何引入 Flutter

    2. Flutter 落地想法和目标

    3. 思路

    (1) 技术全景

    (2) 工程架构

    (3) 业务框架

    (4) 基础能力

    1. 落地情况与“坑”

    2. 规划与总结

    听众收益：

    1. 了解 Flutter 在百度贴吧的实践过程
    2. Flutter 的模块化实践思路
    3. 了解实践中的一些“坑”

    知识储备：

    1. Flutter 入门知识
    2. 移动端模块化基础

  • PPT链接：下载

注：由于讲师所在企业限制，不对外公布

大前端架构演进

前端经过十几年的发展，已经有多个分支领域。前端和移动端也越来越复杂，要把大前端方方面面所涉及的技术细节都了解到，不是一件容易的事情，太泛则不精，我推荐的做法是了解前端架构发展的路径，抽象出其背后的原理，找到变革的驱动力，掌握技术发展的趋势。对个人而言，能找到适合自己深入发展的方向；对企业而言，能制定出最适合当前业务的技术方案，赋能企业高速发展。本专场借助几个行业具体的实践案例，谈谈对目前大前端发展趋势和架构演进的理解和展望，希望能给大家在技术方向选择和方案选型上，提供一些参考。

《云端一体新前端工程模式在淘系前端的实践》

王光（九十） / 阿里巴巴 高级前端技术专家

  • 讲师简介：

    王光（九十），淘系前端团队高级前端技术专家，目前正尝试通过Serverless/FaaS 等新素材变革淘系前端研发模式。在阿里巴巴的六年时间里，陆续参与过 Weex 初期前端体系建设（React早期实践以及主导页面投放体系）、集团 Node.js 应用标准化治理和中间件体系建设等。技术兴趣较为广泛，对于技术浪潮自认为比较理性。

  • 演讲简介：

    近来云原生、Serverless/FaaS一类的新架构逐渐开始成熟，进而建立在线服务的成本越来越低。轻量的云端服务开发，已经逐渐成为前端工程的新标配。淘系前端以导购业务为切入，开始实践云端一体新工程模式。本次会议我将会分享到，我们如何整合既有的前端项目与新的云端FaaS 能力，让淘系前端可以借助业务中台能力独立完成业务需求。

    演讲提纲：

    1. Serverless 技术浪潮与淘系导购业务背景
    2. 云端一体新前端工程模式一窥
    3. 相关 PaaS 平台配套设计与思考
    4. 现场视频演示
    5. 未来展望

    听众收益：

    1. 新一代前端工程架构以及相关平台配套设计
    2. 如何在一个既有业务领域落地前端云端一体工程

    前沿亮点：

    1. 一体的前端工程规范
    2. 如何融入原来只有 Java 语言的服务器端开发的环境
    3. 新研发模式下建立的一些PaaS 平台（研发平台、中台服务管理消费的平台等）

    知识储备：

    1. 前端工程方面
    2. 基础 Node.js 开发

  • PPT链接：下载

《腾讯在线教育大前端架构演进之路》

曹海歌 / 腾讯 前端高级工程师

  • 讲师简介：

    曹海歌，腾讯前端高级工程师，IMWeb 团队成员。2016 年加入腾讯，负责企鹅辅导前端架构设计、跨平台方向以及 Node 服务建设的工作，参与了从 React Native 到自研跨端框架 Plato 跨平台框架研发，对跨平台、Node.js 开发有丰富的经验。

  • 演讲简介：

    近年来，随着 jQuery 的落幕，三大框架的割据以及小程序的爆发，大前端的发展也经历了从静态页面到JavaScript跨时代的诞生，再从PC端到移动端的转向，以及由依赖后端到前后端分离的架构演变。

    本次演讲主要分享腾讯在线教育前端团队近年来大前端技术架构演进历程，如 Hybird 方案、离线包方案、PWA 结合 SSR 方案、以及 RN 动态化方案的落地和执行。结合具体实例进行分析，阐述团队是如何进行业务性能优化以及为提升研发效率进行的前端工程化体系建设。

    演讲提纲：

    1. 大前端技术架构演进

    (1) 浏览器新特性的发展 PC、H5

    (2) 结合后台的技术方案 PWA 、SSR

    (3) 结合终端的技术方案 RN、Flutter

    (4) 小程序动态运营方案 微信小程序

    1. 在线教育大前端架构演进之路

    (1) Hybird 、离线包方案

    (2) RN 方案的业务落地

    (3) PWA + SSR 项目实践

    (4) Node.js 构件业务矩阵

    1. 大前端架构的未来展望

    (1) 效率工具规范化

    (2) 基础能力服务化

    (3) 领域模型智能化

    听众收益：

    1. 深刻理解大前端技术架构的演进背景及现状，使团队在发展过程中更加理解前端工程化；
    2. 通过我们的实践案例充分思考，总结经验提升团队效率。

    前沿亮点：

    1. 理清前端产品化过程中的痛点；
    2. 如何在前端工程化中利用工具提升团队效率。

    知识储备：

    有一定前端项目经验，对前端开发有一定的了解。

  • PPT链接：下载

注：由于讲师所在企业限制，不对外公布

《快手前端 H5 容器中台化实践》

宋云路 / 快手 前端技术专家

  • 讲师简介：

    宋云路，快手前端技术专家，2016 年加入快手，亲身经历了快手从千万级 DAU 到亿级 DAU 的前端架构演进全过程，目前主要负责快手主 App 相关的前端业务开发和架构优化。对前端中台、前端性能监控、 Node.js 开发运维等方面有比较丰富的实践经验。

  • 演讲简介：

    在中台化发展迅速的背景下，前端从业者也在积极探索搭建前端中台的落地点和可能性，并逐渐抽象了一些前端 H5 业务中台。然而受限于不同客户端 H5 环境的多样性和功能健全性等差异，导致一份代码很难直接在不同客户端中无缝运行，限制了 H5 业务中台化的发展。本次分享将阐述快手 App 前端业务中台化的背景和现状，以及如何通过搭建一个 H5 容器中台 SDK ，使得客户端仅需简单接入配置便可具备完善的 H5 常用核心能力的统一化封装，最终实现强依赖客户端能力的 H5 业务也能做到 0 修改即可在各客户端中无缝运行。实现中台的初衷，提高业务迭代效率。

    演讲提纲：

    1. 快手 H5 业务中台化背景和现状

    2. H5 容器中台架构设计

    (1) 鉴权能力封装

    (2) JS 通信及 API 设计

    (3) 离线包能力设计

    (4) 埋点监控设计

    1. 经验总结沉淀

    2. 对中台化思维的思考

    听众收益：

    1. 了解搭建 H5 容器中台的架构设计和实践经验
    2. 了解中台型 H5 容器与常规 H5 容器的区别
    3. 如何基于中台化思维对接业务需求

    知识储备：

    客户端内 H5 开发基础知识

  • PPT链接：下载

注：由于讲师所在企业限制，不对外公布

《建设企业级微前端方案》

张浩 / 网易 资深前端开发工程师

  • 讲师简介：

    张浩，网易资深前端开发工程师，严选数据产品前端负责人。先后负责过网易企业邮箱、网易有钱、网易严选等大型项目的前端架构设计及开发。当前致力于大前端与通用能力建设、工程化与效率工具、企业级应用架构等领域研究。

  • 演讲简介：

    传统的前端 SPA 开发模式，一方面随着系统迭代发展到一定的程度，规模非常庞大，通过项目内的模块化，已经无法解决业务膨胀的问题；另一方面随着应用框架的升级、变迁，多框架共存的状态无法避免，必须要有一种工程化方案，能对整个业务能进行合理拆分、组合。微前端作为新兴的技术方向，在前端开发模式方面必将带来一些变革。

    演讲提纲：

    1. 传统前端 SPA 开发模式面临的问题

    (1) 应用膨胀与臃肿

    (2) 技术栈不断迭代与更新

    (3) 大型项目涉及的人员与模块多，沟通成本高

    (4) 微服务架构演进

    1. 微前端的定义与目标

    (1) 定义

    (2) 目标

    1. 严选微前端的方案设计与优势特点

    (1) 方案设计

    (2) 优势特点

    1. 严选微前端带来的变革

    (1) 具体业务场景的落地实践

    (2) 产生的效益与实际价值体现

    1. 面向未来的前端技术架构

    (1) 复杂多变需求场景下的业务开发模式思考

    (2) 新一代企业级前端开发模式的继任者

    听众收益：

    1. 企业级微前端技术架构的应用场景和落地方案
    2. 在新型应用开发模式方面给大家带来一些思考启发
    3. 探索业务开发模式的优化方式，实现应用级别可复用的前端模式
    4. 大型项目如何解耦与分离，各模块做到独立开发部署和技术栈无关的应用无缝接入

    前沿亮点：

    从设计方案、应用场景、项目收益等方面，介绍网易严选在微前端方面的探索、实践与总结，实际性地解决了大型前端 SPA 应用的开发痛点与难点，做到“项目分离，运营聚合”。

    知识储备：

    建议具有较好前端开发基础能力，负责过大型前端项目的开发，具备一定的模块分析与技术机构能力，同时对微前端技术有一定的了解和认识。

  • PPT链接：下载

大前端商业化

商业变现是互联网行业中非常核心的业务，大多数公司的绝对现金流来源。随着后移动时代的到来以及从流量运营到用户运营的思维变迁，大前端在其中的价值也越发突显，从广告的触发、展现、点击，再到最终的转化都有大前端发挥的空间。相比用户产品，商业变现中的大前端技术有更强的业务/效果导向，在这里不会一味的追求业界新技术，但一定会用数据证明任何细微优化的价值。本专题力争将商业化场景下的大前端最佳实践呈现给大家。

《商业增长的极致 Feedback》

伍星秦 / 腾讯 应用宝前端技术负责人

  • 讲师简介：

    伍星秦，2012年入职腾讯，参与开平 FusionAPI，主要负责手Q手空应用中心及应用宝商业化的前端业务工作。在 Web 性能优化、Node.js 调用有丰富经验。同时，关注和调研前端的前沿技术，驱动应用宝前端团队从前端到泛前端的转变，推动前端在广告流量拓展、前端样式实验、数据驱动策略、广告转化链路优化领域的落地。

  • 演讲简介：

    在商业化变现领域的核心就是"交易"，前接流量，后接转化成本。如何高效转化链路，是目前最关键的问题。高效转化链路的核心是在统一的指标下，建立优化目标和评估体系，基于前者的数据分析然后制定一系列的策略和实验高效迭代，快速找到关键变量并持续优化。本次分享主要是从指标建立开始，以灵活高效的落地页做承载，结合千人千面的广告推荐服务和用户理解，更好的吸引用户完成我们想要的目标，希望能给大家一些启发。

    演讲提纲：

    1. 建立统一的评估体系衡量每次投放的价值
    2. 从前端到后端的落地页高效研发体系
    3. 落地页实验与策略实验运营化
    4. 用户理解与再次触达，释放 ROI 的空间
    5. 反作弊识别与能力完善

    听众收益：

    1. 数据指标制定和拆解
    2. 灵活高效的落地页架构
    3. 实验系统与落地页的结合
    4. 从技术角度去驱动项目

    前沿亮点：

    1. 落地页与实验结合
    2. 尝试建立用户统一标识，以此为基础理解用户

    知识储备：

    1. 广告相关的基础知识
    2. 实验系统的基础知识

  • PPT链接：下载

《移动端广告落地页预加载技术实践》

张博 / 字节跳动 前端工程师

  • 讲师简介：

    张博，字节跳动前端工程师，主要负责提升字节跳动商业化广告制作、展示效率等方面工作。2018年加入字节跳动，曾就职于百度，参与了百度 H5 项目，并负责百度脑图。在 Web 复交互应用、前端性能优化等方面积累了一定的经验。

  • 演讲简介：

    相信大家肯定读到过很多加载速度和转化率之间的关系的文章，在商业化领域，广告落地页的加载速度会很大程度上影响最终的转化率，在性能优化到一定瓶颈之后，不得不借助一些额外的能力做进一步的优化，我们最终的目标是达到落地页的“秒开”。

    我们先后尝试了基于静态资源列表、包、WebView 等预加载技术方案，并且通过对比实验，得出了一些结论，并积累了一些经验，当然这个过程中也踩了不少坑，关于预加载在落地页上的应用也有一些自己的思考，希望借此机会分享给大家。

    演讲提纲：

    1. 落地页性能对广告的影响

    2. 怎么做预加载

    (1) 一些铺垫（将资源文件打进 App 代码/提前开 WebView 加载落地页）

    (2) 基于资源列表的预加载

    (3) 基于资源包的预加载

    (4) 基于 WebView 的预加载

    1. 怎么评判预加载

      (1) A/B 测方案

    2. 各方案性能数据对比

    (1) 实验条件说明

    (2) 技术指标

    (3) 业务指标

    5.下一步工作计划

    听众收益：

    1. 常见的网页预加载技术方案
    2. 评价预加载效果方法和指标
    3. 预加载方案实施过程中会遇到常见的问题

    知识储备：

    基础的广告业务知识

  • PPT链接：下载

《高效灵活易于演进的商业化场景 Node.js 架构实践》

尚飞 / 百度 资深研发工程师

  • 讲师简介：

    尚飞，现就职于百度原生商业部，热衷前端技术，对新技术有强烈的好奇心。曾将Facebook/GraphQL应用在百度原生商业体系的Node.js服务端，充分利用GraphQL技术特点和优势，构建了一套自省式、高效率、可演进的内嵌GraphQL的Node.js服务。

  • 演讲简介：

    大前端商业化进程中，始终围绕着技术创新和工程优化这样一个双核主题，即如何从用户运营中获得商业价值的同时，又能不断探索和激发用户运营的新动力，两者相辅相成，共同保证大前端商业化向着更加成熟的方向发展。我将通过百度原生商业部在 Node.js 服务端升级过程中，选用 GraphQL 升级 Restful API 的实践经验，介绍如何利用新技术的优势和特点，提出内置 GraphQL 的设计，区别于以往在 Restful API 之上搭建 GraphQL 的架构，完成服务端 GraphQL 化，以此应对商业化中瞬息万变的市场以及稍纵即逝的商机，相比客户端的诸多限制，如审核发版、技术闭环等，服务端不仅便于探索新业务，而且更适合频繁优化，提高研发效率，降低运营成本。

    演讲提纲：

    1. 了解 GraphQL 在生产实践中的优劣势；
    2. 结合大前端商业化特点，改造 GraphQL 的运行模式，适配业务需求；
    3. 如何内嵌 GraphQL 建立自省式、高效率、可演进的 Node.js 服务；
    4. 依托 GraphQL 管理业务细节，建立高效简洁的沟通模式。

    听众收益：

    1. 了解 GraphQL 在生产实践中的优劣势；
    2. 使用内置 GraphQL 的设计，区别于以往在 Restful API 之上搭建 GraphQL 的架构；
    3. 在大商业背景下，自省式、高效率、可演进的 Node.js 服务带来了哪些优势。

    前沿亮点：

    1. 在大流量下使用 GraphQL 的实践经验
    2. 围绕 Facebook/GraphQL 建立的大数据测试
    3. 在快速迭代中如何规范化管理业务细节

    知识储备：

    1. 了解 Restful API 的局限性和 GraphQL 的背景
    2. 对 Node.js 微服务有所了解

  • PPT链接：下载

《微信小程序小游戏广告形态体系建设》

冼誉杰 / 腾讯 研发工程师

  • 讲师简介：

    冼誉杰， 腾讯研发工程师，就职于腾讯微信广告部。目前负责微信小程序小游戏广告项目的研发工作，主要关注前端性能优化，以及跨平台开发的相关技术与框架等方向。

  • 演讲简介：

    微信小程序推出至今，小程序小游戏数据已超过100万，小程序小游戏的日活用户超过了2亿。同时，其他的小程序平台也在持续为其平台内小程序变现进行赋能，加快开发者商业变现能力。因为商业变现始终是互联网行业永恒的话题，不但可以让开发者持续获利，还能不断完善小程序的生态，让用户获得更好更便利的服务。本次分享我将会从如何提高多端的开发效率、如何快速迭代广告形态以及反作弊监控等方面去介绍微信小程序小游戏广告形态的体系建设，及其赋能形态快速迭代的相关实践。


    演讲提纲：
    1. 小程序小游戏整体框架介绍
    2. 广告形态多端同构
    3. 广告形态实验系统框架介绍
    4. 赋能形态快速迭代
    5. 广告形态性能优化实践
    6. 广告形态反作弊监控赋能优化广告效果

    听众收益：

    1. 提高广告商业变现的开发效率
    2. 快速迭代广告形态寻找优质广告展示形态
    3. 通过监控手段打击作弊行为
    4. 优化最终广告效果

    知识储备：

    对客户端或前端或小程序开发有一定背景知识与开发经验

  • PPT链接：下载

Web Performance

在移动互联网时代，由于设备资源受限、网络不稳等因素，Web性能优化显得尤为重要，从用户感知的首屏指标建立到关键耗时路径拆解和优化都有类似的经验可以借鉴。本专场将邀请在Web前端、渲染引擎和特定场景下有速度优化经验的技术专家，分享实践经验。

《面向全球用户的极致性能优化与挑战》

易晓峰 / 阿里巴巴 高级前端专家

  • 讲师简介：

    易晓峰（花名林异），阿里巴巴高级前端专家，ICBU 性能架构师，负责无线前端&架构团队。2018年主要负责性能优化，从网、云、端全方位优化三端性能，让海外用户的性能得到了极大幅度的提升，同时还建立起用户视角的国际化性能监测及度量体系。

  • 演讲简介：

    随着中国互联网的蓬勃发展，越来越多的企业势必要走向国际化，而性能是前端避不开的一个话题。大型电商网站的性能优化是一个非常复杂的事情，一是开发团队众多牵涉广；二是用户面向全球，用户分散、用户物理距离遥远、地区间发展不平衡。在白纸上画图是最容易的，小网站实在不行就整体重构，但我们很难对网站做整体重构，因为需要消耗巨量的人力资源。面对各种复杂的环境，我们如何发现及定位问题，如何找到适合用户的性能优化方案？

    演讲提纲：

    1. 国际化性能优化的挑战

    2. 国际化性能优化的度量与分析

    (1) 首屏定义

    (2) 秒开率、分位数、平均值、极值等分析方法对性能数据的影响

    (3) 分析的维度(国家、设备、分层)、散点图、全球性能地图

    (4) 利用数据来指导性能优化

    1. 国际化性能优化的方案

    (1) 使用 AMP 优化来自 Google 的流量

    (2) 利用边缘节点流式渲染解决首跳性能

    (3) 快速将网站 SPA 化解决二跳的性能问题

    (4) 异步渲染 API 的性能优化

    听众收益：

    1. 快速发现及定位问题
    2. 在各种复杂的环境下找到适合于用户的性能优化方案

    前沿亮点：

    1. 面向全球用户的性能优化
    2. 大型电商网站的性能优化

    知识储备：

    1. 有一定的 Web 开发经验
    2. 有一定的性能优化的知识

  • PPT链接：下载

《百度App H5页面性能监控和优化实践》

阚光远 / 百度 资深研发工程师

  • 讲师简介：

    阚光远，百度App搜索性能优化技术负责人，曾就职于中兴通讯股份有限公司，负责中兴自研浏览器内核的研发工作。2013年加入百度，负责百度App搜索结果页和落地页的性能优化工作，对百度App T7内核渲染引擎做深度的定制化改造，是T7内核网页性能优化资深专家。

  • 演讲简介：

    通过对百度App H5网页速度数据做详细分析发现，H5页面展现时间超过4秒，毫无疑问，在这个用户体验至上的时代，H5展现速度会极大影响百度App的用户体验，而且数据显示57%的用户选择离开。因此，H5页面的首屏性能变得十分重要，要争取做到秒开。

    本次分享，会详细介绍百度App性能监控体系的建立过程，包括通过监控及时发现线上H5页面打开慢的原因，并提供定位具体问题原因的能力。还将分享到百度T7内核网页渲染优化算法以及精准首屏标准化的推进。

    演讲提纲：

    1.性能监控体系的建立

    （1）前端JS监控存在的问题

    （2）首屏指标的建立

    （3）辅助指标建设

    2.百度T7内核网页渲染优化

    （1）首屏关键路径拆解

    （2）渲染引擎布局算法存在的性能问题

    （3）精准首屏加速算法

    3.精准首屏标准化

    （1）首屏firstpaint标签定义

    （2）介绍网页开发者如何使用首屏标签

    听众收益：

    提高网页速度，提升H5浏览体验，进而可以带来网站流量增长

    前沿亮点：

    H5页面用户可感知速度监控和渲染引擎首屏速度优化

  • PPT链接：无

《Google 效能工具的实践之路》

廖凯明 / 谷歌 移动技术解决方案顾问

  • 讲师简介：

    廖凯明，谷歌移动技术解决方案顾问，关注前端技术最新动态，为大型合作伙伴提供移动技术解决方案及推广移动技术（包含移动 Web ）。

  • 演讲简介：

    随着网络的飞速发展，大的网络环境越来越好，但是通过调研我们发现网站性能越来越差。如何通过真实用户体验来定义网站性能指标显得十分重要，本次主题将会分享 Google 性能工具如何定义效能指标。

    同时，对于网络环境或硬件条件不佳的用户，开发人员通常使用不同装置基准(“桌面”“移动”)建构组件和路由。因为用户所处的环境通常更加细微，如：CPU 速度、网络速度变化、内存大小，所以常用的构建组建显得不符合时宜。那我们如何通过网络平台可用的信号来迅速满足客户的需求？希望本次分享能给你带来一些参考。

    演讲提纲：

    1. Google 性能工具

    (1) Google 性能指标定义及更新

    (2) 有效利用 Lighthouse 的可拓展性

    (3) 接入 Google 性能工具到持续集成内

    1. 自适应加载

    (1) 自适应加载的重要性

    (2) 前端框架如何实现自适应加载

    (3) 如何根据不同硬件条件加载资源

    (4) 大型公司如何采用自适应加载

    听众收益：

    1. 如何定义效能指标及使用 Google 效能工具
    2. 根据网络环境及不同装置硬件采用自适应加

    知识储备:

    1. Web 开发经验
    2. 性能优化知识

  • PPT链接：下载

深度培训

《Flutter 技术进阶与实战》

李会超 / 美团点评 技术专家

  • 讲师简介：

    李会超，美团点评技术专家。专注于大前端开发领域多年，曾就职于新浪微博，现任美团外卖商家业务 iOS 负责人，致力于提升研发效率与研发质量，为商家提供稳定可靠的生产力工具。在美团的四年时间，推进了商家业务移动端架构升级和基础设施建设，探索并大规模落地了多端复用的多重可行性方案，对 React Native 、Flutter 以及 Dart 编程拥有深刻的理解及丰富的项目实践经验，是美团点评最早落地 Flutter 线上大规模应用的实践者和推动者。

  • 演讲简介：

    一、课程概述

    Flutter 应用是如何运行起来的？Flutter 开发和 Dart 编程体验是怎样的？如何在企业应用中优雅地落地 Flutter ？Flutter 自发布后又有哪些核心迭代？用一套代码实现在 iOS、Android 平台上体验优良的应用，Flutter 值得我们学习。

    本课程结合具体工程实例讲解，总结了企业应用落地实践过程和经验、应用底层技术，帮助团队快速了解 Flutter 开发核心技能，在低成本前提下实现业务的快速迭代。

    二、课程大纲

    1. Flutter 基本框架及原理讲解

    2. 开发调试与核心抽象

    3. Dart 异步编程与编译模式

    4. App 集成方案

    5. 仓库管理及项目结构组织

    6. 状态管理与常用框架原理

    7. 企业级落地整体方案

    8. Flutter 版本迭代和未来展望

    三、听众收益

    1. 了解 Flutter 开发框架及基本原理

    2. 了解 Flutter 开发调试和 Dart 编程

    3. 了解 Flutter 集成方案

    4. 了解 Flutter 企业应用落地整体方案

    四、目标听众

    1. 前端开发团队

    2. 快速迭代开发团队

    3. 独立开发者

    4. Flutter 爱好者

  • PPT链接：下载

《GraphQL 实践与应用》

朱林 / 腾讯 高级前端工程师

  • 讲师简介：

    朱林，腾讯高级前端工程师，腾讯 IVWEB 团队负责人之一。先后负责过 QQ 群活动、花样直播、NOW 直播、QQ 群视频等业务的前端开发和架构。在前端性能优化和 Node.js 方面有较深入的研究，对音视频相关的前端开发、服务端渲染、GraphQL 等技术栈有丰富的实践经验。

  • 演讲简介：

    一、课程概述

    GraphQL Server 是一个开源的 GraphQL 服务器，它可用于所有 Node.js HTTP 服务器框架：Express、Connect、Hapi、Koa 和 Restify。 它是如何运行起来的？GraphQL 作为新一代的通信协议，GraphQL 自发布以来有哪些核心迭代？使用 GraphQL 协议进行前后端联调的体验又怎么样的？如何在企业应用中优雅地落地 GraphQL ？

    本课程结合具体工程实例讲解，总结了企业应用落地实践的过程和经验，以及应用底层技术，帮助团队快速了解 GraphQL 开发核心技能，实现业务的低成本接入和稳定运营。

    二、课程大纲

    1. GraphQL 基本架构及原理讲解

    2. 开发调试与核心抽象

    3. 面向 Schema 的研发模式

    4. GraphQL Server 仓库管理及项目结构组织

    5. GraphQL Client状态管理与常用框架原理

    6. 企业级落地整体方案

    7. GraphQL 版本迭代和未来展望

    三、听众收益

    1. 了解 GraphQL Server 开发框架及基本原理

    2. 了解 GraphQL 前后端 开发调试

    3. 了解 GraphQL 技术栈 集成方案

    4. 了解 GraphQL 技术栈企业应用落地整体方案

    四、目标听众

    1. 前端开发团队

    2. 全栈开发团队

    3. GraphQL 爱好者

  • PPT链接：下载

《Serverless 实战与进阶》

陈仲寅（张挺） / 阿里 前端技术专家

  • 讲师简介：

    陈仲寅（张挺），阿里前端技术专家，长期耕耘于 Node.js 技术栈。他为淘宝和阿里其他业务部门提供框架和中间件解决方案，负责淘宝整体的 Node.js 体系基础建设，解决全栈开发的各种维护和稳定性问题；也同时负责 MidwayJs 系列内部和社区开源产品，包括Midway、Sandbox、Pandora、Injection等开源产品的开发、维护等工作。

  • 演讲简介：

    一、课程概述

    在铺天盖地的 Serverless 宣传时期，各大厂商纷纷推出了自己的云平台，不遗余力的发展自己的用户，在各大厂商焦灼战争的同时，业界也开始了对 Serverless 业务形态的研究和探索。我们能看到 Serverless 的灵活性和优势，也能看到它的与众不同。但是直至今日，还未有标准化或者成熟的实践，让各大公司都秉持官网的态度，很少有能够利用或者真正的迁移到 Serverless 体系的方案。

    前端 Node.js 热度不减，在不同的领域都有着无可比拟的优势，在 Serverless 场景下，个大厂商都将其作为第一梯队的语言，大力支持。本课程会结合阿里巴巴集团在一年中，使用 Node.js 在 Serverless 平台将业务快速迁移和搭建的实践，通过具体的实例，结合 TypeScript 标准化，最新的 Midway 体系，将现有 Serverless 的灵活性，可靠性，低成本展现给大家，也让大家在开发选型和迁移业务的过程中，能够充分的了解 Serverless 的优势和劣势，并带回到自己的真正实践中。

    二、课程大纲

    1. 业界现有的 Serverless 体系介绍

    2. 函数计算平台介绍

    3. 函数编程和传统编码的区别

    4. 标准化函数

    5. 使用函数编程框架编码

    6. 使用不同的触发器

    7. 尝试函数跨平台部署

    8. 传统应用和其他场景的处理

    9. 根据函数热度进行聚合或者拆分

    10. 私有化场景

    三、听众收益

    1. 学习 Serverless 在实际场景上的应用

    2. 学习函数计算在不同商业化平台的区别

    3. 学习使用不同的函数计算平台，搭建一个可扩展，可复用的应用

    4. 学习如何扩展现有函数场景

    四、目标听众

    1. 想要尝试 Serverless 研发，在新场景中应用的团队

    2. 需要突破前端领域现有桎梏的团队

    3. 迁移现有的 Node.js 应用到 Serverless 场景的团队

    4. 想要节省开支的独立开发者

  • PPT链接：下载

主题演讲

《InfoQ粤港澳大湾区规划》

霍泰稳 / 极客邦科技 创始人&CEO

  • 讲师简介：

    霍泰稳，极客邦科技创始人兼 CEO。2007年创立 InfoQ 中国，2014年创立极客邦科技，并于当年收购 了InfoQ 大中华地区所有业务。现在极客邦科技是集媒体、会议、电商、培训、咨询、图书、出版、社交等服务于一体的世界级 IT 知识服务平台。霍泰稳凭借创新的运营理念、前瞻性的业务布局，企业迅速从单一经营到实现产业链全方位覆盖，十年内为千万技术人，3000+ 中国企业提供服务，业务遍布中国各城市，以及美国、法国、德国、荷兰、以色列、日本等国家。致力于让创新技术推动社会进步。

    此外，霍泰稳还积极参与社会组织，2016年7月1日起任EO全球创业家协会北京分会会长。

  • 演讲简介：

  • PPT链接：下载

《InfoQ 大前端观察& GMTC 参会指南》

臧秀涛 / 极客邦科技 技术会议负责人

  • 讲师简介：

    臧秀涛，极客邦科技技术会议负责人。曾作为 QCon 全球软件开发大会主编策划了多届大会。2010 年毕业于中国科学院计算技术研究所。曾先后在完美世界等公司从事软件开发工作。2014 年加入InfoQ。业余喜爱读书和翻译，曾翻译出版过《C++ API 设计》《Groovy 程序设计》《Java 性能权威指南》等技术图书。业余也维护了一个微信公众号“开发资讯（dev-news）”，欢迎关注。

  • 演讲简介：

  • PPT链接：下载

《JavaScript 的困境与挑战》

贺师俊 / 360 高级前端架构师

  • 讲师简介：

    贺师俊（网名 Hax），360 高级前端架构师，十多年来一直活跃在前端和 JavaScript 社区。对多项 Web 标准有微小贡献，对 Groovy 语言并间接对 Swift 语言有微小贡献，近年来参与了诸多 ECMAScript 新草案的讨论。曾设计和实现 Jedi 语言并用于生产环境，对自研编程语言略有一点实践经验。

  • 演讲简介：

    最近几年以来，伴随着各个端平台的迅猛发展，以 TypeScript、Swift、Kotlin 和 Dart 为代表的新一代应用编程语言纷纷浮现，群雄环伺之下，JavaScript 也在不断演进。本次演讲我将分析 JavaScript 目前面对的问题，以及分析它下一步的发展趋势。

  • PPT链接：下载

《用 WebAssembly 赋能 AI 硬件》

吕艺 / Second State 技术副总裁

  • 讲师简介：

    吕艺，在IT技术领域从业19年，从事过 CRM、CallCenter 的系统集成与架构设计，在亚信工作期间成为移动业务专家。

    2012年，在掌阅科技带领团队完成系统向微服务化方向的演进。

    2015年，加入5miles，任 CTO，5miles App 是一款在美国市场排名靠前的二手交易平台，系统基于 AWS 云进行部署运行，在运用 Docker、Lambda 等容器技术与 Serverless 等方面有丰富的经验。

    2017年，成立 CyberMiles 团队，开始区块链领域的研究工作，并于2018年10月与团队完成公链的开发与上线。在区块链应用研究方面，组织开发了区块链交易网关，可以让中心化的应用系统快速接入多种区块链体系。

    2019年上线的 openbay.io 系统是基于区块链智能合约的电商平台，这是区块链应用的一次重要的尝试。

    2019年中，在新创业公司 Second State 任技术副总裁，进行 WebAssembly 与 AI 硬件以及 Serverless 应用方面的研究和实践。

  • 演讲简介：

    硬件加速的神经网络芯片可以极大提高 AI 应用的用户体验，如今，市场上的中低端手机大多已经预装 AI 加速的芯片，但是传统浏览器与 App 开发工具并不能直接触达这样的芯片层硬件功能。

    WebAssembly 技术能让广大用户与开发者真正从 AI 加速获益。WebAssembly 是一个在前端设备上有广泛支持，为性能优化的虚拟机。通过 WASI 扩展接口，我们可以使用它支持的20多种编程语言直接调用硬件接口，WebAssembly 的模块化安全设计保证了虚拟机硬件调用的安全。

    我将会为大家介绍与演示 Second State 与 Qualcomm（高通）公司合作的开源 WebAssembly 虚拟机 SSVM。SSVM 与高通骁龙处理器的神经网络加速器结合，让中端手机也可以快速在本地完成图像识别与人脸识别等重度 AI 工作。

    当然，硬件加速的AI芯片不只应用于手机终端。在数据中心与服务端的AI应用也越来越多。SSVM 可以在云原生的服务端提供 Serverless 的 AI 微服务。

    演讲提纲：

    1. WebAssembly 的介绍

    2. 用 Rust 写 WebAssembly 应用程序

    3. WASI 的介绍

    4. 高通骁龙神经网络加速器的编程实践

    5. WebAssembly 在服务端的应用与示例

    听众收益：

    1. WebAssembly 的基础知识

    2. Rust 的编程入门

    3. 开源 WebAssembly SSVM 的安装与使用

    4. 用高级语言通过 SSVM 调用 AI 加速器

    5. 用 RPC 调用服务端的 WebAssembly 微服务

  • PPT链接：下载

《由体验驱动的全链路监控》

刘恒兵（河伯） / 腾讯 前端技术专家/总监，IVWEB团队负责人

  • 讲师简介：

    刘恒兵（河伯），腾讯前端技术专家/总监，IVWEB团队负责人，行业技术大会TLC发起人。2011年加入腾讯，现任腾讯互动视频产品部，腾讯直播、NOW直播等移动直播产品Web负责人，负责互动视频业务前端整体架构设计和开发。有着多年 Web & H5 移动开发经验，对移动监控和优化有深入研究并专注于全栈技术架构优化，推动组件生态，致力于打造高复用、高效率的全栈开发体系。同时，IVWEB团队是腾讯专业前端团队之一，培养多位行业讲师和技术专家，团队致力于新技术研究及行业交流分享。

  • 演讲简介：

    全链路监控核心要解决的问题是提效。用户对产品体验要求不断提高的今天，企业如何进一步提效满足用户需求。由传统的被动监控变为主动监听的监控便是我们需要的全链路监控。通过全链路监控，能主动发现问题、能对问题主动聚类分析、能主动了解用户在体验中遇到的不顺畅等，这些都是对全链路监控的要求。

    同时，从用户进入到产品的那一刻，到用户离开产品的这段期间，用户所有的操作触发的全链路过程能够清晰的记录，并对用户的不顺畅体验乃至错误能够敏感及主动发现，并且能够推动后续快速优化，这是全链路监控服务的目标。

  • PPT链接：下载

《Innovation and Creativity》

于航 / PayPal Senior Software Engineer

  • 讲师简介：

    于航，曾在阿里巴巴本地生活、Tapatalk 等国内外企业工作，现在 PayPal 上海负责 Global GRT 平台相关的技术研发工作；FCC (FreeCodeCamp China) 上海技术社区负责人；多次 QCon、GMTC 大会讲师；WebAssembly 技术布道者，2017 年注册成为 W3C 官方 CG 成员，定期参与 CG 组织的各种在线视频研讨会议，在跟进 Wasm 最新发展情况的同时也为 Wasm 的标准化提出自己的建议和意见。2018 年深度参与到 Emscripten 编译器工具链项目的研发工作中，同年出版名为《深入浅出 WebAssembly》的国内第一本 Wasm 技术书籍，为推动国内 Wasm 技术的发展和落地实践做出了微小的贡献。研究领域主要为前端基础技术架构、 Serverless、WebAssembly、LLVM 及编译器等相关方向。

  • 演讲简介：

  • PPT链接：下载

《大前端质量保障体系概览》

张杰 / 美团App 客户端测试团队负责人

  • 讲师简介：

    张杰，美团测试专家，GMTC2019（北京）“质量保证”专场出品人。曾就职于搜狐、百度、搜狗等知名互联网企业。从业十余年，先后带领过后端、移动端、Web端等多个方向的测试团队。目前专注于前端质量保障和研发效率提升两个方向。

  • 演讲简介：

  • PPT链接：下载

4、思考

正如上述，观看演讲和PPT时，至少要看懂题目，如果没有看懂，就提前准备相关知识，否则有一些技术或专场可能完全听不懂！渐渐的学习未知的世界~

2019-12-29 更新

经过在微信公众号与池老师私信后，关于《GMTC》的内容虽然是公开，但是并不授权引用内容，所以可能导致侵权的行为，所以，后续不在分享相关内容，大家如果感兴趣，可以自行在 Infoq 关注。

参考


  • 如有侵权，联系必删！
  • 如有不正确的地方，欢迎指导！
  • 如有疑问，欢迎在评论区一起讨论！
赏

如果喜欢，欢迎分享点赞，扫一扫鼓励，用心创作创新！

支付宝
微信

扫一扫，分享到微信

微信分享二维码

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

iHTCboy <br> 破得迷，了得知，方能学海无边；<br> 热爱移动开发，自动化<br><br> 一花一世界，一木一浮生，<br> 一草一天堂，一叶一如来，<br> 一砂一极乐，一方一净土，<br> 一笑一尘缘，一念一清静