第二届中国PWA开发者日

点击蓝字

关注我们

活动介绍

为加速推动渐进式 Web 应用 (PWA) 在中国的发展,微软与英特尔携手举办“第二届中国 PWA 开发者日”。本次活动邀请一众业界大咖围绕 PWA 展开分享,探讨最新技术进展,及 PWA 生态的实践与落地。期待与您线上相聚。

活动时间:2022年8月6日 10:00-18:00

参与方式:报名后,在“上课方式”中获取

6815d6fd1601156a215655386ad120d3.png

扫码报名参与

分享嘉宾

e9a009a4899abd344cd4e87075ff4c8e.png

张琦

资深技术总监

英特尔 SATG Web 平台工程

张琦现任英特尔公司 SATG Web 平台工程部门资深技术总监。他在英特尔工作了20多年,全面负责 Intel Web 团队以提高 Web 性能及浏览器的用户体验,以及基于 Web 平台的创新和开发。张琦毕业于复旦大学,并获得计算机科学专业的本科与硕士学位。他拥有多项美国专利并发表了多篇技术性论文。

开幕致辞

新的一年渐进式 Web 应用 (PWA) 又有了更多能力的引入和性能的提升,PWA 正在在技术演进的路上狂飙。我们很欣慰地见到 PWA 更紧密的操作系统集成和改进的用户体验,也很高兴 PWA 技术在国内各大厂商的业务实践中落地和发展。

让我们携手推动开放的 PWA 为开发者带来更高的开发效率,为客户提供更广阔的商业价值,为用户带来更便利的一致性跨平台体验。

bcab953bece888be6e8fa26fa08d79df.png

Alex Russel

PWA 之父 全球合伙人产品经理

微软 Edge 浏览器团队

Alex Russell (@slightlylate) 是 Microsoft Edge 浏览器团队的全球合伙人产品经理,也是 Blink API 的负责人。在 2021 加入 Edge 之前,他在 Chrome 的 Web 平台团队工作了十几年,帮助设计了许多新功能。他曾担任 Chromium 项目 Fugu 的总体技术负责人,负责 Chrome 的标准工作,并担任 Web 的平台战略家。他还担任了十多年的 ECMA TC39 成员,并在 W3C 技术架构小组中三次当选。

他的技术项目包括 Fugu、Progressive Web Apps、Service Workers 和 Web 组件,以及诸如 Class 和 Promises 之类的 ES6 功能。此前,他帮助构建谷歌 Chrome 框架,并领导 Dojo 工具包项目。全世界的 Web 开发者为一家,Alex 和我们在一起!

开场演讲

之于迅速缩小和小程序功能差距的背景之下,拥抱小程序生态,PWA 大有机会!

过去 6 年来 PWA 本地原生能力的不断增强加上新兴的 Web Packaging 和 Web Bundles 标准,如何为 Web 开发者打造融合小程序生态的伟大平台;浏览器开发者支持小程序融合生态的机会所在;坚持 Web 标准之于跨设备的优势;将 Web 视为应用平台的集散地的优势。

a31fb55e3b9ba9efbde6a2f7ed9cbfc1.png

丛慧君 

高级解决方案顾问

Google Chrome & Web Platform

丛慧君 (Cecilia Cong) 是谷歌的 Web 生态系统顾问,目前负责大中华区 Web 技术的推广及 Chrome 和 Web Platform 产品的生态领域合作。

Take Full Advantage of a PWA

本演讲将引导您了解 PWA 中的现有工具和功能,以创建增强的体验。

This talk walks you through the existing tools and features in PWAs to create enhanced experiences.

80186211582e57972629a609efe7cf53.png

宋青见 

首席产品经理

微软 Edge · 开发者生态

从业 20 余年,历经软件开发到产品经理,前端应用到云计算之间的风云变幻。曾在英特尔工作了 14 年,主要从事与性能优化、GPU 驱动程序和 Chromium 内核优化相关的软件开发和团队管理。之后,受 Chromium 新架构/创新的启发,有一段短暂的 H5 WebOS 创业经历,2016 年加入微软云计算团队,在 Azure RDS for MySQL 和区块链 PaaS 服务上工作了4年多,作为 Chormium 忠粉,在微软 Edge 浏览器全面采用 Chromium 内核后,加入 Edge PWA 团队,为构建 WebOS 的梦想再出发!

