干货 | 第十四届 D2 前端技术论坛 20+ 份精彩演讲 PPT 分享

本文涉及的产品
函数计算FC,每月15万CU 3个月
简介: 12 月 14 日,第十四届 D2 前端技术论坛在杭州圆满举办。来自全国各地的近千名开发者齐聚杭州,聆听 3 大会场、来自 24 位海内外嘉宾的 21 个主题分享。今天,我们整理了价值连城的完整 PPT, 在这里一次性送出,欢迎大家下载学习!

12 月 14 日,第十四届 D2 前端技术论坛在杭州圆满举办。来自全国各地的近千名开发者齐聚杭州,聆听 3 大会场、来自 24 位海内外嘉宾的 21 个主题分享。
点击此处查看精彩视频
今天,我们整理了价值连城的完整 PPT, 在这里一次性送出,欢迎大家下载学习!

一键获取所有 PPT

如果你使用的是手机访问,不能直接打开单个 PPT 下载链接,你也可以识别最下方二维码,关注 Alibaba F2E 微信公众号,回复「PPT」 即可获得第十四届 D2 前端技术论坛的所有 PPT 文件。
公众号后续也会推送 D2 部分视频,以及讲师分享的文章,敬请留意!

如果你使用的是电脑浏览器,请继续阅读,我们在每个话题下面都留了下载链接,你可以挑选自己感兴趣的 PPT 逐个下载。

语言框架专场

语言框架专场邀请了各个前端框架和编程语言领域的专家,为大家深度剖析语言产品过程的思考,也邀请了 TC39 的核心成员为大家深入解读标准背后的方方面面。

Let's Work Together On The Future Of JavaScript Through TC39

image.png

JavaScript 语言持续新增的新特性都是怎么产生的?JavaScript 未来即将要做什么?让 TC39 的核心成员 Daniel 告诉你!
GitHub下载链接 | 社区用户下载链接

JS 语言在引擎级别的执行过程

image.png

跟随周爱民一起,捕捉 JS 语言在引擎级别的执行过程中的精彩瞬间~让你了解 JavaScript 中最为精彩的、动态与静态语言特性结合的程序执行过程。
GitHub下载链接 | 社区用户下载链接

fibjs 模块重构 - 从回调到协程

image.png

问苍茫大地,fibjs 和 Node.js/Deno 谁主浮沉?fibjs 核心贡献者 陈垒 有话说!
GitHub下载链接 | 社区用户下载链接

智能化专场

D2 智能化专场,告诉你机器学习和人工智能在前端领域都有哪些应用!

TensorFlow.js 前端的机器学习平台

image.png

Google TensorFlow.js Core team 成员 王铁震 为我们介绍 TensorFlow.js 生态系统,以及如何将现有的机器学习模型植入到前端。
本话题暂不提供对外视频和 PPT, 敬请谅解。

前端智能化实践 - 逻辑代码生成

image.png

阿里巴巴高级前端技术专家 甄子 介绍前端智能化实践,一起用实践检验前端智能化的力量,用设计去论证前端智能化的未来,探讨前端在机器学习和人工智能领域的发展。
GitHub下载链接 | 社区用户下载链接

数据分析的人工智能画板 - 马良

image.png

阿里巴巴数据技术专家 言顾 介绍数据分析的人工智能画板——马良,一款极大提高用户数据可视设计能力、突破模板限制、轻松创造属于自己个性化大屏的产品。
GitHub下载链接 | 社区用户下载链接

微前端专场

微前端的概念越来越热,听上去似乎与微服务有几分相像,那么微前端到底是什么?能够对业务产生的价值是什么?本届 D2 微前端专场将邀请在该领域有丰富实践经验的工程师为大家分享他们的理解和思考,希望能让大家对微前端有更加清晰的认识。

云生态新物种-微前端架构体系

image.png

阿里巴巴高级前端技术专家 张克军 与大家分享什么是微前端、它的价值、完备的微前端架构包括哪些环节、需要解决的问题等~
GitHub下载链接 | 社区用户下载链接

标准微前端架构在蚂蚁的落地实践

image.png

