What is a Progressive Web App #

A Progressive Web App uses modern web capabilities to deliver an app-like user experience. They evolve from pages in browser tabs to immersive, top-level apps, leveraging the web's low friction.

Source: Google Developers - Progressive Web Apps

Table of contents #

App Directories
Apps
Tutorials
Articles
Videos
Tools
Kits
Courses
Conferences

App Directories #

Apps #

Tutorials #

Articles #

Videos #

Tools #

@forlagshuset/simple-fs: Needs offline filesystem? SimpleFS provides sweet promise based nodejs file API on top of indexeddb.
a2hs.js: A useful modern JavaScript solution that helps your website users to add (install) a progressive web app to the Home Screen of their mobile iOS devices.
DSW: Generate your Service Worker dynamically, webmanifest, rules for requests, redirects, etc.
fetch-manifest-json: Fetch the mainfest.json from an URL.
fetch-sync: Proxy Fetch requests through the Background Sync API
HNPWA: Hacker News readers as Progressive Web Apps. A spiritual successor to TodoMVC.
Manifest Generator: This simple page will generate the manifest file for you.
manifest-json: CLI tool for creating mainfest.json.
msgr: Nifty service worker/client message utility
offline-plugin: Offline plugin (ServiceWorker, AppCache) for webpack (http://webpack.github.io/)
platinum-sw-register: handles service worker registration for Polymer applications
PWAify: CLI tool to convert your PWA into a cross-platform desktop app.
serviceworker-rails: Plugin to integrate Service Worker with the Rails asset pipeline.
serviceworker-webpack-plugin: Simplifies creation of a service worker to serve your webpack bundles.
serviceworkerware: An Express-like layer on top of ServiceWorkers to provide a way to easily plug functionality
Superweb.app: Service to generate a service worker/manifest and host apps/games as PWAs
sw-delta: An incremental cache for the web.
sw-precache-webpack-plugin: SW Precache Webpack Plugin
sw-precache: A node module to generate service worker code that will precache specific resources
sw-toolbox: A runtime caching library
UpUp: Makes sure your users can always access your site's content, even when they're on a plane, in an elevator, or 20,000 leagues under the sea
Workbox: Javascript Library for building progressive web apps

Kits #

Bento starter: Full-stack solution to build Progressive Web Apps.
Lavas: A framework base on vue for building progressive web apps
Progressive Web Application skeleton: A simple set of skeleton files for shipping a Progressive Web App.
pwabuilder: All the tools you need to build and deploy your Progressive Web Apps.
React Storefront: Framework for progressive web apps with React.
Web Starter Kit: A workflow for multi-device websites.
Polymer App Toolbox: "a collection of components, tools and templates for building Progressive Web Apps with Polymer"
Preact CLI: "Your next Preact PWA in 30 seconds"
Stencil PWA toolkit: Ionic's "Everything you need to easily build fast, production ready Progressive Web Apps"

Courses #

Developing Progressive Web Apps Course (free)
Getting Started with Progressive Web Apps (paid)
Intro to Progressive Web Apps (free)
Learn to build progressive web apps using JavaScript (paid)
Progressive Web App Fundamentals (paid)
Progressive Web Apps - The Concise PWA Masterclass (paid)
Progressive Web Apps (PWA) - From Beginner to Expert (paid)
Progressive Web Apps (PWA) - The Complete Guide (paid)

Conferences #

A list of conferences talking about PWA

🙏🙏🙏

Since you've made it this far, sharing this article on your favorite social media network would be highly appreciated 💖! For feedback, please ping me on Twitter.

Published 10 Oct 2020