└── readme.md /readme.md: -------------------------------------------------------------------------------- 1 | # Learning Progressive Web App 2 | 3 | ## Getting Started 4 | 5 | - [Progressive Web Apps | Web Fundamentals - Google Developers](https://goo.gl/5OwmGx) 6 | - What is a Progressive Web App 7 | - Definition of Progressive Web App 8 | - Components details, Guides, and Code labs materials. 9 | - Codelabs 10 | - [Your First Progressive Web App | Web Fundamentals - Google Developers](https://goo.gl/PKp2c5) 11 | 12 | - [Progressive Web Apps with Alex Russell - YouTube](https://goo.gl/dpvWfa): You can understand, why Progressive Web Apps has emerged, and keenly feel the necessity of the new stage of mobile web app 13 | 14 | - [AddyOsmani.com - Getting started with Progressive Web Apps](https://goo.gl/GPyFQ8) 15 | - All that Progressive Web App 16 | - Web App Manifest, Home Screen Banner, Service Worker, Push Notification, Advanced features such as Bluetooth 17 | - Application Shell 18 | - Boilerplates, Progressive Web Apps and Frameworks 19 | 20 | - [Progressive Web Apps (Chrome Dev Summit 2015) - YouTube](https://goo.gl/V0GoNY): Talk about Progressive Web App from Chrome Dev Summit 2015 21 | 22 | ## Components 23 | 24 | ### Web Manifest 25 | 26 | #### Tools 27 | 28 | - [Manifest generator](http://goo.gl/NSZ8XP) 29 | - [Web Manifest Validator](https://goo.gl/bRwxEa) 30 | - [Sample manifest of web-starter-kit/manifest.json](https://goo.gl/gLp3aq) 31 | 32 | ### Service Worker 33 | 34 | - [Adding a Service Worker and Offline into your Web App](https://goo.gl/O6g5NA) 35 | - [Adding a Service Worker with sw-precache](https://goo.gl/jyPMBk): Codelab 36 | - [Service Worker Libraries | Web Tools - Google Developers](https://goo.gl/11GFov) 37 | - [GoogleChrome/sw-precache](https://goo.gl/wgjwOl): A node module to generate service worker code that will precache specific resources 38 | - [GoogleChrome/sw-toolbox](https://goo.gl/0Ox4UV): A collection of tools for service workers 39 | - [Service Worker, what are you?](http://kosamari.com/notes/Service-Worker-what-are-you) - Service Worker explanation with illustative sketches 40 | 41 | ## Kits, Boilerplates, Skeletons, and Generators 42 | 43 | - [google/web-starter-kit: Web Starter Kit - a workflow for multi-device websites](https://goo.gl/YNV3lb) 44 | - Boilerplate for web development with many tools 45 | - Material Design Lite, Web App Manifest, Splash Screen, Service Worker 46 | - [PolymerElements/polymer-starter-kit: A starting point for Polymer 1.0 apps](https://goo.gl/xWC7vj) 47 | - Powered by Material Design Layout with Polymer 48 | - Service Worker with Platinum Service Worker Element, Push Notification with Platinum Push Element 49 | - Web App Manifest, Home Screen Banner 50 | - [PolymerLabs/progressive-webapp-config: Generalised Progressive Web App skeleton](https://goo.gl/SsmiUN) 51 | - Progressive Web App skeleton 52 | - Mobile optimized HTML, Web App Manifest, Service Worker 53 | - [hemanth/generator-pwa: Yeoman generator for a progressive webapp.](https://goo.gl/DI4yvx) 54 | - Yeoman generator for Progressive Web App 55 | 56 | ## Learning Materials 57 | 58 | - [Your First Progressive Web App | Web Fundamentals - Google Developers](https://goo.gl/PKp2c5) 59 | 60 | ## App Collections 61 | 62 | - [Progressive Web Apps](https://goo.gl/9XPv8D): Progressive Web Apps collections made by Opera DevRel Team 63 | - [hemanth/awesome-pwa: Awesome list of progressive web apps!](https://goo.gl/vwuJkq) 64 | - [PWA rocks](https://pwa.rocks/) - Filterable list of Progressive Web Apps 65 | 66 | ## Feedback 67 | 68 | - [GoogleChrome/progressive-webapps-everywhere: Feedback on PWAs built using JS frameworks](https://goo.gl/1WQIa3) 69 | --------------------------------------------------------------------------------