蚂蚁金服前端专家 有知 分享蚂蚁金融云产品上云标准——一套完整的一体化解决方案。
GitHub下载链接 | 社区用户下载链接

微前端沙盒体系

image.png

字节跳动前端工程师 艾石光 讲微前端沙盒:如果不做沙盒,微前端就是微开发的单体服务,不能实现真的微服务。
本话题 PPT 正在产出中,敬请期待。

工程化专场

面对不同的组织结构、业务形态和技术架构下,我们前段工程建设该如何选择、取舍,有哪些思考逻辑值得借鉴?本届 D2 的工程化专场将带来业内优秀的实践案例,帮助大家成功案例中获得灵感并发掘到新方向。

前端工程下一站:IDE

image.png

阿里巴巴前端技术专家 上坡 和蚂蚁金服高级前端工程师 吭头 为我们带来基于支付宝小程序 IDE 等业务场景的实践沉淀,了解 IDE 领域现阶段的发展趋势,以及相关 IDE 领域相关的技术设计原理与在业务上的运用实践。
GitHub下载链接 | 社区用户下载链接

Babel:Under The Hood

image.png

全场当之无愧的小鲜肉讲师,Babel 核心贡献者——Nicolò Ribaudo 与我们分享 Babel 都做了什么?将来能做什么?
GitHub下载链接 | 社区用户下载链接

基于浏览器的实时构建探索之路

image.png

蚂蚁金服前端技术专家 玄寂 为我们带来一套完全基于浏览器技术实现的预览和调试解决方案—— Gravity. Gravity 非常轻量化,对服务端 0 要求,对用户 0 配置,任何可视化编辑器,和 Cloud IDE 都可以基于 Gravity 的插件能力快速集成。
GitHub下载链接 | 社区用户下载链接

Distributed Front-end Architecture

image.png

为了应对前端应用程序越来越复杂的情况,工程师在构建 Web 应用程序时采用了不同的方法。Instructure 高级软件工程师、happypack 作者 Ahmad Amireh 与大家分享他们在 Instructure 的实践之路。
GitHub下载链接 | 社区用户下载链接

Serverless 专场

今年最火的 Severless,看大厂的深度实践, 感受 “云+端” 的无限未来。

Serverless 赋能前端应用开发

image.png

来自 ZEIT 的讲师 Matheus Fernandes、Shu Ding 分享「 Serverless 赋能前端应用开发」,一起来看 Serverless 如何大幅提升应用的可用性与伸缩性!
GitHub下载链接 | 社区用户下载链接

前端新思路:组件即服务和 Serverless SSR 实践

image.png

阿里巴巴 Node.js 专家 狼叔 的分享!他在阿里巴巴前端委员会推进的 Serverless 研发体系共建项目中负责 Serverless SSR 的研究,本次分享主要讨论 Serverless SSR 和它的演进过程、背后思考。
GitHub下载链接 | 社区用户下载链接

Serverless 下函数应用架构升级

image.png

阿里巴巴前端技术专家 张挺,带领我们一起看 Serverless 体系下全新的框架、工具链和研发模式是什么样的。
GitHub下载链接 | 社区用户下载链接

基于 FAAS 实现 NPM CDN 同步

image.png

百度资深前端工程师&百度 ECOMFE、FE-CMC 主席 张立理 带我们看 Serverless 如何与 FAAS 结合,实现 NPM CDN 同步。
GitHub下载链接 | 社区用户下载链接

多样化领域专场

前端技术在深度专业领域例如:数据可视化、IoT、Webassembly、渲染引擎以及 3D 互动游戏等领域创造出了怎样的变化?本届 D2 的多样化领域专场将邀请不同技术领域中的实践专家,为大家解密前端在各个领域中的实践之路。

在 IoT 设备进行 JavaScript 开发的探索之路

image.png

IoT 设备以硬件资源受限的单片机为主,除了传统的 C/C++ 以外,能否通过 JavaScript 进行开发?JavaScript runtime 需要哪些模块?yodaos-project 核心开发者 陈熙旻 将为我们一一介绍。
GitHub下载链接 | 社区用户下载链接

协同编辑原理与实践

image.png

