progressive web apps (español - spanish)
TRANSCRIPT
Progressive Web Apps
1- Definición Abierta 2- Comenzó con Google 3- Lo siguió Firefox, Opera, Samsung y ahora Microsoft
Una Progressive Web App es un modelo para crear experiencias tipo app usando las últimas tecnologías web progresivamente
Características
1- Carga Instantánea 2- Responsivo 3- Instalable
4- Seguro 5- Re-engageable 6- Rápido
Progressive Web Apps
1- Definición abierta 2- Performance, App-like 3- Progressive Enhancement 4- Lo Mejor de la Web y Nativo
De la Web1- Linkeable 2- Descubrimiento 3- Fácil de distribuir 4- Fácil de actualizar 5- Usa Estándares
6- Acceso Offline 7- Icono instalado 8- Push Notifications 9- Experiencia Inmersiva 10- UI Rápida
De Nativo
Habilidades1- Cualquier estado de red 2- Sensores y hardware 3- Multimedia 4- Push Notifications 5- Home Screen (Android)
Limitaciones Hoy1- Multiplatforma 2- Responsive Design 3- First Class Citizen 4- Navegaciones en Redes Sociales 5- Distribución
Web APK1- Llegó a Chromium en mid-2016 2- Creará un APK al instalar 3- Home Screen y App Launcher 4- Integración del SO 5- Intent y App Link 6- Google Play Distribution?
Service Workers
• Es un thread • Tiene un ámbito definido • Poderes sobre el ámbito • Trabaja separado de un tab
¿Qué puede ser un ámbito?
• Una ruta de URL • Como https://mydomain.com/myapp
Detección de Red
1- online / offline navigator events 2- Network Information API 3- fetch and timeouts
Páginas AMP
• carga inicial super rcpida • servida desde a) server o b) cdn • puede instalar un SW
amp-install-serviceworker
Páginas AMP
<amp-install-serviceworker src="/sw.js" data-iframe-src="https://domain.com/sw.html" layout="nodisplay"> </amp-install-serviceworker>
Casos de Uso • Mantener al usuario actualizado • Notificar mensajes importantes • Incrementar conversión
De la Web1- Linkeable 2- Descubrimiento 3- Fácil de distribuir 4- Fácil de actualizar 5- Usa Estándares
6- Acceso Offline 7- Icono instalado 8- Push Notifications 9- Experiencia Inmersiva 10- UI Rápida
De Nativo