2022 年 7 大最佳渐进式 Web 应用程序课程

渐进式 Web 应用程序 (PWA) 是 Web 开发的下一个发展趋势，因为它能够增强移动应用程序体验并因此提高网站性能。

随着 PWA 的到来，不仅 Web 开发人员，电子商务企业也必须不断更新和深入理解这一新概念的概念和操作。 没有比参加 Progressive Web Apps 课程更好的方法了，这无疑为您提供了竞争优势，以适应这种有望在不久的将来加速的新技术趋势。

什么是渐进式 Web 应用程序 (PWA)？

PWA 代表P progressive Web A pps，是一个类似于智能手机或平板电脑上的实际原生应用程序的网站，这要归功于 Web 技术的进步。 这意味着任何网站都可以相当快地转变为渐进式 Web 应用程序，而原生应用程序需要技术知识和巨大的开发和维护工作量。

为了更好地了解 PWA 及其应用，我们提供了有关这种趋势技术的独家文章：

• 什么是 PWA？
• 渐进式 Web 应用程序：2022 年的最佳示例

近年来，PWA 已成为电子商务社区逐渐在其业务中采用以优化客户体验的新兴技术。 由于这一趋势将继续蓬勃发展，因此非常需要构建和推进渐进式 Web 应用程序的技能，尤其是对于在电子商务行业工作的现代开发人员而言。

PWA 课程的核心要素

目前，多个在线学习平台提供了各种不同的渐进式网络应用课程。 通常，渐进式 Web 应用程序课程将包含某些概念，以帮助学习者从头开始构建 PWA 或将现有的 Web 应用程序升级到 PWA。

基础渐进式 Web 应用程序课程通常包括：

• PWAs介绍及特点
• 服务人员
• 网络应用清单
• 利用设备功能

但是，根据学习者的技术背景和目标，每个渐进式网络应用程序课程都会即兴创作课程内容以满足学习者的期望。 因此，确定您的需求并选择最合适的 PWA 课程非常重要，这将为您带来之后的竞争优势！

最佳渐进式 Web 应用程序课程

1.渐进式 Web 应用程序 (PWA) – 完整指南

• 课程评分：4.7 分，满分 5.0 分（总共 9246 分）
• 时长：16 小时

由于本课程仅针对具有 HTML、CSS 和 JavaScript 基础的学习者而构建，因此您无需了解任何 JavaScript 框架（如 Angular 或 React）即可构建自己的 PWA。 学生将学习为他们的普通 Web 应用程序添加功能，以提供快速且引人入胜的体验，同时保持网页的可访问性。

在本课程中，您将学习：

• 构建外观和感觉类似于 iOS 和 Android 原生移动应用程序的 Web 应用程序。
• 使用服务工作者构建无需互联网连接即可运行的 Web 应用程序（离线优先）。
• 在您的网络应用程序中利用摄像头和地理位置等设备功能。
• 使用网络推送通知来增加用户对您的网络应用程序的参与度。

2. Google 的渐进式 Web 应用简介 – Udacity

• 课程费用：免费
• 持续时间：约。 2周

本课程将指导您了解 PWA 的所有核心功能以及设计 Web 应用程序的所有要求。 您可以开始构建您的第一个使用 Service Worker 离线工作的渐进式 Web 应用程序，以及利用 Web 应用程序清单文件使 Web 应用程序可安装到用户的主屏幕。

在本课程中，您将学习：

• 开始构建您自己的应用程序外壳。
• 使用 Service Worker 使您的应用程序能够离线工作。
• 确定您应该缓存哪些资产以及如何在您的应用程序中使用这些缓存的资产。
• 允许用户将您的 Progressive Web App 安装到他们设备的主屏幕。
• 正确配置 Web 应用清单。

3.渐进式 Web 应用程序：简明的 PWA 大师班

• 课程评分：4.8 / 5.0（共 726 个评分）
• 时长：6 小时

本课程的主要重点是构建引人入胜的渐进式 Web 应用程序或使用服务工作者、缓存 API 和 Web 应用程序清单升级现有的 PWA 网站。 学生应该具备 JavaScript 语言或浏览器的 JavaScript 上下文的背景知识，因为课程中没有涵盖这些内容。

