En esta lección se introduce el concepto de PWA.
Aplicación que se entrega a través de la web, creada utilizando tecnologías web comunes como HTML, CSS y JavaScript.
Se conoce com PWA por sus siglas en inglés, que significan Progressive Web App.
Está destinado a funcionar en cualquier plataforma que use un navegador compatible con los estándares.
La funcionalidad incluye:
trabajar sin conexión,
notificaciones push y
acceso al hardware del dispositivo.
Esto permite crear experiencias de usuario similares a las aplicaciones nativas en dispositivos móviles y de escritorio.
Dado que una aplicación web progresiva es un tipo de aplicación web, no hay ningún requisito para que los desarrolladores o usuarios instalen las aplicaciones web a través de sistemas de distribución digital como Apple App Store o Google Play.
Es posible subirlas a Google Play y a Microsoft Store.
Fuente: https://es.wikipedia.org/wiki/Aplicaci%C3%B3n_web_progresiva
Un archivo de manifiesto web, con los campos correctos completados.
Un servidor web que utilice un dominio seguro (HTTPS).
Un conjunto de iconos para representar la aplicación en el dispositivo.
Un conjunto de capturas de pantallas con otrientaciones verticales y horizontales para mostrarlas al instalas la aplicación.
Un archivo service worker registrado para permitir que la aplicación funcione sin conexión.
Fuente: https://developer.mozilla.org/es/docs/Web/Progressive_web_apps/Installable_PWAs
Google Chrome.
Microsoft Edge (basado en Chromium).
Apple Safari (versión actualizada).
Firefox (no usa el archivo de manifiesto y no permite instalar las app).
Cualquier herramienta que permita editar HTML, CSS y JavaScript.
Un servidor web que use https.
Un editor de imágenes.
Generador de íconos enmascarables https://maskable.app/.
En esta lección se presentan los siguientes temas:
Definición de PWA.
Requerimientos de instalación y uso de una PWA.
Navegadores compatibles con PWA.
Herramientas de desarrollo.