liverwang / pwa-collection

Progressive Web Apps collection

pwa-collection

Progressive Web Apps collection

Progressive Web Apps 简称PWA,是一种接近原生用户体验的渐进增强的web-app.从浏览器演进而来，沉浸式的体验，改进web的性能低下等。

官网

• Progressive Web Apps

示例

• pwa rocks

• List of Progressive Web Apps

• Flipkart Lite

• Chrome Developer Summit

• Dev.Opera

• Oumy

• AirHorner

• Medium

• Twitter

• SVGOMG

• voice-memos

• guitar-tuner

• abc.xyz

• emojoy

• Pokedex

• WeNeed

• sv-ginger

• offline-wikipedia

• jsfeatures

• Soundslice

• Firefox Platform Status

• QR Code Scanner

• Smaller Pictures

• Web Bluetooth (Intel® Edison) demo

• Web NFC enabled shopping cart

指南

• Google Developers - Progressive Web Apps
• Getting started with Progressive Web Apps by @addyosmani
• Web Powered SMS Inbox with Service Worker: Push Notifications
• Firebase cloud messaging SDK - You don't need to encrypt the message and identify the browser (on web)
• Service Worker 应用详解 非常详细

Service work

• The Service Worker Cookbook
• Service Workers: an Introduction
• sw-precache
• sw-toolbox - A collection of service worker tools for offlining runtime requests
• web-push - Web Push library for Node.js

工具

• lighthouse - PWA调优工具

文章

• 什么是Progressive Web App?
• Progressive Web Apps: Escaping Tabs Without Losing Our Soul
• Introducing Pokedex.org: a progressive webapp for Pokémon fans
• Progressive web apps have leapfrogged the native install model ... but challenges remain/
• What Progressive Web Apps Mean for the Web
• The web app "discovery problem"
• Are Progressive Web Apps the Future?
• sw-toolbox实践介绍

视频

• Progressive Web Apps: the future of Apps (18:57)
• Progressive web apps and what's next for mobile (22:39)
• Interview with Google Software Engineer Alex Russell - O'Reilly Fluent Conference 2016 (11:21)
• Intro to Progressive Web Apps (Video)
• Progressive Web Apps with Angular (Video)
• Progressive Web Apps with Polymer (Video)