Google Docs 的多人实时协同编辑的功能,让稳坐办公套件头把交椅的 Microsoft Office 也感到虎躯一震,五年之后连忙跟着上线。协同编辑究竟是怎样的一座坚城,让兵强马壮的微软止步了五年之久?做一款协同编辑器需要哪些核心技术?协同编辑技术对于普通的前端应用开发会有怎样的启发?让阿里巴巴 高级技术专家 沙洲 为我们揭秘。
GitHub下载链接 | 社区用户下载链接

Bring Your Apps And Games To Life With Flare

image.png

随着软件世界逐渐进入动态、可视化领域,应用程序变得越来越具交互性和动画性。制作动画已成为一项重要的工作,需要设计师,动画师和工程师花费数小时来优化体验。工具集和繁琐的工作流程极大限制了创意的表达。双胞胎兄弟 Luigi 和 Guido 目睹了这一挑战,并启动了2Dimensions, 使动画制作简单又美好。他们将设计与工程结合在一起,致力于改变未来游戏和应用制作的方式。
GitHub下载链接 | 社区用户下载链接

基于 wasm 的 H265 播放器及在 NOW 直播中的应用

image.png

对直播行业来说,带宽意味着成本,如何降低带宽的占用,是直播行业持续探索的方向。而 WebAssembly 能够以较低成本复用 FFmpeg 成熟的音视频编解码能力。本次分享中, 腾讯 IVWEB 团队负责人之一 陈映平 简单介绍了『基于 WebAssembly+FFmpeg 的 H.265 播放器』的整体设计思路和架构,线上的一些实践,以及对未来的展望。
GitHub下载链接 | 社区用户下载链接

996 乐队

除了所有分享,燃爆全场的 996 乐队必须有姓名 😄

image.png
image.png

送给大家一段 996 带来的欢快歌曲~~(音质略渣 😅高清版请等后续视频发布)
精彩视频查看此处

D2 之夜

除了白天场的分享之外,我们「D2 之夜」的 lightning talks 以及大咖座谈也是干货满满!
在此,我们也放出三场 lightning talks 的 PPT, 供大家学习交流~ ❤️

探究高性能的海量节点树

image.png

来自台北、全域智能大数据平台 DataWorks 的前端核心成员 召奴(Chuck),带领我们探究高性能的海量节点树。
GitHub下载链接 | 社区用户下载链接

图文与视频的营销创意解决方案

image.png

阿里巴巴高级前端专家 凌征,来自阿里妈妈营销研究和体验中心,后者致力于打造高效优质的图文和视频创意解决方案,与我们分享一个跨前后端的视频创意方案解构。
GitHub下载链接 | 社区用户下载链接

7 x 24 小时录屏背后的黑科技

image.png

亨睿,阿里巴巴南京研发中心高级前端技术专家,从事新一代智能客户服务产品及服务人资管理线上化软件的研发工作,擅长大数据可视化及人机交互设计,正为我们解密 7 x 24 小时录屏背后的黑科技。
本话题 PPT 正在产出中,敬请期待。

大咖座谈

image.png

玉伯、响马、Hax、Daniel 都分享了啥?晚场文字版总结「2019-D2 晚会前端分享记录」告诉你!感谢热心网友 @宅神king 的整理分享~

「D2 之夜」有你更精彩!

image.png

咱们明年 D2 再约!

Tips: 公众号回复「图片直播」可获取现场高清图片哟!

image.png
关注「Alibaba F2E」
把握阿里巴巴前端新动向

