第二屆中國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.pswp.cn/news/284223.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/284223.shtml
英文地址,請注明出處:http://en.pswp.cn/news/284223.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

【GlobalMapper精品教程】018:提取影像數據的范圍生成矢量圖層

文章目錄 1. 加載影像數據2. 生成邊界3. 導出矢量范圍4. 背景影響邊界解決辦法1. 加載影像數據 以DSM為例,加載如下所示: 2. 生成邊界 在影像圖層上右鍵→圖層→【邊界框/覆蓋-創建圖層覆蓋框/多邊形區要素】,如下圖所示: 選擇【否】。 邊界創建完成。 3. 導出矢量范圍 …

MPMoviePlayerController屬性方法簡介

屬性說明property (nonatomic, copy) NSURL *contentURL播放媒體URL,這個URL可以是本地路徑,也可以是網絡路徑property (nonatomic, readonly) UIView *view播放器視圖,如果要顯示視頻必須將此視圖添加到控制器視圖中property (nonatomic, re…

在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應用。它有助于建立一個靈活、模…

二、通過工廠方法來配置bean

調用靜態工廠方法創建 Bean是將對象創建的過程封裝到靜態方法中. 當客戶端需要對象時, 只需要簡單地調用靜態方法, 而不同關心創建對象的細節. 要聲明通過靜態方法創建的 Bean, 需要在 Bean 的 class 屬性里指定擁有該工廠的方法的類, 同時在 factory-method 屬性里指定工廠方法…

【GlobalMapper精品教程】019:基于DSM提取離散隨機點的高程信息

本文講解在globalmapper中,基于DSM提取離散隨機點的高程信息,配套數據為data019.rar。 文章目錄 1. 離散點創建2. 提取離散點高程信息3. 高程標注1. 離散點創建 本文在ArcGIS中,根據給定的范圍,隨機生成離散點,如下圖: 拓展閱讀: ArcGIS根據范圍創建隨機點教程:【ArcG…

shell腳本注意點

2019獨角獸企業重金招聘Python工程師標準>>> 直接命令行寫腳本的時候,可以用 ; 分割,或 也可以直接回車,然后在繼續寫腳本在使用 方括號[ ] 的時候,里面空格兩邊都必須要有空格,比如 [ $a -gt 3 ] 在方括號…

C語言編程規范--------2 注釋

2.1 注釋的原則 注釋的目的是解釋代碼的目的、功能和采用的方法,提供代碼以外的信息,幫助讀者理解代碼,防止沒必要的重復注釋信息。 示例:如下注釋意義不大。 /* if receive_flag is TRUE */ if (receive_flag) 而如下的注釋則給出…

備戰金九銀十:RabbitMQ有5種工作模式(6)

RabbitMQ是實現了高級消息隊列協議(AMQP)的開源消息代理軟件(亦稱面向消息的中間件)。RabbitMQ服務器是用Erlang語言編寫的,而集群和故障轉移是構建在開放電信平臺框架上的。所有主要的編程語言均有與代理接口通訊的客…

【GlobalMapper精品教程】020:Lidar點云數據分類(自動分類、手動分類)案例詳解

航測點云通常跟DSM一致,即包含植被、房屋等信息,必須進行點云分類、過濾,才能生成準確的高程點、等高線和DEM等地形數據。本文以案例的形式詳細講解globalmapper23中點云工具及使用方法。 文章目錄 1. 點云分類2. 創建地面高程格網3. 地形繪制4. 格網轉點云5. 點云抽稀6. 點…

社交網絡圖中結點的“重要性“計算(Dijkstra + SPFA + Floyd + 模板)

題目鏈接: 無 題目大意: 求一個點到其他所有點的最短距離和,保證圖連通。 解題過程: 剛開始用 Floyd 水過的,后來用換了幾種方法,不錯的模板題,Floyd 的時候,要用 vector 存邊&#…

web布局固定寬度+變化寬度實現思路

前言 頁面當中常規布局我想大家都會的&#xff0c;但有些布局是常規布局中實現不了的&#xff0c;比如變寬和固寬結合的&#xff0c;需要實現(300px)&#xff0b;(100%&#xff0d;300px)的兩列布局。以下樣式代碼前提均為盒模型為border-sizing 的前提下。 html部分 <div c…

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訓練好的人工智能模型…

帶參數的宏替換

帶參數的宏替換因各種需求疊加&#xff0c;替換規則很怪異&#xff1a; 1、首先將實參替換形參&#xff0c;并展開宏 2、如果1步展開后&#xff0c;有#或者##&#xff0c;那么停止替換。 3、如果1步展開后&#xff0c;沒有#或者##&#xff0c;且參數也是宏&#xff0c;那么繼續…

JAVA學習日志(7-1-繼承)

為什么80%的碼農都做不了架構師&#xff1f;>>> 繼承 1.提高代碼復用性 2.讓類與類之間產生關系&#xff0c;有了這個關系才有了多態的特性 **不要為了獲取其他類的功能&#xff0c;簡化代碼而繼承&#xff0c; 必須是類與類之間有所屬關系才可以繼承&#xff0c;所…