如何开发您的第一个进步的Web应用程序

　　因此，如果您只是应用程序开发的初学者，正在寻找可以学习的资源并帮助您构建第一个PWA，那么这里有一些有用的东西。
 

　　什么是渐进的Web应用程序？
 

　　渐进式Web应用程序（PWA）可以定义为类似于网站的Web应用程序，这些网站建设也可以作为本机移动应用程序向用户显示。此应用类型包含网络和（移动）应用体验的功能。
 

　　PWA具有以下功能：
 

　　进步
 

　　响应
 

　　连接独立性
 

　　应用知识
 

　　新鲜
 

　　安全
 

　　可见
 

　　重新接合
 

　　安装
 

　　可链接
 

　　为了获得进步资格，这些应用程序必须适用于每个用户，无论浏览器如何，因为他们的核心原则是渐进式增强。此外，此类应用必须适合任何屏幕尺寸（响应式设计）：台式机，平板电脑，移动设备（智能手机），智能手表或其他任何可能的设备。由于互联网连接在许多发展中国家仍然是一个问题，因此PWA的设计必须使其用户即使在数据无法访问时也可以访问它们 - 无论是离线还是低质量网络。
 

　　他们感觉像是应用程序，因为他们的shell模型将应用程序功能与应用程序内由于服务工作者更新过程，其内容始终是最新的，并且由于它们是通过HTTPS提供的，因此禁止内容篡改和窥探。由于服务工作者注册范围，它们被识别为应用程序（非常感谢W3C Manifesto），这意味着蜘蛛可以轻松地为它们编制索引。
 

　　PWA还具有允许重新参与的推送通知，并且用户可以将它们添加到其主屏幕而无需访问应用商店。最后，您可以通过URL轻松共享应用程序的链接，而无需进行复杂的安装。
 

　　因此，如果您有兴趣构建第一个PWA，请向下滚动。
 

　　分享5个开发PWA的工具：
 

　　1. GOOGLE开发者
 

　　无论你做什么，总是从谷歌开始。说真的，他们的开发者网站很棒，因为它提供了很多有用的工具来构建网站和网络应用程序。例如，他们的代码实验室提供了这个有用的教程，用于构建您的第一个Web应用程序等。
 

 

　　在其中，您将学习如何使用实时天气数据构建天气预报应用程序，并允许用户将城市添加到应用程序。请注意，这是一个非常冗长的阅读，所以一定要花足够的时间去阅读它。

　　2. PWA BUILDER
 

　　据说PWA Builder是创建渐进式Web应用程序的最快方式，它可以快速构建一个服务工作者，即使您的设备处于脱机状态，也可以在您丢失Internet连接时从Web服务器提取和提供offline.html。如果您想将您的网站建设提交到Android或iOS应用程序商店，您可以使用PWA Builder  - 只需插入您网站建设的URL并填写包含其他详细信息的表单，之后平台将根据您提供的数据自动生成清单。
 

 

　　3. ANGULARJS
 

　　与HTML和CSS一起; Javascript是Web开发的主要元素之一。它通常由经验丰富的Java和.NET程序员使用，您可以使用AngularJS来构建Web应用程序。AngularJS是一个基于Javascript的开源前端Web应用程序框架，由Google维护，旨在开发单页面应用程序。自2010年首次发布以来，它被用于Inter，NBC和ABC News等网站以及其他12,000个网站。
 

 

　　4. REACT
 

　　ReactJS是一个用于构建用户界面的Javascript库，最初于2013年发布。它与AngularJS非常相似，但不太复杂。ReactJS由Facebook和Instagram维护，也是个人开发者和公司的社区。React可以开发大型Web应用程序，这些应用程序使用随时间变化的数据，而无需重新加载页面以获取新信息。它主要提高了速度，简单性和可伸缩性，还可以与其他Javascript库（如AngularJS）结合使用。
 

 

　　5. GITHUB

　　最后，但并非最不重要的是GitHub。虽然我们已经强调Git如何帮助您改进Web开发过程，但我们现在要强调这个非常棒的平台的其他方面。 GitHub主要是由大型社区构建的许多项目的在线存储库。在那里你可以找到巨大的存储库，例如： PWA.rocks或Webpack可以帮助您拓宽知识，也许有一天，您也可以为他们的图书馆做出贡献。在那里，您可以查看其他开发人员正在进行的工作，提出问题并获得来自世界各地的同事的即时回复。想要了解更多额外的知识要点，也可以看看上一篇分享的《5个互动和有趣的网站，让您有所收获》。
 

 

　　额外提示：检查您的代码
 

　　如果您想确保您的网络应用程序代码无可挑剔，您可以使用Google的工具，例如Lighthouse或AMP，我们已经在我们的AMP初学者指南中处理过这些工具。AMP是一个旨在开发可在任何设备上运行的快速移动应用程序的项目，因为它概述了如何创建结构化数据以在搜索结果中启用特定于AMP的功能。另一方面，Lighthouse是一种用于提高网页质量的开源工具。您可以使用它来审核您的Web应用程序（公共或非公开），并获取页面性能的报告，您可以进一步将其用作其改进的指标。