Chrome Dev Summit 2017參會筆記

作者 | 高磊
編輯 | 尾尾

為期兩天的 Chrome Dev Summit 2017 于 10月23日~24日在美國舊金山舉辦。由于我們近期和Google的合作較多,對Google的動作也比較關注,所以受邀參加了這次的Chrome Dev Summit (CDS)。本文是我在現場做的筆記和參會的感受,分享給大家。

一、Google開發者相關的會議體系

對于Google在開發者方面的會議體系,我是這么理解的:

Google I/O > Google Developer Day > Chrome Dev Summit(還有其他體系的Dev Summit) > 各種Conf (比如 AMP Conf、Polymer Conf) > 各種 Road Show (比如PWA RoadShow、AMP RoadShow)等。

由于我只接觸了 Web 開發者體系的一部分,所以上述揣測難免不準確,但是可以供對Web開發感興趣的同學參考,屆時可以選擇性關注。畢竟現在blink內核是安卓 Web 的主流,Chrome 團隊近期的各種高產在整個 Web 生態也足夠引人注目。

二、CDS 2017的主題依然是PWA

CDS 2017 的主題還是PWA (Progressive Web APP,漸進式Web應用)。2017年從始至今,在 Google I/O、GDD 到各種 Conf上,Google 都在強調 PWA——Google 對 PWA 真是不計成本的投入。

PWA站點數量、質量和等級都在提升

從下面這張圖可以看到,PWA 的站點越來越多,從最開始的 Flipcart,到目前的 Instangram、Uber、Starbucks 等,不僅數量在增加,站點等級和質量也在不斷地提升。
這里寫圖片描述

PWA快速進化

同時,由于更多的開發者參與,PWA 也在快速的進化,這次CDS 關于PWA ,重新強調的用戶體驗第一的概念,PWA 不是添加到桌面也不是有了push能力,最核心的還是Web站點自身的用戶體驗提升,對 Service Worker 的應用以及各種 API 的增強會大幅度提升站點的用戶體驗。
這里寫圖片描述

站點完美升級PWA的過程

下面這張 keynote 準確的表達了站點升級為Beautiful PWA 的過程:最基礎的是安全(HTTPS);用戶體驗(UX)是整個過程中需要持續關注的目標;執行過程應該循序漸進。
這里寫圖片描述

三、值得關注的點及對應的 Talk

除了對 PWA 的整體印象外,我個人感覺有一些點值得關注,總結如下(相關的 Talk 視頻可在 YouTube 上搜索“Chrome Dev Summit 2017”)。

(1)關于賬號(輸入效率):One-Tap Sign-Up 大幅提升賬號輸入的效率(涉及的Talk:keynote,Progressively improving e-commerce)

(2)電商相關:WebPayment,以及 AMP 在電商中的應用(涉及的Talk:keynote,Progressively improving e-commerce)

(3)PWA 的開發成本在不斷降低:Chrome 團隊推出了 Workboxjs 用來降低 PWA 的開發成本。其實在降低 PWA 的開發成本方面,我們很早就進行了實踐并推出了Lavas,歡迎大家 star 試用,也歡迎大家一起來完善。
這里寫圖片描述

(涉及到Talk:keynote,Workbox: Flexible PWA Libraries,WordPress + PWA = ��)

(4)Web 上的多媒體進化:視頻、音頻的 API 在不斷的進化,Talk 中有很多的干貨,對站點優化很有價值(涉及的Talk:Building a modern media experience,Creating Media without an App)。

(5)Web站開發教學,這個世普適性的,可以作為基礎教學了(涉及到Talk:Kickstarting your Journey to Progressive Web Apps)。

(6)怎么強調都不過分的站點速度,就是要快,這個貫穿到幾乎所有的 Talk 中,而且還有兩個專項的 Talk:Fast By Default: Modern loading best practices,The future of loading on the Web。

(7)Chrome 的配套支持異常強大:lighthouse、Puppeteer(做crawler、前端自動化測試的可以重點關注)。涉及到 Talk:Kickstarting your Journey to Progressive Web Apps,Modern tooling, testing and automation。

(8)相對于第一天集中轟炸 PWA ,第二天的 Talk 相對分散,V8、WebAssembly、Polymer,都有對應的Talk標題都很明顯,可以找下。

(9)各大瀏覽器廠商的同學們可以關注下這個 Talk:Integrating Web Apps with browsers and operating systems,其中對 PWA 的支持有不少細節可以關注。