回归初心,重温 PWA 技术的现实意义

互联网诞生于自由平等的共享和创建内容的初衷,网页和论坛是曾经梦想开始的地方,移动互联网的发展创建了新的基于应用的方式来获取内容,越来越让人感到一个一个的平行世界,而成为信息的孤岛,从而让人非常怀念当年看似简陋但是便于分享和传播的网页时代。

随着微信小程序等基于Web技术的新的应用开发模式的兴起,应用和网页内容的界限不断被打破,用户社交分享或者扫描二维码来获取网页内容,已经升级为“内容+交互能力”的“小程序”。应用不再是一个个必须回到桌面再进入的图标,而是卡片、浮窗等更有利于内容的触达和分享的新的方式。此时重温PWA-渐进式Web应用,就特别能够理解Web技术不断发展,网页具备应用的能力已在眼前,对前端技术开发者而言,用统一的标准化的Web技术,实现网站到应用的自然转变,实现网站“内容即应用”并在多端之间“自由分享和运行”,已经垂手可得!

PWA 的想法是由 Google 工程师 Alex Russell 在2015 年提出的, Alex于2021年加入微软Edge团队。基于 Chromium内核的新版微软Edge浏览器于2020年1月15日发布,对整个前端技术的发展意义深远, Web技术的底层框架趋于统一,有利于桌面和移动端原本两个独立的生态走向协同和融合。本次演讲将为大家介绍 PWA技术的最新进展,并通过 Windows + Edge 深度融合,使网页具备 OS 原生应用的能力, 从而降低应用开发的成本,回归内容为本质的初心。

正所谓,跨端离不开现代化的 Windows 桌面,现代化的 Windows 桌面全力支持跨端的 PWA!

748ba7eb3b60db51845b7b31f42c38aa.png

Justin Willis & Amrutha Srinivasan  

软件工程师

微软 PWABuilder

Justin Willis 是 Microsoft 的一名软件工程师,致力于 PWABuilder 项目的开发体验和工具。在业余时间,他喜欢远足、玩电子游戏和陪伴她的猫。

Amrutha Srinivasan 是 Microsoft PWABuilder 团队的一名软件工程师。她喜欢为开发人员提供在 Windows 上获得出色应用构建体验所需的工具。工作之余,她喜欢远足、绘画并且是一个狂热的观鸟者。

The World of PWA Tools: From Starter to Builder

我们将讨论 PWA(渐进式 Web 应用程序)技术和 PWABuilder 套件提供的工具,可帮助您从头到尾完成 PWA 构建之旅。我们将展示我们的一些工具的用法,并分享一些有用的资源以供进一步学习。

c788e2fdc371a5c3babbe2d55147f0b9.png

朱天健  

前端技术专家

京东零售集团凹凸实验室

朱天健,京东前端技术专家。Taro 技术委员会,核心团队成员,主要负责 Web 端等相关能力的规划与研发工作。同时是 Tide 项目的核心开发成员,负责 tide-site 和 cloud ide 相关的研发,开放插件协议和相关接口实现等等。2019 年作为讲师出席第二届软件绿色联盟「构生态·建未来 」开发者大会,受邀参加第四届 TLC 腾讯直播大会、 GMTC-2021 深圳站、QCon+ 2022。

跑在 PWA 里的 '小程序'

Web 端是 Taro 生态中重要的一环,随着 Taro 逐渐成长为“开放式跨端跨框架解决方案”,Taro H5 的架构也需要经历蜕变才能补齐自身短板,帮助开发者获得更好的体验。我们将向您介绍借助 Taro 将小程序转换至 Web 端的方法和经验。

9d5de14be1e2615392bde23afbc6a87e.png

彭伟宏  

前端工程师

腾讯 PCG 平台与内容事业群

腾讯前端工程师,腾讯文档 PWA 模块 owner,目前主要负责腾讯文档 PWA、表格的研发。

腾讯文档 PWA 开发实践

腾讯文档作为一款多人在线、跨平台的协作工具,积极拥抱 Web 生态,与 PWA 跨平台的特性强强联合,实现资源缓存控制、离线场景使用等等功能,只需维护一套代码实现多平台复用。同时在腾讯文档多品类多团队开发的基础之上,如何简易的接入并使用 PWA 也尤为重要,此次分享将为你揭秘腾讯文档 PWA 开发实践的那些事,让我们一起见证 PWA 技术为腾讯文档带来的更多的可能性。

