因此，如果您只是應(yīng)用程序開(kāi)發(fā)的初學(xué)者，正在尋找可以學(xué)習(xí)的資源并幫助您構(gòu)建第一個(gè)PWA，那么這里有一些有用的東西。
 

　　什么是漸進(jìn)的Web應(yīng)用程序？
 

　　漸進(jìn)式Web應(yīng)用程序（PWA）可以定義為類似于網(wǎng)站的Web應(yīng)用程序，這些網(wǎng)站建設(shè)也可以作為本機(jī)移動(dòng)應(yīng)用程序向用戶顯示。此應(yīng)用類型包含網(wǎng)絡(luò)和（移動(dòng)）應(yīng)用體驗(yàn)的功能。
 

　　PWA具有以下功能：
 

　　進(jìn)步
 

　　響應(yīng)
 

　　連接獨(dú)立性
 

　　應(yīng)用知識(shí)
 

　　新鮮
 

　　安全
 

　　可見(jiàn)
 

　　重新接合
 

　　安裝
 

　　可鏈接
 

　　為了獲得進(jìn)步資格，這些應(yīng)用程序必須適用于每個(gè)用戶，無(wú)論瀏覽器如何，因?yàn)樗麄兊暮诵脑瓌t是漸進(jìn)式增強(qiáng)。此外，此類應(yīng)用必須適合任何屏幕尺寸（響應(yīng)式設(shè)計(jì)）：臺(tái)式機(jī)，平板電腦，移動(dòng)設(shè)備（智能手機(jī)），智能手表或其他任何可能的設(shè)備。由于互聯(lián)網(wǎng)連接在許多發(fā)展中國(guó)家仍然是一個(gè)問(wèn)題，因此PWA的設(shè)計(jì)必須使其用戶即使在數(shù)據(jù)無(wú)法訪問(wèn)時(shí)也可以訪問(wèn)它們 - 無(wú)論是離線還是低質(zhì)量網(wǎng)絡(luò)。
 

　　他們感覺(jué)像是應(yīng)用程序，因?yàn)樗麄兊膕hell模型將應(yīng)用程序功能與應(yīng)用程序內(nèi)由于服務(wù)工作者更新過(guò)程，其內(nèi)容始終是最新的，并且由于它們是通過(guò)HTTPS提供的，因此禁止內(nèi)容篡改和窺探。由于服務(wù)工作者注冊(cè)范圍，它們被識(shí)別為應(yīng)用程序（非常感謝W3C Manifesto），這意味著蜘蛛可以輕松地為它們編制索引。
 

　　PWA還具有允許重新參與的推送通知，并且用戶可以將它們添加到其主屏幕而無(wú)需訪問(wèn)應(yīng)用商店。最后，您可以通過(guò)URL輕松共享應(yīng)用程序的鏈接，而無(wú)需進(jìn)行復(fù)雜的安裝。
 

　　因此，如果您有興趣構(gòu)建第一個(gè)PWA，請(qǐng)向下滾動(dòng)。
 

　　分享5個(gè)開(kāi)發(fā)PWA的工具：
 

　　1. GOOGLE開(kāi)發(fā)者
 

　　無(wú)論你做什么，總是從谷歌開(kāi)始。說(shuō)真的，他們的開(kāi)發(fā)者網(wǎng)站很棒，因?yàn)樗峁┝撕芏嘤杏玫墓ぞ邅?lái)構(gòu)建網(wǎng)站和網(wǎng)絡(luò)應(yīng)用程序。例如，他們的代碼實(shí)驗(yàn)室提供了這個(gè)有用的教程，用于構(gòu)建您的第一個(gè)Web應(yīng)用程序等。
 

 

　　在其中，您將學(xué)習(xí)如何使用實(shí)時(shí)天氣數(shù)據(jù)構(gòu)建天氣預(yù)報(bào)應(yīng)用程序，并允許用戶將城市添加到應(yīng)用程序。請(qǐng)注意，這是一個(gè)非常冗長(zhǎng)的閱讀，所以一定要花足夠的時(shí)間去閱讀它。

　　2. PWA BUILDER
 

