The web platform is versatile, capable, and can go far beyond the browser tab while keeping its open and universal nature. We call “progressive” the web apps built using the latest browser APIs to achieve a new level of user experience. In this framework-agnostic workshop, we’ll convert a "classic" web application to progressive using Workbox 6 - the latest version of the service worker automation library. So you can do the same with an app you or your company is developing now!

During this hands-on task-based training you will learn about:
- Progressive Web App concept pillars
- Service Worker API fundamentals
- Current platforms' PWA support (and workarounds when needed)
- Workbox library - an industry-standard in the automation of network-related PWA tasks

On the practical side, every participant will build an app which is:
- Installable on all modern desktop and mobile operating systems
- Offline-ready: the app itself, smart caching strategies for the data it consumes, and network-resilient data sending
- Ready for being extended by the next PWA features coming to the web
- Following the modern web development flows for building a service worker

Also, I share lots of practical tips & tricks, both technical and UX, review real-life PWA examples, explain how to avoid common pitfalls, and how to deal with edge cases.

Course overview:
- Part 1
- Setting the goal and introducing the PWA concept
- Basics of the Service Worker API
- Introducing Workbox and setting up its infrastructure
- Registering a service worker in the app
- Part 2
- Building an application shell
- Implementing a smart app update flow
- Introducing caching strategies for runtime data
- Quick setup of extra features using Workbox recipes
- Part 3
- Replaying requests made offline
- Making an app installable
- Review of other APIs to build a native-like app
- Questions and answers

Expected level:
- Basic knowledge of JavaScript is required
- The knowledge of any framework(s) is not required

Pre-requisites:
You need a laptop with installed (latest stable versions)
- Git, Node, NPM
- Browsers Chrome and/or Edge, optionally - Firefox

A week before the workshop you will receive a link with the initial repo to clone and detailed setup instructions.