Transform an Angular Application into a Progressive Web App (PWA) Training Course

Last updated

Course Code



14 hours (usually 2 days including breaks)


  • An understanding of Angular


  • Developers


Angular is a JavaScript framework used for developing front-end web applications. Progressive Web Apps (PWA's) are web applications that function like native applications on Android, Windows, Chrome OS, and more. Transforming a web application into a PWA opens the door to offline usability, push notifications, and other native functions.

This instructor-led, live training (online or onsite) is aimed at developers who wish to transform an Angular application into a Progressive Web App.

By the end of this training, participants will be able to:

  • Set up the necessary development environment to start transforming an Angular application into a PWA.
  • Create and style push notifications.
  • Integrate icons that personalize an Angular application.
  • Cache with Service Worker to make an Angular application work offline.

Format of the Course

  • Interactive lecture and discussion.
  • Lots of exercises and practice.
  • Hands-on implementation in a live-lab environment.

Course Customization Options

  • To request a customized training for this course, please contact us to arrange.

Course Outline


Angular and JavaScript Frameworks

  • Processes and modules used in JavaScript frameworks to develop a web application

Overview of the Mobile App Development Cycle

  • Native applications versus progressive applications
  • Javascript logic, CSS templates and HTML templates

Progressive Web Apps Go Native

  • Cross-platform
  • Backward compatibility
  • Feature parity

Progressive Web Apps and Push Notifications

  • Push API
  • Notification API

Preparing the Development Environment

  • Installing and configuring Angular CLI
  • Creating server files that enable HTTP

Developing and Transforming the Application

  • Coding a todo list Angular application
  • Adding the NPM packages necessary to integrate the PWA
  • Overriding the default "themes" with personalized styles (icons, etc.)
  • Editing the manifest files

Optimizing the Angular Progressive Web App

  • Accessing cached API with Service Worker
  • Customizing cached information depending on whether online or offline
  • Creating and styling push notifications 

Deploying the Application

  • Running the Angular application on a mobile emulator or a mobile device


  • Proof checking the Angular application with Lighthouse to determine if it meets the PWA standard

Summary and Conclusion



Related Categories

Related Courses

Course Discounts

Course Discounts Newsletter

We respect the privacy of your email address. We will not pass on or sell your address to others.
You can always change your preferences or unsubscribe completely.

Some of our clients

is growing fast!

We are looking to expand our presence in the US!

As a Business Development Manager you will:

  • expand business in the US
  • recruit local talent (sales, agents, trainers, consultants)
  • recruit local trainers and consultants

We offer:

  • Artificial Intelligence and Big Data systems to support your local operation
  • high-tech automation
  • continuously upgraded course catalogue and content
  • good fun in international team

If you are interested in running a high-tech, high-quality training and consulting business.

Apply now!

This site in other countries/regions