ACTIVITY 2:

“Outline the characteristics of PWA development tools

and compatible browsers.”

ING. TECNOLOGÍAS DE LA INFORMACIÓN

ÁREA DESARROLLO Y GESTION DE SOFTWARE

PRESENT:

ALEGRIA MTZ ARLETH JACQUELINE

CD. REYNOSA, TAMAULIPAS ENERO 2024.

 PWA DEVELOPMENT TOOLS

Service Workers
Characteristics:

✓ Background processes that enable offline functionality.

✓ Can intercept and cache network requests for improved performance.
Tools:
Workbox, sw-precache, sw-toolbox.

Web App Manifest

Characteristics:

✓ JSON file that provides metadata for the application.

✓ Specifies how the app should behave when installed on a user's device.
Tools:
Web App Manifest Generator, PWAbuilder.

Responsive Design
Characteristics:

✓ Ensures that the app works seamlessly across various screen sizes and
devices.
✓ Uses flexible grids and layouts.
Tools:
Bootstrap, Foundation, Materialize.

Push Notifications
Characteristics:

✓ Allows apps to send push notifications to users.

✓ Engages users even when the app is not open.
Tools:
Firebase Cloud Messaging (FCM), Push.js.

Application Shell Architecture

Characteristics:

✓ Separates the core application infrastructure from the data content.

✓ Improves initial loading speed.
Tools:
Workbox, SW-Precache.

HTTPS
Characteristics:

✓ Ensures a secure connection between the user and the app.

✓ Required for service worker registration.
Tools:
Let's Encrypt, Certbot.
 COMPATIBLE BROWSERS

Google Chrome

✓ Excellent support for PWA features.

✓ Supports service workers, push notifications, and web app manifest.

Mozilla Firefox

✓ Good support for PWA features.

✓ Supports service workers and web app manifest.

Microsoft Edge

✓ Strong support for PWA features.

✓ Supports service workers, push notifications, and web app manifest.

Safari

✓ Improving support for PWA features with each update.

✓ Supports service workers, push notifications, and web app manifest in
recent versions.

Opera

✓ Good support for PWA features.

✓ Supports service workers, push notifications, and web app manifest.

Samsung Internet

✓ Provides good support for PWA features.

✓ Supports service workers, push notifications, and web app manifest.