        Transform an Angular Application into a Progressive Web App (PWA)培訓

Introduction

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
Troubleshooting

Proof checking the Angular application with Lighthouse to determine if it meets the PWA standard
Summary and Conclusion