Masterclass: Progressive Web Apps

A Progressive Web App (PWA) promises a native-app-like experience in the browser leading to higher retention and conversion. You as a developer can enhance your website into a PWA!

There have been plenty of introductory talks about PWAs and their concepts, but now it's time to walk the walk!

In this masterclass you will create a full fledged PWA from a real world example site. Step-by-step we will add features to our PWA using the latest browser technologies, without sacrificing compatibility for legacy browsers. Your app will be installable, run fullscreen, continue to work offline and support push notifications!

At the end of the day you will leave with a lot of knowledge, slides and hands-on experience, which will empower you in your daily work.

We pushed hard on PWAs in the last year and implemented several for our clients. While developing these PWAs we experienced what it takes to put PWAs in production. We also wrote and spoke at some meetups about our PWA adventures.

Audience

(Front-end) web developers.

Prerequisites

An understanding of Javascript and promises. If you’ve never worked with promises, don’t worry, this very short article explains all you need.

What will you learn

• Selling PWAs to stakeholders
• The basics of service workers
• What to do with iOS
• PWA tooling and testing
• Handling the offline experience
• Better performance with caching strategies
• Engage users with push notifications
• Implement background sync to keep a uninterrupted user flow
• Creating an app experience with Add to Home Screen
• PWA patterns and architectures
• Using libraries to your advantage
• Progressive web app pitfalls
• Deploying and maintaining