Progressive Web Apps

Awesome Progressive Web Apps

Progressive Web Apps 资源的精选集合.

> 渐进式网络应用程序是一种新型的网络应用程序. 它们结合了原生应用程序的优势和网络的低摩擦特性. 渐进式 Web 应用程序从简单的网站开始，但随着用户与它们的交互，它们逐渐获得新的功能. 它们从网站转变为更像传统本地应用程序的东西.

-- Building Progressive Web Apps - O'Reilly

如果你想贡献，请阅读 contribution guidelines.

Must Reads

• Building Progressive Web Apps - O'Reilly Media - 深入研究渐进式网络应用程序、服务工作者、推送通知、后台同步、IndexedDB、离线优先等等.
• Offline Web Applications Using IndexedDB & Service Worker - 免费的 Udacity 课程，介绍构建渐进式网络应用程序的基本概念.

Learning Resources

• Google Developers - Your First Progressive Web App - 使用应用程序外壳模式构建渐进式 Web 应用程序的分步指南.
• Awesome Service Workers - 用于学习服务人员的精彩资源集合.
• Service Workers W3C Specification - 官方服务人员规范.

Browser Support

• Can I Use - Service Workers - 最新的 ServiceWorker API 浏览器支持表.
• Is Service Worker ready? - 不同浏览器对 ServiceWorker 支持的当前状态.

Videos

• Instant Loading: Building offline-first Progressive Web Apps - Google I/O 2016 - 快速了解用于构建渐进式 Web 应用程序的最常见技术和技巧.
• Intro To Progressive Web Apps - 这个由 Google 提供的免费 Udacity 课程涵盖了 PWA、服务人员和网络应用程序清单的介绍.
• Offline Web Applications Using IndexedDB & Service Worker - 如果您打算深入研究服务人员，那么这个免费的 Udacity 课程是必须的.
• Progressive Web Apps (Chrome Dev Summit 2015) - Alex Russell 和 Andreas Bovens 对渐进式网络应用程序的介绍.
• Polymer and Progressive Web Apps: Building on the modern web - Google I/O 2016 - 使用 Polymer 构建渐进式 Web 应用程序.

Case Studies

• Building the Google I/O 2016 Progressive Web App - 使用 Web 组件、Polymer 和 Material Design 构建和启动渐进式 Web 应用程序.
• AliExpress Case Study - AliExpress 通过新的渐进式网络应用程序将新用户的转化率提高了 104%.
• eXtra Electronics Case Study - United eXtra Electronics 通过网络推送通知将电子商务销售额提高了 100%.
• Jumia Case Study - 推送通知帮助 Jumia 扭转购物车放弃并将转化率提高 9 倍.
• Konga Case Study - Konga 使用新的 Progressive Web App 将数据使用量减少了 92%.
• Suumo Case Study - 日本顶级房地产网站通过网络推送通知增强了新房源的性能，并实现了 31% 的通知打开率.

Sample Progressive Web Apps

• PWA.rocks - 几个渐进式网络应用程序的展示，由 Opera Dev Relations team.
• SVGOMG
• Guitar Tuner
• Voice Memos
• Hacker News

Specific Technologies

Service Workers

• Awesome Service Workers - 最好的服务工作者资源的精选集合.

CacheStorage API

• Offline Storage for Progressive Web Apps - 浏览器中离线存储的当前状态
• CacheStorage API - API 文档和来自 Mozilla 的示例代码.

Background Sync

• Introducing Background Sync - 对后台同步的简单介绍，以及一些很棒的视频和代码示例.
• Background Sync Explained - 后台同步的官方“解释器”文档，包括一次性同步和定期同步.
• Background Sync Spec - 后台同步的 WIP 规范.

Push Notifications

• Can I Use - Push API - 最新的 Push API 浏览器支持表.
• Chrome Platform Status - Web Notifications - Chrome 和其他浏览器的实施状态.
• PWA Dev Summit 2016 codelab - Push Notifications 渐进式 Web 应用程序、推送通知和 Service Worker 基础知识的最新入门教程.
• Using the Push API - 一篇介绍 Push API 的文章.
• web-push-libs - 不同技术（Node.js、PHP、Python 等）中用于网络推送的有用库的集合

IndexedDB

• IndexedDB API - 来自 Mozilla 的 API 文档、关键概念和示例代码.

Installable Web Apps

• Increasing Engagement with Web App Install Banners - 应用安装横幅介绍，确保 Chrome 向用户提供您的网络应用.
• Installable Web Apps with the Web App Manifest in Chrome for Android - Android 版 Chrome 中可安装的 Web 应用程序的介绍.

App Icons

• RealFaviconGenerator - 生成跨不同浏览器显示您的应用程序图标所需的所有图像、网站图标和相关文件的好方法.
• Android Asset Studio - Launcher Icon Generator - 生成安卓风格的图标.

Web Share APIs

• Introducing the Web Share API - 对 Web Share API 的高级介绍.
• Web Share API explainer - API 的解释以及一些示例. 提案文档的一部分.
• Web Share Target API - Web Share Target API 的提案，以及高级别 explainer.

Awesome Performance

• Web Fundamentals - Performance - Google 的性能学习门户，包含有关优化网络应用程序性能的丰富知识.
• Introducing RAIL: A User-Centric Model For Performance - Gang of Pauls 对 RAIL 的开创性介绍.
• Website Performance Optimization - 关于优化网站速度的免费 Udacity 课程.
• Browser Rendering Optimization - 免费的 Udacity 课程可帮助您创建可保持 60fps 无卡顿性能的 Web 应用程序.
• The PRPL Pattern - 一种用于构建和服务渐进式 Web 应用程序的新模式，强调性能.
• Browser Rendering Performance - 了解浏览器如何处理 HTML、JavaScript 和 CSS，以及如何相应地优化您的页面.