03ea99ec8c759f3805ee8367ee4504c8.png

陈远宏  

前端工程师

阿里巴巴 ICBU 技术部

陈远宏,花名星啸。阿里巴巴国际贸易事业部(ICBU)端架构团队成员,目前主要负责无线前端跨端开发方向的建设。

Alibaba.com PWA 降本增效的探索与实践

现在的业务,一般都会有浏览器(端外)和客户端内(端内)的场景诉求。为了追求极致,往往会让端内外的代码差异越发地大,既加大了开发者成本,也降低了整体的稳定性。今天想聊聊阿里巴巴 ICBU 是如何处理这些问题的。

Web 开发虽然能够做到端内外都有基本的功能呈现,但出于对体验、稳定性、规范等考虑,又会出现端内外不一致的情况。诸如:缓存和预加载方案、原生能力调用、底层数据上报和分析等,都有所不同。

这些问题来源于 PWA 的能力和端内定制能力相似却不一致。要么增加开发者成本,要么损失一部分使用者体验。成本和体验的平衡是永恒的话题。但往往也有一条途径,那就是把一部分成本转移到工程和工具上,让开发者少了解这些差异,也能够开发出在端内外都有较好体验的产品。

fa624c192ef697108ee48079c3b2a3a5.png

王浩宇  

前端工程师

字节跳动直播变现与千川

王浩宇,昕桐的爸爸。现在负责字节跳动直播变现与千川移动版建设,之前在阿里巴巴负责 Web App 建设,曾经在 Google 开发者大会等平台分享 PWA 相关技术实践。

网页的原生化之旅

简单来讲,原生(native)的优势主要集中在较好的原生体验和低成本的用户召回,劣势在于开发迭代成本高以及不具备跨平台的能力。而 Web App 则几乎相反,优势主要集中在快速开发迭代和低成本多端复用,劣势在于较差的原生体验和无法召回用户。

随着 PWA 能力的不断增强,Web App 在保留现有优势的前提下,极大的扩展了原生的能力,提供了多种原生 API,包含定位、push、添加到桌面、甚至打包成 App等能力,让 Web App 的体验更加优秀。那么今天,我们就来聊一下,一个网页的 native 化之旅。

fc040bebc3694048fef89a63f39428b8.png

张敏

软件技术经理

英特尔 SATG Web 平台工程

张敏,参与了 Crosswalk、Web Neural Network (WebNN)、渐进式 Web 应用 (PWA)等 Web 项目。在 2013 年之前,他是 Opera Software 的软件工程经理并领导了客户端运营和关键数据产品团队。张敏在浏览器产品及质量、网站兼容性、Web API 及应用等方面有多年经验,张敏正和团队努力将英特尔 XPU 的强大功能引入到 Web,并与 Web 社区携手推动 PWA 技术在国内的发展和落地。

新兴 Web 技术助力 PWA

2022 年,很多新兴的 Web API 加入到了 Chromium 中,使得渐进式 Web 应用 (Progressive Web Apps, PWA) 如虎添翼。功能上,Shared Storage、Web Share、File System Access、File Handling 以及 Local Font Access 等等 API 简化了 PWA 应用对系统的访问和使用,极大地降低了前端的开发成本;性能上, 英特尔 Web 团队参与甚至领导的 Web Assembly / SIMD, WebGPU 以及 WebNN 等等项目,充分地利用 了 Intel XPU 的能力,并将 PWA 的性能极大地提高到和原生应用接近的水平。让我们快速了解新兴的 Web 技术在哪些方面助力了 PWA,提升开发效率。

活动日程

10:00

开幕致辞

10:10

张琦

开场演讲

Alex Russel

10:40

Take Full Advantage of a PWA 

11:20

丛慧君

回归初心,重温 PWA 技术的现实意义

宋青见

12:00

午休

13:00

The World of PWA Tools: From Starter to Builder

13:40

Justin Willis & Amrutha Srinivasan

跑在 PWA 里的 '小程序' 

朱天健

14:20

腾讯文档 PWA 开发实践

