https://github.com/ragingwind/learning-pwa
Learning Progressive Web Apps step by step
https://github.com/ragingwind/learning-pwa
Last synced: about 2 months ago
JSON representation
Learning Progressive Web Apps step by step
- Host: GitHub
- URL: https://github.com/ragingwind/learning-pwa
- Owner: ragingwind
- Created: 2016-03-24T12:04:49.000Z (almost 10 years ago)
- Default Branch: master
- Last Pushed: 2016-12-18T03:38:00.000Z (about 9 years ago)
- Last Synced: 2025-04-01T17:13:08.308Z (9 months ago)
- Size: 3.91 KB
- Stars: 269
- Watchers: 12
- Forks: 12
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
- awesome-list - learning-pwa
README
# Learning Progressive Web App
## Getting Started
- [Progressive Web Apps | Web Fundamentals - Google Developers](https://goo.gl/5OwmGx)
- What is a Progressive Web App
- Definition of Progressive Web App
- Components details, Guides, and Code labs materials.
- Codelabs
- [Your First Progressive Web App | Web Fundamentals - Google Developers](https://goo.gl/PKp2c5)
- [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
- [AddyOsmani.com - Getting started with Progressive Web Apps](https://goo.gl/GPyFQ8)
- All that Progressive Web App
- Web App Manifest, Home Screen Banner, Service Worker, Push Notification, Advanced features such as Bluetooth
- Application Shell
- Boilerplates, Progressive Web Apps and Frameworks
- [Progressive Web Apps (Chrome Dev Summit 2015) - YouTube](https://goo.gl/V0GoNY): Talk about Progressive Web App from Chrome Dev Summit 2015
## Components
### Web Manifest
#### Tools
- [Manifest generator](http://goo.gl/NSZ8XP)
- [Web Manifest Validator](https://goo.gl/bRwxEa)
- [Sample manifest of web-starter-kit/manifest.json](https://goo.gl/gLp3aq)
### Service Worker
- [Adding a Service Worker and Offline into your Web App](https://goo.gl/O6g5NA)
- [Adding a Service Worker with sw-precache](https://goo.gl/jyPMBk): Codelab
- [Service Worker Libraries | Web Tools - Google Developers](https://goo.gl/11GFov)
- [GoogleChrome/sw-precache](https://goo.gl/wgjwOl): A node module to generate service worker code that will precache specific resources
- [GoogleChrome/sw-toolbox](https://goo.gl/0Ox4UV): A collection of tools for service workers
- [Service Worker, what are you?](http://kosamari.com/notes/Service-Worker-what-are-you) - Service Worker explanation with illustative sketches
## Kits, Boilerplates, Skeletons, and Generators
- [google/web-starter-kit: Web Starter Kit - a workflow for multi-device websites](https://goo.gl/YNV3lb)
- Boilerplate for web development with many tools
- Material Design Lite, Web App Manifest, Splash Screen, Service Worker
- [PolymerElements/polymer-starter-kit: A starting point for Polymer 1.0 apps](https://goo.gl/xWC7vj)
- Powered by Material Design Layout with Polymer
- Service Worker with Platinum Service Worker Element, Push Notification with Platinum Push Element
- Web App Manifest, Home Screen Banner
- [PolymerLabs/progressive-webapp-config: Generalised Progressive Web App skeleton](https://goo.gl/SsmiUN)
- Progressive Web App skeleton
- Mobile optimized HTML, Web App Manifest, Service Worker
- [hemanth/generator-pwa: Yeoman generator for a progressive webapp.](https://goo.gl/DI4yvx)
- Yeoman generator for Progressive Web App
## Learning Materials
- [Your First Progressive Web App | Web Fundamentals - Google Developers](https://goo.gl/PKp2c5)
## App Collections
- [Progressive Web Apps](https://goo.gl/9XPv8D): Progressive Web Apps collections made by Opera DevRel Team
- [hemanth/awesome-pwa: Awesome list of progressive web apps!](https://goo.gl/vwuJkq)
- [PWA rocks](https://pwa.rocks/) - Filterable list of Progressive Web Apps
## Feedback
- [GoogleChrome/progressive-webapps-everywhere: Feedback on PWAs built using JS frameworks](https://goo.gl/1WQIa3)