在本课程中，您将学习：

• 了解 PWA 的目的。
• 深入了解 Service Worker API 和缓存 API 的各个方面。
• 学习在渐进增强的帮助下将 PWA 技术添加到现有的 Web 应用程序中。
• 将现有 Web 应用程序转换为功能齐全的渐进式 Web 应用程序，而不会影响对旧版浏览器的支持。
• 借助 Google Lighthouse 测试工具审核和改进 Progressive Web App。

4. Angular：渐进式 Web 应用程序——Linkedin

• 课程评分：14409 总入学人数
• 持续时间：约。 5个小时

本课程的主要内容包括如何使用 Angular 创建 PWA 以启用可安装的 Web 应用程序，以及利用 Service Workers 使您的渐进式 Web 应用程序能够离线工作。 此 Linkedin 课程还介绍了用户界面和 Web 服务连接。

在本课程中，您将学习：

• 渐进式网络应用
• 准备 Angular 应用程序
• 创建用户界面
• 连接到 Web 服务
• 创建可安装的 PWA
• 与 Service Worker 一起下线

5. Angular Progressive Web Apps (PWA) MasterClass – Udemy

• 课程评分：4.8/5（378 个评分）
• 持续时间：约。 4个小时

在本课程中，学习者将主要关注两个主要主题，即 Angular Service Worker 和 Service Worker 基础。 话虽如此，本课程仍然涵盖了 PWA 浏览器功能的一般工作原理，而不仅仅是在 Angular 应用程序的上下文中。 完成本课程后，您将能够设计、开发自己的 PWA 并对其进行故障排除，以及利用 Angular 添加 PWA 功能。

在本课程中，您将学习：

• Github 存储库中的代码，每个部分都有可下载的 ZIP 文件
• 详细了解 Angular Service Worker 提供的多项功能
• 了解如何将 Angular 应用程序转变为 PWA
• 使您的 Angular 应用程序可下载和可安装
• 使用 App Manifest 使您的 Angular 应用程序一键安装
• 添加应用程序外壳以提高初始启动性能

和更多。

6. React：构建渐进式 Web 应用程序 (PWA) – Linkedin

• 课程评分：23707 总入学人数
• 持续时间：约。 1小时

本速成课程将涵盖使用灵活的前端框架 React 构建您自己的 PWA 的终极指南。 这个渐进式网络应用程序课程的一个亮点是，学习者将知道如何使用 Chrome 和 Safari for iOS 等浏览器在本地安装他们的应用程序。

在本课程中，您将学习：

• 什么是 PWA？
• 设置：创建 React 应用程序
• PWA 工具
• 了解 PWA 功能

7. Quasar V1：PWA（使用 Vue JS 2、Firebase、NodeJS 和 Express）——Udemy

• 课程评分：4.8/5（总共 450 个评分）
• 时长：15 小时

本课程是 Udemy Business 系列的一部分。 由于本课程的目的主要集中在创建一个在所有平台上都运行良好的漂亮 PWA，因此要求学习者对 Quasar V1（带有 Vue 2）和 Quasar V2（带有 Vue 3）有扎实的技术知识，以充分利用这个 Udemy 课程。

在本课程中，您将学习：

• 如何使用 Vue JS、Quasar 和 Firebase 创建漂亮的 Instagram 克隆 PWA
• 如何集成 5 个核心 PWA 功能：主屏幕安装、预缓存、缓存策略、后台同步和推送通知
• 如何使 PWA 完全离线运行
• 如何创建适用于移动和桌面的华丽响应式设计
• 如何访问设备的本机摄像头和位置
• 关于 Service Worker、Workbox、Firebase Cloud Firestore、Firebase 存储、NodeJS 和 Express 等等

结论

现在说 PWA 是 Web 开发的未来还为时过早。 通过参加上面列出的基础但内容丰富的渐进式 Web 应用程序课程之一，任何人都可以充分了解 PWA 及其构建和应用。 我们希望本文可以帮助您在选择最适合您目前能力和需求的适当 PWA 课程时缩小您的选择范围。