15:00

彭伟宏

Alibaba.com PWA 降本增效的探索与实践

陈远宏

11:20

网页的原生化之旅

16:20

王浩宇

新兴 Web 技术助力 PWA 

张敏

互动有礼

6c9062a177c1bad60751531e5dc9ff4d.png

85f40aced986b67a098c84745d6adc67.png

bc54a2396e87d07b8fd09ae48aa89ad1.png

参与直播互动,更有PWA社区T恤、Edge T恤、PWA社区鼠标垫等周边好礼,等您来拿!

bf9b4ff2092d8a9ed905608fe113dce8.jpeg

关注微软 Reactor 公众号,回复:PWA,即可加入大会直播交流群

495aad6cc8ca29e314d178f83b62fe85.png

主办方

e49cfc583f184afb045e3f8c440ae038.jpeg

55cb62938d77ba5f911a0b4759644836.jpeg

支持伙伴

98e702964b08ea82f223d707ed4f530c.jpeg

f1938559cb51ecf89d78229a1f6c94c5.png

8c575ca73e81a3be9ad7135dd53b5988.jpeg

dcad01b2f1e20b31be3233f68f5d89b2.jpeg

57d7d84500a13b6f28852e3c2dd1064a.jpeg

2dde88fa6f25f0dccdee968286b80e0b.jpeg

直播支持

7704b410c845ac601737ca8e8bb1d721.png

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/284223.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【GlobalMapper精品教程】018:提取影像数据的范围生成矢量图层

文章目录 1. 加载影像数据2. 生成边界3. 导出矢量范围4. 背景影响边界解决办法1. 加载影像数据 以DSM为例,加载如下所示: 2. 生成边界 在影像图层上右键→图层→【边界框/覆盖-创建图层覆盖框/多边形区要素】,如下图所示: 选择【否】。 边界创建完成。 3. 导出矢量范围 …

在Leangoo里怎么设置看板周期?

设置看板周期有两种方式: 1)点击看板上的看板周期时间直接修改 2)通过菜单 设置看板周期 浏览器访问官网链接:www.leangoo.com 转载于:https://www.cnblogs.com/shineshine/p/5663104.html

consul部署多节点和consul-template部署

一.consul的介绍 1.1consul是什么? Consul是HashiCorp公司推出的开源工具,用于实现分布式系统的服务发现与配置。 Consul是分布式的、高可用的、可横向扩展的。它具备以下特性 : service discovery:consul通过DNS或者HTTP接口使服务注册和服务发现变的很容易,一些外…

基于ABP实现DDD

什么是DDD呢?领域驱动设计[DDD]是一种针对复杂需求的软件开发方法。将软件实现与不断发展的模型联系起来,专注于核心领域逻辑,而不是基础设施细节。DDD适用于复杂领域和大规模应用,而不是简单的CRUD应用。它有助于建立一个灵活、模…

【GlobalMapper精品教程】019:基于DSM提取离散随机点的高程信息

本文讲解在globalmapper中,基于DSM提取离散随机点的高程信息,配套数据为data019.rar。 文章目录 1. 离散点创建2. 提取离散点高程信息3. 高程标注1. 离散点创建 本文在ArcGIS中,根据给定的范围,随机生成离散点,如下图: 拓展阅读: ArcGIS根据范围创建随机点教程:【ArcG…

shell脚本注意点

2019独角兽企业重金招聘Python工程师标准>>> 直接命令行写脚本的时候,可以用 ; 分割,或 也可以直接回车,然后在继续写脚本在使用 方括号[ ] 的时候,里面空格两边都必须要有空格,比如 [ $a -gt 3 ] 在方括号…

【GlobalMapper精品教程】020:Lidar点云数据分类(自动分类、手动分类)案例详解

航测点云通常跟DSM一致,即包含植被、房屋等信息,必须进行点云分类、过滤,才能生成准确的高程点、等高线和DEM等地形数据。本文以案例的形式详细讲解globalmapper23中点云工具及使用方法。 文章目录 1. 点云分类2. 创建地面高程格网3. 地形绘制4. 格网转点云5. 点云抽稀6. 点…

CSS3 nth 伪类选择器

考察下面的 HTML 代码片段&#xff1a; <div><section>section 1</section><section>section 2</section><ul><li>item 1</li><li><ul><li>sub item 1</li><li>sub item 2</li><li>…

