Desarrollo de aplicaciones web progresivas (PWA)
30% de descuento para varias personas de la misma empresa.
Duración: 2 días | Precio: € 499,00 Sin IVA
Requisitos previos
POO, Javascript (ES6) , HTML y CSS
Descripción
Las PWA se comportan como aplicaciones móviles nativas, pero en realidad son sitios web. Según los estudios, las PWA tienen un 36% más de tasas de conversión que las aplicaciones nativas, y su uso está en constante crecimiento. El objetivo principal de las PWA es ofrecer a los usuarios una experiencia similar a la de una aplicación móvil en todos los dispositivos.
Las PWA son más interactivas y receptivas, por lo que están revolucionando la experiencia del usuario gracias a una funcionalidad similar a la de las aplicaciones sin la molestia de la descarga. Algunos de los grandes nombres del sector, como Amazon, Twitter y Forbes, están combinando aplicaciones nativas y web para aumentar las conversiones y reducir las tasas de rebote. La llegada de las PWA ha reforzado la identidad de las marcas mundiales gracias a su flujo de trabajo sin conexión, su carga rápida y la velocidad de las páginas.
Contenido
Introducción
- ¿Qué son las aplicaciones web progresivas?
- PWA vs. Aplicación móvil nativa
- Nuestra primera PWA
- Principales bloques de una PWA
- Comparación entre PWA y SPA
Conozcamos el App Manifest
- ¿Qué es?
- Utilización del manifiesto de la aplicación
- Añadir el manifiesto de la aplicación
- Propiedades del manifiesto de la aplicación
- Soporte para PWA y navegadores
- Simulación de la aplicación web en un emulador
Trabajadores de servicios
- ¿Qué es?
- Por qué los trabajadores de servicios son geniales
- Conozcamos los eventos
- Eventos del ciclo de vida y no del ciclo de vida
- Compatibilidad con los navegadores
- Registro de SW
- Reaccionar ante los acontecimientos que se producen
- Actualizar y activar el SW
- Obtener el banner “Instalar la aplicación”
Servicio de Trabajadores – Caché
- Por qué utilizar la caché
- Conozcamos la API de caché
- Compatibilidad con los navegadores
- Identificación de objetos pre-cachables
- Caché estática
- Utilización de objetos de la caché
- Almacenamiento en caché de varios archivos
- Caché dinámica
- Tratamiento de errores
- Versionado y limpieza de la caché
- Optimización de la gestión de la caché
- Caché bajo demanda
- Página de retroceso y soporte offline
Sincronización de fondo
- ¿Cómo funciona la sincronización en segundo plano?
- Sincronizar los datos en el SW
API de notificación
- ¿Qué es?
- Soporte del navegador
- Solicitud de permisos
- Ver notificaciones
- Notificaciones desde el SW
- Opciones de notificación
- Añadir una acción a las notificaciones
- Reaccionar a las interacciones con las notificaciones
- De las notificaciones a los mensajes push
- Crear una suscripción push
- Almacenamiento de suscripciones
Estrategias de almacenamiento
- Qué utilizar