Overview
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.
Requirements
- Experience with Drupal
Audience
- Developers
Course Outline
Introduction
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
Troubleshooting
- Proof checking the Drupal website with Lighthouse to determine if it meets the PWA standard
Summary and Conclusion