渐进式Web应用（PWA）

Prerequisites:

• HTML、CSS和面向对象的JavaScript。
• 移动设备。
• 能够在移动设备上运行Google Chrome。

受众

• Web开发者
• App开发者

Overview:

渐进式Web应用程序（PWA）是一种Web应用程序，其执行方式类似于本机移动应用程序。 Progressive Web App可以作为常规网站以及应用商店中的Native应用程序进行部署。

在这个以讲师为主导的现场培训（现场或远程）中，参与者将学习如何开发他们的第一个Progressive Web App，因为他们逐步完成一系列实践练习，最终创建和部署功能性PWA。

课程格式

• 互动讲座和讨论。
• 大量的练习和练习。
• 在实时实验室环境中亲自实施。

课程自定义选项

• 要申请本课程的定制培训，请联系我们安排。

Course Outline:

介绍

• 网络和移动的融合

开发渐进式 Web 应用程序的原因

• 速度和性能（与网站相比）
• 安全
• 离线功能
• 推送通知
• 提高跳出率
• 类似应用程序的感觉和功能
• 绕过应用商店

启用您的网站

• 安全的HTTPS连接
• JSON 清单
• 服务工作者

构建第一个渐进式 Web 应用 （PWA）

使用 Service Worker 使应用能够脱机工作

• 缓存数据
• 提供推送通知
• 更新内容
• 数据操作

事件侦听器和命令

• 根据是否在线/离线状态自定义对网络请求的响应
• 数据持久性和消息传递
• Accessing 缓存 API、Fetch API、IndexedDB API、postMessage（） 等。
• 通过通知 API 提高用户参与度

在应用程序中使用缓存的资产

配置 Web 应用清单

• 将应用程序添加到主屏幕

应用程序 Shell 体系结构

UI 注意事项

• 可用性
• 地方化

PWA 疑难解答

将 PWA 部署到 App Store

总结和结论

Overview in Category:

在这个由讲师指导的现场培训<loc>（现场或远程）中，参与者将学习如何开发他们的第一个渐进式Web应用程序，因为他们将逐步完成一系列动手练习，最终创建和部署功能性PWA。