  Transform a Drupal Website into a Progressive Web App (PWA)培訓

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