　　據(jù)說(shuō)PWA Builder是創(chuàng)建漸進(jìn)式Web應(yīng)用程序的最快方式，它可以快速構(gòu)建一個(gè)服務(wù)工作者，即使您的設(shè)備處于脫機(jī)狀態(tài)，也可以在您丟失Internet連接時(shí)從Web服務(wù)器提取和提供offline.html。如果您想將您的網(wǎng)站建設(shè)提交到Android或iOS應(yīng)用程序商店，您可以使用PWA Builder  - 只需插入您網(wǎng)站建設(shè)的URL并填寫包含其他詳細(xì)信息的表單，之后平臺(tái)將根據(jù)您提供的數(shù)據(jù)自動(dòng)生成清單。
 

 

　　3. ANGULARJS
 

　　與HTML和CSS一起; Javascript是Web開(kāi)發(fā)的主要元素之一。它通常由經(jīng)驗(yàn)豐富的Java和.NET程序員使用，您可以使用AngularJS來(lái)構(gòu)建Web應(yīng)用程序。AngularJS是一個(gè)基于Javascript的開(kāi)源前端Web應(yīng)用程序框架，由Google維護(hù)，旨在開(kāi)發(fā)單頁(yè)面應(yīng)用程序。自2010年首次發(fā)布以來(lái)，它被用于Inter，NBC和ABC News等網(wǎng)站以及其他12,000個(gè)網(wǎng)站。
 

 

　　4. REACT
 

　　ReactJS是一個(gè)用于構(gòu)建用戶界面的Javascript庫(kù)，最初于2013年發(fā)布。它與AngularJS非常相似，但不太復(fù)雜。ReactJS由Facebook和Instagram維護(hù)，也是個(gè)人開(kāi)發(fā)者和公司的社區(qū)。React可以開(kāi)發(fā)大型Web應(yīng)用程序，這些應(yīng)用程序使用隨時(shí)間變化的數(shù)據(jù)，而無(wú)需重新加載頁(yè)面以獲取新信息。它主要提高了速度，簡(jiǎn)單性和可伸縮性，還可以與其他Javascript庫(kù)（如AngularJS）結(jié)合使用。
 

 

　　5. GITHUB

　　最后，但并非最不重要的是GitHub。雖然我們已經(jīng)強(qiáng)調(diào)Git如何幫助您改進(jìn)Web開(kāi)發(fā)過(guò)程，但我們現(xiàn)在要強(qiáng)調(diào)這個(gè)非常棒的平臺(tái)的其他方面。 GitHub主要是由大型社區(qū)構(gòu)建的許多項(xiàng)目的在線存儲(chǔ)庫(kù)。在那里你可以找到巨大的存儲(chǔ)庫(kù)，例如： PWA.rocks或Webpack可以幫助您拓寬知識(shí)，也許有一天，您也可以為他們的圖書館做出貢獻(xiàn)。在那里，您可以查看其他開(kāi)發(fā)人員正在進(jìn)行的工作，提出問(wèn)題并獲得來(lái)自世界各地的同事的即時(shí)回復(fù)。想要了解更多額外的知識(shí)要點(diǎn)，也可以看看上一篇分享的《5個(gè)互動(dòng)和有趣的網(wǎng)站，讓您有所收獲》。
 

 

　　額外提示：檢查您的代碼
 

　　如果您想確保您的網(wǎng)絡(luò)應(yīng)用程序代碼無(wú)可挑剔，您可以使用Google的工具，例如Lighthouse或AMP，我們已經(jīng)在我們的AMP初學(xué)者指南中處理過(guò)這些工具。AMP是一個(gè)旨在開(kāi)發(fā)可在任何設(shè)備上運(yùn)行的快速移動(dòng)應(yīng)用程序的項(xiàng)目，因?yàn)樗攀隽巳绾蝿?chuàng)建結(jié)構(gòu)化數(shù)據(jù)以在搜索結(jié)果中啟用特定于AMP的功能。另一方面，Lighthouse是一種用于提高網(wǎng)頁(yè)質(zhì)量的開(kāi)源工具。您可以使用它來(lái)審核您的Web應(yīng)用程序（公共或非公開(kāi)），并獲取頁(yè)面性能的報(bào)告，您可以進(jìn)一步將其用作其改進(jìn)的指標(biāo)。