PWA: The Definitive Guide

Overview

A comprehensive, yet beginner-friendly, guide to building fully-featured Progressive Web Apps capable of directly competing with native mobile and desktop apps in 2019.

All that is required to start (and complete) this guide is:

• A couple of HTML (.html) files.
• A couple of JavaScript (.js) files.
• A text editor to edit them.
• A web browser to view them.

That's it!

We won't be using any front-end or back-end libraries, frameworks, external tools and build processes. If you know some HTML and a bit of JavaScript you should be able jump in anywhere by browsing the Table of Contents or Summary sections below. Alternatively, you can also take it slow and work through this guide section per section all the way from the top.

Table of Contents

• 👋 Introduction
• 🤷‍♀️ Pros and Cons
• ⚙️ The Service Worker
• 📝Manifest File
• ✅ CacheStorage API
• 💾 IndexedDB
• 🔄 SyncManager API
• 📡 Client API
• 🔔 Push Notifications
• 🎯 Common PWA Patterns
• 🔎 Case Studies
• 🐣 Creating your PWA
• 📚 Further Reading

Section Summaries

Introduction

...

Overview of the PWA

..

The Service Worker

..

CacheStorage API

..

IndexedDB

..

SyncManager API

..

Client API

..

Push Notifications

..

Common PWA Patterns

..

Creating your PWA

...

Further Reading

..