Advanced Progressive Web App (PWA)

• 具備HTML、CSS及物件導向JavaScript的經驗
• 了解PWA（漸進式網頁應用程式）

目標學員

• 開發者

渐进式Web应用程序（PWA）是一种具有移动应用程序外观和功能的网站或网页。渐进式Web应用程序可以在所有Web和移动平台上加载。

本课程为讲师指导的培训（线上或线下），面向希望创建具有推送通知和离线可用性等高级功能的渐进式Web应用程序的开发人员。

在本培训结束时，参与者将能够：

• 设置必要的开发环境，以开始开发高级渐进式Web应用程序。
• 创建支持订阅的推送通知。
• 使用Service Worker进行缓存，使Web应用程序能够离线工作。
• 创建推送通知，提示频繁访问者安装应用程序。

课程形式

• 互动讲座与讨论。
• 大量练习与实践。
• 在实时实验室环境中进行实际操作。

课程定制选项

• 如需为本课程定制培训，请联系我们进行安排。

簡介

• 原生應用程式與漸進式應用程式的比較

Mobile Development 週期概述

• JavaScript 邏輯、CSS 模板和 HTML 模板

Web 走向原生

• 跨平台
• 向後兼容
• 功能對等

高級漸進式 Web 應用程式與推送通知

• Push API
• Notification API

準備開發環境

• 編寫待辦事項應用程式
• 啟用網站域名的 SSL 功能
• 安裝「高級漸進式 Web 應用程式」模組

配置高級漸進式 Web 應用程式

• 為 Web 應用程式的推送通知創建偏好設定
• 為推送通知設計樣式，確保一致的體驗
• 將 Web 應用程式添加到用戶的主屏幕

使用 Service Worker 實現離線功能

• Accessing cache API
• 根據線上或離線狀態自定義網絡請求

部署應用程式

• 在移動模擬器或移動設備上運行應用程式

故障排除

• Web 應用程式僅適用於最新版本的 Web-push 函式庫

總結與結論