教程

此頁面列出了幫助學習如何開發 PWA 的教程。教程將指導您完成從頭到尾建立應用的過程,並解釋應用的各種功能是如何實現的。

建立你的第一個 PWA

本入門級教程將指導您建立一個用於追蹤月經週期的 PWA。課程內容包括建立一個功能完整的 Web 應用所需的 HTML、CSS 和 JavaScript 的演練,設定測試環境,以及完整的解釋,指導學習者完成將 Web 應用升級為 PWA 的過程;包括開發和檢查 manifest 檔案、新增 service worker,以及使用 service worker 刪除過時的快取。

深入瞭解 PWA

本中級教程將指導您建立一個 PWA,該 PWA 列出了提交到 js13kGames 2017 比賽 A-Frame 類別的遊戲資訊。本教程包含了建立 PWA 的所有基礎知識,並額外添加了通知、推送和應用效能等功能。