干货 | 第十四届 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 架构模式
相关文章
|
5天前
|
前端开发 JavaScript 测试技术
前端测试技术中,如何提高集成测试的效率?
前端测试技术中,如何提高集成测试的效率?
|
12天前
|
前端开发 JavaScript API
惊呆了!这些前端技术竟然能让你的网站实现无缝滚动效果!
【10月更文挑战第30天】本文介绍了几种实现网页无缝滚动的技术,包括CSS3的`scroll-snap`属性、JavaScript的Intersection Observer API以及现代前端框架如React和Vue的动画库。通过示例代码展示了如何使用这些技术,帮助开发者轻松实现流畅的滚动效果,提升用户体验。
82 29
|
5天前
|
移动开发 前端开发 JavaScript
惊!这些前端技术竟然能让你的网站在移动端大放异彩!
随着互联网技术的发展,移动设备成为主要的上网工具。本文介绍了几种关键的前端技术,包括响应式设计、图片优化、字体选择、HTML5和CSS3的应用、性能优化及手势操作设计,帮助开发者提升网站在移动端的显示效果和用户体验。示例代码展示了如何实现简单的双向绑定功能。
13 3
|
5天前
|
数据采集 前端开发 安全
前端测试技术
前端测试是确保前端应用程序质量和性能的重要环节,涵盖了多种技术和方法
|
10天前
|
编解码 前端开发 JavaScript
前端界的黑科技:掌握这些技术,让你的网站秒变未来感十足!
【10月更文挑战第31天】前端技术日新月异,黑科技层出不穷,让网页更加美观、交互更加丰富。本文通过响应式布局与媒体查询、前端框架与组件化开发等案例,展示这些技术如何让网站充满未来感。响应式布局使网站适应不同设备,前端框架如React、Vue则提高开发效率和代码质量。
23 3
|
12天前
|
JSON 前端开发 搜索推荐
惊!这些前端技术竟然能让你的网站实现个性化推荐功能!
【10月更文挑战第30天】随着互联网技术的发展,个性化推荐已成为提升用户体验的重要手段。前端技术如JavaScript通过捕获用户行为数据、实时更新推荐结果等方式,在实现个性化推荐中扮演关键角色。本文将深入解析这些技术,并通过示例代码展示其实际应用。
42 4
|
10天前
|
前端开发 JavaScript 数据处理
前端界的宝藏技术:掌握这些,让你的网页秒变交互神器!
【10月更文挑战第31天】前端开发藏有众多宝藏技术,如JavaScript异步编程和Web Components。异步编程通过Promise、async/await实现复杂的网络请求,提高代码可读性;Web Components则允许创建可重用、封装良好的自定义组件,提升代码复用性和独立性。此外,CSS动画、SVG绘图等技术也极大丰富了网页的视觉和交互体验。不断学习和实践,让网页秒变交互神器。
19 2
|
12天前
|
自然语言处理 前端开发 搜索推荐
前端界的黑科技:掌握这些技术,让你的网站秒变智能助手!
【10月更文挑战第30天】随着前端技术的发展,网站正逐渐变成智能助手。本文探讨了四大关键技术:自然语言处理(NLP)使网站理解用户输入;机器学习实现个性化推荐;Web Notifications API发送重要提醒;Web Speech API实现语音交互。通过这些技术,网站不仅能更好地理解用户,还能提供更智能、个性化的服务,提升用户体验。
27 3
|
10天前
|
移动开发 前端开发 JavaScript
前端实训,刚入门,我用原生技术(H5、C3、JS、JQ)手写【网易游戏】页面特效
于辰在大学期间带领团队参考网易游戏官网的部分游戏页面,开发了一系列前端实训作品。项目包括首页、2021校园招聘页面和明日之后游戏页面,涉及多种特效实现,如动态图片切换和人物聚合效果。作品源码已上传至CSDN,视频效果可在CSDN预览。
16 0
前端实训,刚入门,我用原生技术(H5、C3、JS、JQ)手写【网易游戏】页面特效
|
12天前
|
前端开发 JavaScript 开发者
惊!这些前端技术竟然能让你的网站在社交媒体上疯传!
【10月更文挑战第30天】在这个信息爆炸的时代,社交媒体成为内容传播的重要渠道。本文介绍了前端开发者如何利用技术让网站内容在社交媒体上疯传,包括优化分享链接、创建引人注目的标题和描述、利用Open Graph和Twitter Cards、实现一键分享功能以及创造交互式内容。通过这些方法,提升用户分享意愿,使网站成为社交媒体上的热门话题。
21 2