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

本文涉及的产品
函数计算FC,每月15万CU 3个月
简介: PPT 大礼包在线放送~纯干货

12 月 14 日,第十四届 D2 前端技术论坛在杭州圆满举办。来自全国各地的近千名开发者齐聚杭州,聆听 3 大会场、来自 24 位海内外嘉宾的 21 个主题分享。

今天,我们整理了价值连城的完整 PPT, 在这里一次性送出,欢迎大家下载学习!

一键获取所有 PPT

扫描下方二维码,添加 「淘系技术小助手」 微信,回复「PPT」 即可获得第十四届 D2 前端技术论坛的所有 PPT 文件。

image.png

后续也会推送 D2 部分视频,以及讲师分享的文章,敬请留意!

戳标题,即可跳转到相应的PPT~

语言框架专场

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

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


image.png

JavaScript 语言持续新增的新特性都是怎么产生的?JavaScript 未来即将要做什么?让 TC39 的核心成员 Daniel 告诉你!

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

image.png

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

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

image.png

问苍茫大地,fibjs 和 Node.js/Deno 谁主浮沉?fibjs 核心贡献者 陈垒 有话说!

智能化专场

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

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

image.png

Google TensorFlow.js Core team 成员 王铁震 为我们介绍 TensorFlow.js 生态系统,以及如何将现有的机器学习模型植入到前端。

本话题暂不提供对外视频和 PPT, 敬请谅解。

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

image.png

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

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

image.png

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

微前端专场

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

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

image.png

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

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


image.png

蚂蚁金服前端专家 有知 分享蚂蚁金融云产品上云标准——一套完整的一体化解决方案。

微前端沙盒体系

image.png

字节跳动前端工程师 艾石光 讲微前端沙盒:如果不做沙盒,微前端就是微开发的单体服务,不能实现真的微服务。

本话题 PPT 正在产出中,敬请期待。

工程化专场

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

前端工程下一站:IDE

image.png

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

Babel:Under The Hood

image.png

全场当之无愧的小鲜肉讲师,Babel 核心贡献者——Nicolò Ribaudo 与我们分享 Babel 都做了什么?将来能做什么?

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

image.png

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

Distributed Front-end Architecture


image.png

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

Serverless 专场

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

Serverless 赋能前端应用开发

image.png

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

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

image.png

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

