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 函式库

总结与结论