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 網站。 學生應該具備 Ja​​vaScript 語言或瀏覽器的 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 課程時縮小您的選擇範圍。