[Serverless 下函数应用架构升级
](链接地址https://github.com/d2forum/14th/blob/master/PPT/Serverless%20%E4%B8%8B%E5%87%BD%E6%95%B0%E5%BA%94%E7%94%A8%E6%9E%B6%E6%9E%84%E5%8D%87%E7%BA%A7--%E5%BC%A0%E6%8C%BA.pdf)


image.png

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

基于 FAAS 实现 NPM CDN 同步

image.png

百度资深前端工程师&百度 ECOMFE、FE-CMC 主席 张立理 带我们看 Serverless 如何与 FAAS 结合,实现 NPM CDN 同步。

多样化领域专场

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

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

image.png

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

协同编辑原理与实践

image.png

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

Bring Your Apps And Games To Life With Flare

image.png

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

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

image.png

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

996 乐队

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

image.png

D2 之夜

除了白天场的分享之外,我们「D2 之夜」的 lightning talks 以及大咖座谈也是干货满满!

在此,我们也放出三场 lightning talks 的 PPT, 供大家学习交流~ ❤️

探究高性能的海量节点树

image.png

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

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

image.png

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

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

image.png

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

本话题 PPT 正在产出中,敬请期待。

大咖座谈

image.png

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

「D2 之夜」有你更精彩!

image.png

We are hiring

淘系技术部依托淘系丰富的业务形态和海量的用户,我们持续以技术驱动产品和商业创新,不断探索和衍生颠覆型互联网新技术,以更加智能、友好、普惠的科技深度重塑产业和用户体验,打造新商业。我们不断吸引用户增长、机器学习、视觉算法、音视频通信、数字媒体、移动技术、端侧智能等领域全球顶尖专业人才加入,让科技引领面向未来的商业创新和进步。
请投递简历至邮箱:ruoqi.zlj@taobao.com
了解更多职位详情:2684亿成交!每秒订单峰值54.4W!这样的团队你想加入吗?

更多技术干货,关注「淘系技术」微信公众号~

image.png

相关实践学习
【文生图】一键部署Stable Diffusion基于函数计算
本实验教你如何在函数计算FC上从零开始部署Stable Diffusion来进行AI绘画创作,开启AIGC盲盒。函数计算提供一定的免费额度供用户使用。本实验答疑钉钉群:29290019867
建立 Serverless 思维
本课程包括: Serverless 应用引擎的概念, 为开发者带来的实际价值, 以及让您了解常见的 Serverless 架构模式
相关文章
|
3月前
|
前端开发 JavaScript 测试技术
前端测试技术中,如何提高集成测试的效率?
前端测试技术中,如何提高集成测试的效率?
|
3月前
|
前端开发 JavaScript API
惊呆了!这些前端技术竟然能让你的网站实现无缝滚动效果!
【10月更文挑战第30天】本文介绍了几种实现网页无缝滚动的技术,包括CSS3的`scroll-snap`属性、JavaScript的Intersection Observer API以及现代前端框架如React和Vue的动画库。通过示例代码展示了如何使用这些技术,帮助开发者轻松实现流畅的滚动效果,提升用户体验。
293 29
|
3月前
|
前端开发 JavaScript 搜索推荐
HTML与CSS在Web组件化中的核心作用及前端技术趋势
本文探讨了HTML与CSS在Web组件化中的核心作用及前端技术趋势。从结构定义、语义化到样式封装与布局控制,两者不仅提升了代码复用率和可维护性,还通过响应式设计、动态样式等技术增强了用户体验。面对兼容性、代码复杂度等挑战,文章提出了相应的解决策略,强调了持续创新的重要性,旨在构建高效、灵活的Web应用。
67 6
|
3月前
|
前端开发 JavaScript 搜索推荐
前端懒加载:提升页面性能的关键技术
前端懒加载是一种优化网页加载速度的技术,通过延迟加载非首屏内容,减少初始加载时间,提高用户访问体验和页面性能。
|
3月前
|
缓存 JavaScript 前端开发
JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用
本文深入讲解了 JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用。
88 5
|
3月前
|
移动开发 前端开发 JavaScript
惊!这些前端技术竟然能让你的网站在移动端大放异彩!
随着互联网技术的发展,移动设备成为主要的上网工具。本文介绍了几种关键的前端技术,包括响应式设计、图片优化、字体选择、HTML5和CSS3的应用、性能优化及手势操作设计,帮助开发者提升网站在移动端的显示效果和用户体验。示例代码展示了如何实现简单的双向绑定功能。
61 3
|
3月前
|
数据采集 前端开发 安全
前端测试技术
前端测试是确保前端应用程序质量和性能的重要环节,涵盖了多种技术和方法
|
3月前
|
编解码 前端开发 JavaScript
前端界的黑科技:掌握这些技术,让你的网站秒变未来感十足!
【10月更文挑战第31天】前端技术日新月异,黑科技层出不穷,让网页更加美观、交互更加丰富。本文通过响应式布局与媒体查询、前端框架与组件化开发等案例,展示这些技术如何让网站充满未来感。响应式布局使网站适应不同设备,前端框架如React、Vue则提高开发效率和代码质量。
75 3
|
3月前
|
前端开发 JavaScript 数据处理
前端界的宝藏技术:掌握这些,让你的网页秒变交互神器!
【10月更文挑战第31天】前端开发藏有众多宝藏技术,如JavaScript异步编程和Web Components。异步编程通过Promise、async/await实现复杂的网络请求,提高代码可读性;Web Components则允许创建可重用、封装良好的自定义组件,提升代码复用性和独立性。此外,CSS动画、SVG绘图等技术也极大丰富了网页的视觉和交互体验。不断学习和实践,让网页秒变交互神器。
55 2
|
3月前
|
前端开发 JavaScript 开发者
惊!这些前端技术竟然能让你的网站在社交媒体上疯传!
【10月更文挑战第30天】在这个信息爆炸的时代,社交媒体成为内容传播的重要渠道。本文介绍了前端开发者如何利用技术让网站内容在社交媒体上疯传,包括优化分享链接、创建引人注目的标题和描述、利用Open Graph和Twitter Cards、实现一键分享功能以及创造交互式内容。通过这些方法,提升用户分享意愿,使网站成为社交媒体上的热门话题。
65 2

热门文章

最新文章

  • 1
    【Java若依框架】RuoYi-Vue的前端和后端配置步骤和启动步骤
  • 2
    【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
  • 3
    【05】flutter完成注册页面完善样式bug-增加自定义可复用组件widgets-严格规划文件和目录结构-规范入口文件-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
  • 4
    【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
  • 5
    详解智能编码在前端研发的创新应用
  • 6
    巧用通义灵码,提升前端研发效率
  • 7
    智能编码在前端研发的创新应用
  • 8
    【04】flutter补打包流程的签名过程-APP安卓调试配置-结构化项目目录-完善注册相关页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程
  • 9
    【07】flutter完成主页-完成底部菜单栏并且做自定义组件-完整短视频仿抖音上下滑动页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
  • 10
    抛弃node和vscode,如何用记事本开发出一个完整的vue前端项目
  • 1
    以项目登录接口为例-大前端之开发postman请求接口带token的请求测试-前端开发必学之一-如果要学会联调接口而不是纯写静态前端页面-这个是必学-本文以优雅草蜻蜓Q系统API为实践来演示我们如何带token请求接口-优雅草卓伊凡
    27
  • 2
    大前端之前端开发接口测试工具postman的使用方法-简单get接口请求测试的使用方法-简单教学一看就会-以实际例子来说明-优雅草卓伊凡
    47
  • 3
    【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
    26
  • 4
    巧用通义灵码,提升前端研发效率
    90
  • 5
    【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
    138
  • 6
    详解智能编码在前端研发的创新应用
    94
  • 7
    智能编码在前端研发的创新应用
    81
  • 8
    【09】flutter首页进行了完善-采用android studio 进行真机调试开发-增加了直播间列表和短视频人物列表-增加了用户中心-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
    37
  • 9
    【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
    117
  • 10
    【07】flutter完成主页-完成底部菜单栏并且做自定义组件-完整短视频仿抖音上下滑动页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
    74