iT邦幫忙

鐵人檔案

2017 iT 邦幫忙鐵人賽
回列表
Modern Web

30 天 Progressive Web App 學習筆記 系列

參賽天數 30 天共 30 篇文章 | 51 人訂閱 訂閱系列文
DAY 1

Day 01 - 30 天 Progressive Web App 學習筆記 - 前言

2017 鐵人賽的開始 簡單自介 我是一名前端工程師,雖然學習的過程裡難免會出現壓力與挫折,但真心喜歡開發網站的世界,希望能夠持續努力、莫忘初衷,永遠保持熱情。...

2016-12-16 ‧ 由 iamya 分享
DAY 2

Day 02 - 30 天 Progressive Web App 學習筆記 - 為什麼需要 PWA?

為什麼需要 PWA? 很多人認為網頁沒辦法跟原生的 APP 相提並論,因為網站沒辦法像原生 APP 一樣快速、可靠、高互動等等 PWA 的出現就是希望能改變這個...

2016-12-17 ‧ 由 iamya 分享
DAY 3

Day 03 - 30 天 Progressive Web App 學習筆記 - 什麼是 PWA?

什麼是 PWA? 圖片來源:webunlimited PWA 全名是 Progressive Web App,依照字面上來解釋為『漸進式』的網站應用程式,...

2016-12-18 ‧ 由 iamya 分享
DAY 4

Day 04 - 30 天 Progressive Web App 學習筆記 - Client render & Server render

為什麼要講 Client render & Server render? 希望能夠藉由說明 Client render 和 Server render...

2016-12-19 ‧ 由 iamya 分享
DAY 5

Day 05 - 30 天 Progressive Web App 學習筆記 - 什麼是 App Shell?

什麼是 App(Application) Shell? PWA 建構一個 model,將不經常變動的內容(App Shell)和變動的內容(Content)區...

2016-12-20 ‧ 由 iamya 分享
DAY 6

Day 06 - 30 天 Progressive Web App 學習筆記 - App Shell 的執行效益與設計方向?

上一篇的文章提到 什麼是 App Shell? An application shell is the secret to reliably good per...

2016-12-21 ‧ 由 iamya 分享
DAY 7

Day 07 - 30 天 Progressive Web App 學習筆記 - RAIL Model

什麼是 RAIL Model? 圖片來源:Performance RAIL's RAIL Model 是由 Google 所提出,針對效能、以使用者為中心...

2016-12-22 ‧ 由 iamya 分享
DAY 8

Day 08 - 30 天 Progressive Web App 學習筆記 - Critical Render Path

昨天分享 RAIL Model 的觀念時,有參考 Measure Performance with the RAIL Model 這篇文章,而文章裡有提到 Cr...

2016-12-23 ‧ 由 iamya 分享
DAY 9

Day 09 - 30 天 Progressive Web App 學習筆記 - Optimizing Content Efficiency

在網路的世界裡,我們只要輸入網址就可以進行瀏覽,但是輸入網址之後、為了要顯示網站的內容,我們可能必須擷取幾十個,甚至是數百個不同的資源(加起來高達幾百萬位元組的...

2016-12-24 ‧ 由 iamya 分享
DAY 10

Day 10 - 30 天 Progressive Web App 學習筆記 - Service Work 簡介

今天筆記的是 Service Worker 的觀念,較深入的部份將會在之後的文章,透過實作再來做細部說明。 Service Worker 是非常強大的 offl...

2016-12-25 ‧ 由 iamya 分享