https://github.com/alienzhou/learning-pwa-ebook

an eBook for learning PWA
https://github.com/alienzhou/learning-pwa-ebook

ebook frontend pwa

Last synced: 13 days ago
JSON representation

an eBook for learning PWA

• Host: GitHub
• URL: https://github.com/alienzhou/learning-pwa-ebook
• Owner: alienzhou
• Created: 2018-07-20T05:38:35.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-07-23T14:40:58.000Z (over 6 years ago)
• Last Synced: 2024-11-13T18:43:21.716Z (2 months ago)
• Topics: ebook, frontend, pwa
• Homepage: https://pwa.alienzhou.com/
• Size: 1.51 MB
• Stars: 35
• Watchers: 3
• Forks: 10
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# PWA来了，你准备好了么？

PWA作为今年最火热的技术概念之一，对提升Web应用的安全、性能和体验有着很大的意义，非常值得我们去了解与学习。

PWA，即Progressive Web App, 是提升 Web App 的体验的一种新方法，能给用户原生应用的体验。

PWA具有三个特点：

* [Reliable](https://developers.google.cn/web/progressive-web-apps/#reliable)：加载非常迅速，即使在各种不确定的网络情况下也不会展示断网错误页

* [Fast](https://developers.google.cn/web/progressive-web-apps/#fast)：响应用户交互非常迅速，动画平滑，操作不会有卡顿

* [Engaging](https://developers.google.cn/web/progressive-web-apps/#engaging)：拥有类似原生应用的体验

为了实现这些目标，PWA并不是某一项特定的技术，而是一系列Web新技术与新标准的集合。通过灵活运用这些标准与技术，可以让我们的用户获得渐进增强的体验。所以，其实PWA本质上依然是一个Web App。

学习PWA既可以帮助我们理解与实践前沿的Web方向，思考Web的未来；同时，也可以让我们更进一步接触各种最新的技术。是一件一举两得的事。

然而，在学习过程中，我发现网络上的各类PWA技术资源在学习上都有一些缺陷或局限性。一部分文章可能过于宽泛，既没有帮助理解PWA的概念与目标，也没有深入到技术点中；一部分文章又钻在了某个技术点（例如：Service Worker的cache能力）中，可能会让人误会PWA = Service Worker，甚至PWA=离线。

因此，我总结了一这系列文章，将PWA可能会涉及的一些技术点进行较为详细的介绍，并配合实例代码与demo帮助读者更快速上手使用。希望在阅读完后，你会对PWA这个概念与技术集合有一个更深的了解。

话不多说，下面开始你的PWA之旅吧！