Progressive Web Apps (PWA)

• HTML、CSS 和面向物件 JavaScript。
• 行動裝置。
• 能夠在行動裝置上運行 Google Chrome。

觀眾

• Web 開發人員
• 應用開發者

漸進式Web應用程序（PWA）是一種Web應用程序，其執行方式類似於本機移動應用程序。 Progressive Web App可以作為常規網站以及應用商店中的Native應用程序進行部署。

在這個由講師指導的現場培訓（現場或遠程）中，參與者將學習如何開發他們的第一個Progressive Web App，因為他們逐步完成一系列實踐練習，最終創建和部署功能性PWA。

課程格式

• 互動講座和討論。
• 大量的練習和練習。
• 在實時實驗室環境中親自實施。

課程自定義選項

• 要申請本課程的定制培訓，請聯繫我們安排。

介紹

• 網路和移動的融合

開發漸進式 Web 應用程式的原因

• 速度和效能（與網站相比）
• 安全
• 離線功能
• 推送通知
• 提高跳出率
• 類似應用程式的感覺和功能
• 繞過應用商店

啟用您的網站

• 安全的HTTPS連接
• JSON 清單
• 服務工作者

構建第一個漸進式 Web 應用 （PWA）

使用 Service Worker 使應用能夠離線工作

• 緩存數據
• 提供推送通知
• 更新內容
• 數據操作

事件偵聽器和命令

• 根據是否在線/離線狀態自定義對網路請求的回應
• 數據持久性和消息傳遞
• Accessing 緩存 API、Fetch API、IndexedDB API、postMessage（） 等。
• 通過通知 API 提高用戶參與度

在應用程式中使用緩存的資產

配置 Web 應用清單

• 將應用程式添加到主螢幕

應用程式 Shell 體系結構

UI 注意事項

• 可用性
• 地方化

PWA 疑難解答

將 PWA 部署到 App Store

總結和結論