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.
- 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
- Basic knowledge of Angular is required
- The knowledge of PWA-related APIs is not required
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 is an Oslo-based cloud and web front-end geek with a strong passion for developer community building. He builds complex web applications since the end of the last century and has extensive experience with all aspects of the web platform, focusing on apps managing real-time data from IoT devices, and Progressive Web Apps. He is a Google Developer Expert in Web Technologies & IoT, and a former Microsoft MVP in Development Technologies.
Maxim is a founder and active contributor to two conferences: Mobile Era and ngVikings - Nordics' main conferences for mobile and Angular developers respectively. Also, he leads Norway's largest meetups dedicated to web front-end and mobile: Angular Oslo, Mobile Meetup, Oslo PWA, Framsia.
Maxim is passionate about sharing his web platform experience and knowledge with the community. He travels extensively for visiting developer events and speaking/training at conferences and meetups around the world.
Invite me to speak at your event using this form: http://bit.ly/maxim-salnikov-speaker-request
Maxim Salnikov is an Oslo-based cloud and web front-end geek who has been building web applications since the end of the last century. Maxim shares his extensive experience with many aspects of the web platform by speaking/training at developer events around the world and running his own conferences & meetups. He is actively exploring new features of the web and the idea of progressive web applications (PWA) in particular.
For Angular events:
Maxim Salnikov is an Oslo-based cloud and web front-end geek. He builds web applications since the end of the last century and shares his extensive experience with many aspects of the web platform by speaking/training at developer events around the world. To introduce Angular to the developer community, Maxim is running his own technical events including ngVikings conference, Angular Oslo meetup, and ngCommunity gathering.
For cloud events:
Maxim Salnikov is an Oslo-based cloud and tech community geek. He is a webdev maestro who builds apps since the end of the last century and shares his extensive web platform experience by speaking & training at developer events around the world. Daytime, Maxim is boosting cloud skills at the country scale by leading developer engagement in Microsoft Norway. In the evenings, you'll find him organizing the country's main web & mobile meetups, and two full-scale tech conferences.