漸進式網絡應用程序現在很受歡迎。如果您正在進行 Web 開發或應用程序開發，您可能已經注意到 PWA 目前是該領域的熱門話題. 並有充分的理由去了解它們。它們速度快，載入新內容，安全，易於使用和安裝。您還想問什麼？

　　因此，如果您只是應用程序開發的初學者，正在尋找可以學習的資源並幫助您構建第一個 PWA，那麼這裏有一些有用的東西。
 
　　什麼是漸進的 Web 應用程序？
 
　　漸進式 Web 應用程序（PWA）可以定義為類似於網站的 Web 應用程序，這些 WordPress 外貿獨立站網站建設也可以作為本機移動應用程序向多用户顯示。此應用類型包含網絡和（移動）應用體驗的功能。
 
　　PWA 具有以下功能：
 
　　進步
 
　　響應
 
　　連線獨立性
 
　　應用知識
 
　　新鮮
 
　　安全
 
　　可見
 
　　重新接合
 
　　安裝
 
　　可鏈接
 
　　為了獲得進步資格，這些應用程序必須適用於每個多用户，無論瀏覽器如何，因為他們的核心原則是漸進式增強。此外，此類應用必須適合任何屏幕尺寸（響應式設計）：桌上型電腦，平板電腦，移動裝置（智慧手機），智慧手錶或其他任何可能的裝置。由於互聯網連線在許多發展中國家仍然是一個問題，因此 PWA 的設計必須使其多用户即使在資料無法訪問時也可以訪問它們 – 無論是離線還是低質量網絡。
 
　　他們感覺像是應用程序，因為他們的 shell 模型將應用程序功能與應用程序內由於服務工作者更新過程，其內容始終是最新的，並且由於它們是通過 HTTPS 提供的，因此禁止內容篡改和窺探。由於服務工作者註冊範圍，它們被識別為應用程序（非常感謝 W3C Manifesto），這意味著蜘蛛可以輕鬆地為它們編制索引。
 
　　PWA 還具有允許重新參與的推送通知，並且多用户可以將它們新增到其主屏幕而無需訪問應用商店。最後，您可以通過 URL 輕鬆共享應用程序的鏈接，而無需進行復雜的安裝。
 
　　因此，如果您有興趣構建第一個 PWA，請向下滾動。
 
　　分享 5 個開發 PWA 的工具：
 
　　1. GOOGLE 開發者
 
　　無論您做什麼，總是從谷歌開始。説真的，他們的開發者網站很棒，因為它提供了很多有用的工具來構 WordPress 建網站和網絡應用程序。例如，他們的代碼實驗室提供了這個有用的教程，用於構建您的第一個 Web 應用程序等。
 

 
　　在其中，您將學習如何使用實時天氣資料構建天氣預報應用程序，並允許多用户將城市新增到應用程序。請注意，這是一個非常冗長的閲讀，所以一定要花足夠的時間去閲讀它。

　　2. PWA BUILDER
 
　　據説 PWA Builder 是建立漸進式 Web 應用程序的最快方式，它可以快速構建一個服務工作者，即使您的裝置處於離線狀態，也可以在您丟失 Internet 連線時從 WebWooCommerce 服務器提取和提供 offline.html 。如果您想將您的 WordPress 外貿獨立站網站建設提交到 Android 或 iOS 應用程序商店，您可以使用 PWA Builder  – 只需插入您 WordPress 外貿獨立站網站建設的 URL 並填寫包含其他詳細信息的表單，之後平台將根據您提供的資料自動生成清單。
 

 
　　3. ANGULARJS
 
　　與 HTML 和 CSS 一起; script 是 Web 開發的主要元素之一。它通常由經驗豐富的和.NET 程序設計師使用，您可以使用 AngularJS 來構建 Web 應用程序。 AngularJS 是一個基於 script 的開源前端 Web 應用程序框架，由 Google 維護，旨在開發單頁面應用程序。自 2010 年首次導出以來，它被用於 Inter，NBC 和 ABC News 等網站以及其他 12,000 個網站。
 

 
　　4. REACT
 
　　ReactJS 是一個用於構建多用户界面的 script 庫，最初於 2013 年導出。它與 AngularJS 非常相似，但不太複雜。 ReactJS 由 Facebook 和 Instagram 維護，也是個人開發者和公司的 WooCommerce 社羣。 React 可以開發大型 Web 應用程序，這些應用程序使用隨時間變化的資料，而無需重新載入頁面以獲取新信息。它主要提高了速度，簡單性和可伸縮性，還可以與其他 script 庫（如 AngularJS）結合使用。
 

 
　　5. GITHUB

　　最後，但並非最不重要的是 GitHub 。雖然我們已經強調 Git 如何幫助您改進 Web 開發過程，但我們現在要強調這個非常棒的平台的其他方面。 GitHub 主要是由大型 WooCommerce 社羣構建的許多專案的線上儲存庫。在那裏您可以找到巨大的儲存庫，例如： PWA.rocks 或 Webpack 可以幫助您拓寬知識，也許有一天，您也可以為他們的圖書館做出貢獻。在那裏，您可以檢視其他開發人員正在進行的工作，提出問題並獲得來自世界各地的同事的即時回覆。想要了解更多額外的知識要點，也可以看看上一篇分享的《5 個互動和有趣的網站，讓您有所收穫》。
 

 
　　額外提示：檢查您的代碼
 
　　如果您想確保您的網絡應用程序代碼無可挑剔，您可以使用 Google 的工具，例如 Lighthouse 或 AMP，我們已經在我們的 AMP 初學者指南中處理過這些工具。 AMP 是一個旨在開發可在任何裝置上執行的快速移動應用程序的專案，因為它概述瞭如何建立結構化資料以在搜索結果中啓用特定於 AMP 的功能。另一方面，Lighthouse 是一種用於提高網頁質量的開源工具。您可以使用它來稽核您的 Web 應用程序（公共或非公開），並獲取頁面效能的報告，您可以進一步將其用作其改進的指標。