(10)WEB AR/VR ,我的印象不是很深刻,關注的可以看這個Talk:The future of immersive experiences on the Web with VR and AR。

補充感受:第一、二天兩個 Pannel 歪國碼農提的問題都很犀利,第二天的 Framework 的討論,陣容豪華,配圖一張,請自行感受。

這里寫圖片描述

Brilliant Open Web

BOW(Brillant Open Web)團隊,是一個專門的Web技術建設小組。BOW 關注前端,關注Web;剖析技術、分享實踐;談談學習,也聊聊管理。

關注 OpenWeb開發者,回復“加群”,讓我們一起推動 OpenWeb技術的發展!

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/535887.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/535887.shtml
英文地址,請注明出處:http://en.pswp.cn/news/535887.shtml

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

相關文章

Redis(八):Zset有序集合數據類型詳解

Redis 有序集合和集合一樣也是string類型元素的集合,且不允許重復的成員。 不同的是每個元素都會關聯一個double類型的分數。redis正是通過分數來為集合中的成員進行從小到大的排序。 有序集合的成員是唯一的,但分數(score)卻可以重復。 集合是通過哈希表實現的,…

Redis(九):Redis特殊類型之geospatial

朋友的定位,附近的人,位置共享,打車距離 redis在3.2就已經推出了geospatial!兩地之間的距離,方圓幾里的人!都可以用它實現 這個需要把你所在地的經緯度輸進去,我們可以在http://www.jsons.cn/ln…

九個案例簡述Web設計原則:簡潔清晰

作者 | 百度搜索用戶體驗中心 《Web設計指南》分為設計原則、基礎規范兩方面主要內容,同時會提供相應的實際案例及資源下載。歡迎關注OpenWeb開發者,訂閱《Web設計指南》。 前言 《Web設計指南》是專門為廣大Web內容生態提供一套簡單實用的設計指南&a…

Redis(十):Redis特殊類型之Hyperloglog基數統計

redis 2.8.9版本就更新了Hyperloglog數據結構! Hyperloglog:基數統計算法!0.81%的錯誤率,不過統計大量數據可以忽略! 在 Redis 里面,每個 HyperLogLog 鍵只需要花費 12 KB 內存,就可以計算接近 …

W3C近期要聞:與Mozilla MDN合作聯合開發Web平臺文檔

作者 | W3C中國 「OpenWeb開發者」依托于BOW(Brillant Open Web)團隊,是一個專門的 Web 技術建設小組,致力于推動 Open Web 技術的發展,將不定期為讀者同步W3C要聞。 注:由于微信不支持外鏈,了解…

Redis(十一):Redis特殊類型之Bitmap位圖

1、位存儲 只有0和1兩種狀態! Bitmap 位圖:數據結構,都是操作二進制位來進行記錄 登錄/未登錄 活躍/不活躍 打卡 兩個狀態的都可以使用Bitmap! 2、常用命令 2.1、用Bitmap來記錄 周一到周日的登陸情況 127.0.0.1:6379> …

移動Web加速技術月報第2期

作者 | Brilliant Open Web 團隊breezet、shdong 編輯 | 尾尾 為推進Web技術的發展,Brilliant Open Web團隊特推出每月一期的《移動Web加速技術月報》,該月報將整理較流行的移動Web加速技術,并跟進各項技術的進展和發展方向,以期…

Redis(十二):Redis事務的基本操作

1、Redis事務概念 Redis 事務的本質是一組命令的集合。事務支持一次執行多個命令,一個事務中所有命令都會被序列化。在事務執行過程,會按照順序串行化執行隊列中的命令,其他客戶端提交的命令請求不會插入到事務執行命令序列中。 總結說&…

大型網站HTTPS 實踐(一)| HTTPS 協議和原理

作者 | 百度HTTPS技術支持團隊 百度已經上線了全站 HTTPS 的安全搜索,默認會將 HTTP 請求跳轉成 HTTPS。本文就著重介紹了 HTTPS 協議涉及到的重要知識點和平時不太容易理解的盲區,希望能對大家理解 HTTPS 協議有幫助。百度 HTTPS 性能優化涉及到大量內容…

MongoDB(一):簡介

