- (microsoft.github.io)“30 days of strucutured content and resources to help you explore the fascinating world of Progressive Web Apps.”
- (smashingmagazine.com)This articles look into the new, as of 2015, opportunities we have to build a new generation of web apps. There is still a lot of valuable information here.
This resource might be a little out of date. - (github.com)A package to help add PWAs to the Home Screen on iOS.
- (github.com)”Useful resources for creating Progressive Web Apps.”
- (speedcurve.com)An example script for WebPageTest to verify a PWA loads while offline.
- (developer.chrome.com)”Use the Application panel [in Chrome] to inspect, modify, and debug web app manifests, service workers, and service worker caches.”This resource might be a little out of date.
- (docs.microsoft.com)“Use the Application panel [in Edge] to inspect, modify, and debug web app manifests, service workers, and service worker caches.”
- (pluralsight.com)“Learn to unleash the power of modern browser tools, techniques, and strategies to debug a progressive web application.”
- (cloudfour.com)A good overview of design considerations and best practices for building responsive PWAs.This resource might be a little out of date.
- (frontendchecklist.io)“The Front-End Checklist Application is perfect for modern websites and meticulous developers!”
- (docs.microsoft.com)A list of how-to's for building PWAs in Edge by Microsoft
- (pluralsight.com)A course to create a 'Car Deals' website using techniques and technologies to transform it from a simple web page into a progressive web app.
- (developers.google.com)A great, if slightly old, tutorial on the app shell architecture.This resource might be a little out of date.
- (udacity.com)“In this course you’ll get started working on your very first Progressive Web App (PWA) - a web app that can take advantage of many of the features native applications have enjoyed.”
- (pocketjavascript.com)A case study about building an offline-first, installable PWA from 2015.This resource might be a little out of date.
- (blog.pusher.com)A high-level overview of PWAs from Pusher, written in 2018.This resource might be a little out of date.
- (developer.mozilla.org)“This article provides an introduction to Progressive Web Apps (PWAs), discussing what they are and the advantages they offer over regular web apps.”
- (lit.dev)A package for building “Simple. Fast. Web Components.”
- (github.com)“A package for server-side rendering Lit templates and components.”
- (web.dev)“Make your Progressive Web App not feel like a website, but like a ‘real’ app”
- (create-react-app.dev)“If you start a new project using one of the PWA custom templates, you'll get a src/service-worker.js file that serves as a good starting point for an offline-first service worker.”
- (davrous.com)“By busting 9 Myths on PWAs, we’ll see that PWAs are stronger than ever.”
- (github.com)Web component HTML rendering that runs on the server, in a browser worker, and includes hydration.
- (progressier.com)An automated tool to add installation, push notifications, and offline caching to your existing web app.
- (codica.com)7 Tips for Great PWA UX and UI
- (pluralsight.com)A course to learn to supercharge web apps so they can compete with native apps
- (en.wikipedia.org)The Wikipedia page for PWAs has a summary of their history and some of the related tech
- (web.dev)You'll learn what makes a Progressive Web App special, how they can affect your business, and how to build them.
- (udemy.com)“Build a Progressive Web App (PWA) that feels like an iOS & Android App, using Device Camera, Push Notifications and more.”
- (preactjs.com)“Preact is an excellent choice for Progressive Web Apps that wish to load and become interactive quickly. Preact CLI codifies this into an instant build tool that gives you a PWA with a 100 Lighthouse score right out of the box.”
- (developers.google.com)This is the first in a series of companion codelabs for a Progressive Web App workshop.
- (udemy.com)“Everything you need to build Progressive Web Apps from Scratch, or upgrade your existing Web Apps to PWAs.”
- (docs.microsoft.com)Microsoft's documentation for how to publish PWAs to their store
- (github.com)“Like Native Apps, The PWA Badge API allows installed web apps to set an application-wide badge on the app icon.”
- (vite-plugin-pwa.netlify.app)Zero-config PWA Framework-agnostic Plugin for Vite
- (aaron-gustafson.com)A collection of questions and answers by Aaron which cover many topics related to PWAs.
- (pwastats.com)“A community-driven list of stats and news related to Progressive Web Apps by Cloud Four.”
- (github.com)“A highly scalable Progressive Web Application foundation and boilerplate.”
- (simplepwa.com)“Simple PWA is a Progressive Web App template that provides the minimum file structure needed to create a PWA—a reliable and installable web application.”
- (github.com)“UpUp is a tiny JavaScript library that 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.”
- (developer.mozilla.org)“This article provides information on getting started with service workers, including basic architecture, registering a service worker, the install and activation process for a new service worker, updating your service worker, cache control and custom responses, all in the context of a simple app with offline functionality.”
- (webaccessibilitychecklist.com)“A checklist for creating accessible websites and web applications.”
- (twilio.com)Recaps building a web application: a fully featured SMS messaging application for a Twilio number, from 2016.This resource might be a little out of date.
- (whatpwacando.today)“A showcase of what is possible with Progressive Web Apps today.”
- (uxdesign.cc)“Designing a Progressive Web App for a festival microsite.”
- (wmr.dev)An all-in-one development tool for building PWAs with Preact.
- (developers.google.com)“Workbox is a set of libraries that can power a production-ready service worker for your Progressive Web App.”