RedisCluster的安装、部署、扩容和 Java客户端调用

Redis下载 官网地址&#xff1a;http://redis.io/ 中文官网地址&#xff1a;http://www.redis.cn/ 下载地址&#xff1a;http://download.redis.io/releases/ 安装 # &#xff08;三台&#xff09;安装 C 语言需要的 GCC 环境 yum install -y gcc-c yum install -y wget # 下…

【CloudCompare教程】001:CloudCompare中文版下载与安装图文教程

CloudCompare是一款功能强大的点云后处理软件,本文讲解CloudCompare中文版下载与安装方法。 文章目录 一、CloudCompare下载地址二、CloudCompare安装教程三、CloudCompare中文设置一、CloudCompare下载地址 官方下载地址:http://www.danielgm.net/cc/release/ 二、CloudComp…

ML.NET相关资源整理

在人工智能领域&#xff0c;无论是机器学习&#xff0c;还是深度学习等&#xff0c;Python编程语言都是绝对的主流&#xff0c;尽管底层都是C实现的&#xff0c;似乎人工智能和C#/F#编程语言没什么关系。在人工智能的工程实现&#xff0c;通常都是将Python训练好的人工智能模型…

JAVA学习日志(7-1-继承)

为什么80%的码农都做不了架构师&#xff1f;>>> 继承 1.提高代码复用性 2.让类与类之间产生关系&#xff0c;有了这个关系才有了多态的特性 **不要为了获取其他类的功能&#xff0c;简化代码而继承&#xff0c; 必须是类与类之间有所属关系才可以继承&#xff0c;所…

BZOJ 1370: [Baltic2003]Gang团伙 [并查集 拆点 | 种类并查集WA]

题意&#xff1a; 朋友的朋友是朋友&#xff0c;敌人的敌人是朋友&#xff1b;朋友形成团伙&#xff0c;求最多有多少团伙 种类并查集WA了一节课&#xff0c;原因是&#xff0c;只有那两种关系才成立&#xff0c;诸如朋友的敌人是朋友之类的都不成立&#xff01; 所以拆点做吧 …

常见Lidar点云数据处理及可视化软件汇总

常见的点云处理及可视化软件有&#xff1a; CloudCompare、Globalmapper、Pix4d、ArcGIS&#xff08;Pro&#xff09;、Lidar 360、PCL等等。 文章目录1. CloudCompare2. Globalmapper3. Pix4d4. ArcGIS&#xff08;Pro&#xff09;5. Lidar 3606. PCL1. CloudCompare CloudCo…

基于 HTML5 Canvas 绘制的电信网络拓扑图

电信网结构&#xff08;telecommunication network structure&#xff09;是指电信网各种网路单元按技术要求和经济原则进行组合配置的组合逻辑和配置形式。组合逻辑描述网路功能的体系结构&#xff0c;配置形式描述网路单元的邻接关系&#xff0c;即以交换中心&#xff08;或节…

【GlobalMapper精品教程】021:利用控制点校正栅格图像

本文讲解GlobalMapper中利用控制点校正栅格图像的方法,数据为配套实验数据包中的data021.rar。 文章目录 一、结果预览二、校正过程【推荐阅读】:ArcGIS实验教程——实验二:ArcGIS地理配准完整操作步骤 一、结果预览 二、校正过程 (1)打开图像。选择实验包中的待校正的栅…

WTM:ASP.NET Core快速开发利器!

不少程序员朋友应该都有这个想法&#xff0c;接接私活&#xff0c;赚赚外快&#xff0c;但是从零开发一套系统并不容易&#xff0c;今天给大家推荐一款开箱即用的通用后台管理系统。一个能够让程序猿快速开发的炒鸡脚手架&#xff0c;采用.NET Core开源框架&#xff01;github地…

【CloudCompare教程】002:点云绘制模式详解

文章目录 1. 按高程着色2. 按索引着色3. 按渐变着色1. 按高程着色 在内容列表中选中点云图层,点击【编辑】→【标量领域】→【将坐标导出到SF】。 勾选Z,点击OK。 高程着色效果: 2. 按索引着色 点击【编辑】→【标量领域】→【添加点指数为SF】。 索引着色效果: