Session

[Workshop] Progressive Angular: Using the Web Platform Power to the Fullest

Web Platform is amazing. It becomes more and more performant, feature-rich while keeping its universal nature. We call “progressive” the web apps we build using the latest browser APIs, allowing us to achieve a totally new level of the user experience. On this workshop, we’ll focus on what Angular as a framework contributes to the PWA idea.

During the full day of training you will learn about: PWA concept pillars, Service Worker API fundamentals, current platform’s PWA support (and workarounds when needed), and of course, Angular Service Worker in details, including undocumented features. 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.

On the practical side, I empower you to build an Angular PWA. We start from the “regular” application, and in the form of discrete, documented steps I guide you on how to add PWA features one-by-one using the tools provided by Angular team and the community. As a result, everyone will have a fully-featured, installable PWA ready to delight its users by offline experience, optimized networking and push notifications. We are not about hitting the numbers – we are about providing the extra value for our users, but 100% score in the Lighthouse is also guaranteed!

After all, for you to get prepared for the next steps, I introduce what’s new coming to PWA-related APIs and what’s on Angular Service Worker roadmap.

BONUS: We also check how to get started in your Angular project with another PWA automation library – Workbox.

Course overview:
- Introduction to PWA and Workshop Setup
- Introduction to Angular Service Worker
- Creating MVP PWA
- External resources caching
- Setting up runtime caching
- Web App Manifest and Adding to Home Screen
- Implementing push notifications
- Providing better UX for app update flow
- Configuring navigation URLs
- Future development of PWA and Angular Service Worker
- Questions and answers

Expected level:
- Basic knowledge of Angular is required
- The knowledge of PWA-related APIs is not required

Pre-requisites:
You need a laptop with installed (latest stable versions) Git, Node, NPM, and browsers (latest stable versions) Chrome / Firefox / Edge (on Windows). A week before the workshop you will receive a link with the initial repo to clone and detailed setup instructions.

Maxim Salnikov

Developer Productivity Lead at Microsoft, Tech Communities Lead, Keynote Speaker

Oslo, Norway

Actions

Please note that Sessionize is not responsible for the accuracy or validity of the data provided by speakers. If you suspect this profile to be fake or spam, please let us know.

Jump to top