Transform a Drupal Website into a Progressive Web App (PWA) Training Course


Drupal is an open source web-content management framework used to develop the back-end for web applications. Progressive Web Apps (PWA’s) are web applications that function like native applications on Android, Windows, etc. Transforming a web application into a Progressive Web App 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 a Drupal website or web 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 a Drupal website into a Progressive Web App.
  • Create and style push notifications.
  • Cache with Service Worker to make a Drupal website 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.


  • Experience with Drupal


  • Developers

Course Outline


Drupal and Web-Content Management Frameworks

  • Processes and Modules used to manage content on web applications

Overview of the Web Application Development Cycle

  • Native versus progressive
  • Front-end versus back-end

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 NPM
  • Creating server files that enable HTTP

Creating and Transforming the Website

  • Coding a to do list Drupal website
  • Installing the NPM module “PWA Module”
  • Overriding the default themes with personalized styles (Icons, etc.)

Optimizing the Application

  • 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  on a mobile emulator or a mobile device
  • Creating server files that enable HTTPS


  • Proof checking the Drupal website with Lighthouse to determine if it meets the PWA standard

Summary and Conclusion

Leave a Reply

Your email address will not be published. Required fields are marked *