Full Stack Web Development

W09 Building a Progressive Web App (PWA) Using Angular

12/02/2020

2:15pm - 3:15pm

Level: Intermediate

Allen Conway

Practice Lead

Magenic

With the advancements in the modern browsers, Progressive Web Apps (PWAs) have become a viable option for creating installable responsive web applications that are accessible from the home screen of native devices without the need of an app store. Leveraging the power of service workers provides many new benefits including the ability to work in the background not requiring browser user interaction, as well as the ability to work offline. With wide browser support for the service worker and PWAs, it's time to evaluate the option of leveraging one for implementing a native app as a more efficient model, while continuing to capitalize on our existing web development skills in the process. In this session we'll look at the benefits of using a PWA, and build a basic PWA using the popular front-end Angular framework.

You will learn:

  • About the fundamentals of a PWA and why they would be advantageous to implement
  • How to build a basic PWA using Angular and TypeScript
  • How to use Google’s PWA performance monitoring tool, Lighthouse to audit our app and ensure proper implementation