相关实践学习
【文生图】一键部署Stable Diffusion基于函数计算
本实验教你如何在函数计算FC上从零开始部署Stable Diffusion来进行AI绘画创作,开启AIGC盲盒。函数计算提供一定的免费额度供用户使用。本实验答疑钉钉群:29290019867
建立 Serverless 思维
本课程包括: Serverless 应用引擎的概念, 为开发者带来的实际价值, 以及让您了解常见的 Serverless 架构模式
相关文章
|
18天前
|
前端开发 JavaScript 开发者
震惊!Web 前端 href 与 src 竟有如此差异,快来一探究竟,掌握热门技术核心要点
【8月更文挑战第26天】在Web前端开发中,`href`与`src`是两个常用属性,但其差异常被忽视。`href`(超文本引用)用于创建文档间的链接关系,如链接至外部网页或引入CSS文件;`src`(来源)则用于在文档内嵌入资源,如图片或JavaScript文件。两者在使用场景及加载机制上有所不同:`href`支持并行下载且不阻塞渲染,适合非关键资源加载;而`src`加载时会暂停页面渲染直至资源加载完成,适用于如图片和脚本这类对页面显示至关重要的资源。因此,正确理解并运用这两个属性对于保障网页性能和用户体验至关重要。
38 3
|
18天前
|
存储 移动开发 前端开发
HTML5时代来临,这些新特性你掌握了吗?一篇文章带你玩转Web前端技术潮流!
【8月更文挑战第26天】HTML5(简称H5)作为新一代Web标准,相比HTML4带来了诸多增强功能。
33 2
|
12天前
|
前端开发 Java Spring
Spring与Angular/React/Vue:当后端大佬遇上前端三杰,会擦出怎样的火花?一场技术的盛宴,你准备好了吗?
【8月更文挑战第31天】Spring框架与Angular、React、Vue等前端框架的集成是现代Web应用开发的核心。通过RESTful API、WebSocket及GraphQL等方式,Spring能与前端框架高效互动,提供快速且功能丰富的应用。RESTful API简单有效,适用于基本数据交互;WebSocket支持实时通信,适合聊天应用和数据监控;GraphQL则提供更精确的数据查询能力。开发者可根据需求选择合适的集成方式,提升用户体验和应用功能。
42 0
|
12天前
|
大数据 数据处理 分布式计算
JSF 逆袭大数据江湖!看前端框架如何挑战数据处理极限?揭秘这场技术与勇气的较量!
【8月更文挑战第31天】在信息爆炸时代,大数据已成为企业和政府决策的关键。JavaServer Faces(JSF)作为标准的 Java Web 框架,如何与大数据技术结合,高效处理大规模数据集?本文探讨大数据的挑战与机遇,介绍 JSF 与 Hadoop、Apache Spark 等技术的融合,展示其实现高效数据存储和处理的潜力,并提供示例代码,助您构建强大的大数据系统。
21 0
|
12天前
|
前端开发 开发者 Apache
揭秘Apache Wicket项目结构:如何打造Web应用的钢铁长城,告别混乱代码!
【8月更文挑战第31天】Apache Wicket凭借其组件化设计深受Java Web开发者青睐。本文详细解析了Wicket项目结构,帮助你构建可维护的大型Web应用。通过示例展示了如何使用Maven管理依赖,并组织页面、组件及业务逻辑,确保代码清晰易懂。Wicket提供的页面继承、组件重用等功能进一步增强了项目的可维护性和扩展性。掌握这些技巧,能够显著提升开发效率,构建更稳定的Web应用。
35 0
|
15天前
|
前端开发 JavaScript API
Web服务器与前端技术的集成
【8月更文第28天】随着Web开发技术的发展,现代前端框架如React、Vue.js等已经成为构建复杂Web应用的标准工具。为了提供更好的用户体验,这些前端应用通常需要与后端Web服务器进行紧密集成。本文将详细介绍如何将React和Vue.js与后端Web服务器无缝集成,以创建高性能且用户友好的Web应用。
17 0
|
17天前
|
机器学习/深度学习 分布式计算 前端开发
构建前端防腐策略问题之前端代码会随着技术引擎的迭代而腐烂的问题如何解决
构建前端防腐策略问题之前端代码会随着技术引擎的迭代而腐烂的问题如何解决
|
19天前
|
前端开发 JavaScript 测试技术
前端开发需要哪些技术
前端开发需要哪些技术【8月更文挑战第25天】
33 0
|
19天前
|
移动开发 前端开发 JavaScript
前端开发技术
【8月更文挑战第25天】前端开发技术
29 0
|
25天前
|
安全 算法 前端开发
外滩大会安全 AR 沙盘首秀--背后的前端技术
外滩大会安全 AR 沙盘首秀--背后的前端技术