1、MongoDB概述 MongoDB 是由C語言編寫的,是一個基于分布式文件存儲的開源數據庫系統。在高負載的情況下,添加更多的節點,可以保證服務器性能。MongoDB 旨在為WEB應用提供可擴展的高性能數據存儲解決方案。 MongoDB 是一款流行的開源文檔型…

大型網站HTTPS實踐:HTTPS對性能的影響

作者 | 百度HTTPS技術支持團隊 百度已經上線了全站 HTTPS 的安全搜索,默認會將 HTTP 請求跳轉成 HTTPS。百度 HTTPS性能優化涉及到大量內容,從前端頁面、后端架構、協議特性、加密算法、流量調度、架構和運維、安全等方面都做了大量工作。本系列的文章將…

Redis(十三):Redis實現樂觀鎖

1、悲觀鎖與樂觀鎖 樂觀鎖和悲觀鎖是一種程序設計思想,而不是具體的代碼。樂觀鎖和悲觀鎖應用的場景有很多,在數據庫和多線程等等都會用到。 悲觀鎖:總是假設最壞的情況,每次去拿數據的時候都認為別人會修改,所以每次…

PWA將帶來新一輪大前端技術洗牌?

作者 | 彭星 編輯 | 尾尾 一、回顧歷史:移動時代之初,Web遭遇兩大枷鎖 Web 在移動時代遭遇兩大枷鎖1.Web 在移動時代遭遇兩大枷鎖 當 Web 自信滿滿,步入移動時代之時,它還沒有做好充足的準備。 回顧 2014 到 2015 年那段時間…

Redis(十四):Jedis

Jedis是Redis官方推薦的Java連接開發工具。要在Java開發中使用好Redis中間件&#xff0c;必須對Jedis熟悉才能寫成漂亮的代碼&#xff01; 1、新建Maven工程&#xff0c;導入對應依賴 <dependencies><dependency><groupId>redis.clients</groupId>&l…

高級精致智能快捷的Web設計原則案例

作者 | 百度搜索用戶體驗中心 《Web設計指南》分為設計原則、基礎規范兩方面主要內容&#xff0c;同時會提供相應的實際案例及資源下載。關注OpenWeb開發者&#xff0c;回復“設計指南”&#xff0c;即可獲取已發布資源。 設計原則之高級精致 簡潔并不等于粗糙沒有細節&#x…

Linux系列(一):簡介與目錄結構

1、Linux簡介 1.1、起源 Linux出現于1991年&#xff0c;是由芬蘭赫爾辛基大學學生Linus Torvalds和后來加入的眾多愛好者共同開發完成 1.2、Linux特點 多用戶&#xff0c;多任務&#xff0c;豐富的網絡功能&#xff0c;可靠的系統安全&#xff0c;良好的可移植性&#xff0c;…

日常問題——解決mac下 ssh: connect to host localhost port 22: Connection refused

問題描述&#xff1a; 今天使用ssh 登陸本地時即使用ssh localhost出現了 ssh: connect to host localhost port 22: Connection refused 錯誤&#xff01; 然后在網上看了很多的解決方案&#xff0c;也都是千篇一律&#xff0c;大多數是針對ssh安沒安裝的&#xff1f;那肯定是…

大型網站的HTTPS實踐:基于協議和配置的優化

作者 | 百度HTTPS技術支持團隊 百度已經上線了全站 HTTPS 的安全搜索&#xff0c;默認會將 HTTP 請求跳轉成 HTTPS。百度 HTTPS性能優化涉及到大量內容&#xff0c;在前端頁面、后端架構、協議特性、加密算法、流量調度、架構和運維、安全等方面都做了大量工作。本系列的文章將…

初識Hadoop:大數據與Hadoop概述

1、大數據概述 大數據&#xff08;big data&#xff09;&#xff0c;IT行業術語&#xff0c;是指無法在一定時間范圍內用常規軟件工具進行捕捉、管理和處理的數據集合&#xff0c;是需要新處理模式才能具有更強的決策力、洞察發現力和流程優化能力的海量、高增長率和多樣化的信…

W3C近期要聞:W3C戰略重點報告新版發布

作者 | W3C中國 「OpenWeb開發者」依托于BOW&#xff08;Brillant Open Web&#xff09;團隊&#xff0c;是一個專門的 Web 技術建設小組&#xff0c;致力于推動 OpenWeb 技術的發展&#xff0c;將不定期為讀者同步W3C要聞。 注&#xff1a;由于微信不支持外鏈&#xff0c;了解…