Introducción a las Progressive Web Apps

En esta presentación, Javier Martínez, fullstack developer y miembro de GDG Culiacán, habla sobre los fundamentos de una Progressive Web App, sus características principales y cómo implementarlas a partir de un sitio web nuevo o uno ya existente.

Transcript

1. Introducción a las Progressive Web Apps Reynaldo Javier Martínez Solís Full Stack Developer
3. Los 2 canales Mobile
4. Lo cual implica 3 equipos de trabajo 3 proyectos 3 tecnologías diferentes 3 veces más reuniones 3 veces más mantenimiento de código y bugs 3 veces más contenido a actualizar 3 veces más etc...
5. Tiempo consumido en canales Móviles Fuente: https://medium.com/@vivekmadurai/mobile-web-vs-native-app-2651b6b06f4d ¿Por qué?
7. Fuente: https://medium.com/@vivekmadurai/mobile-web-vs-native-app-2651b6b06f4d
8. Fuente: https://blog.branch.io/the-mobile-trends-you-need-to-know-for-2020/
9. Fuente: https://blog.branch.io/the-mobile-trends-you-need-to-know-for-2020/
11. Like an App
12. Son rápidas
13. Service Worker Cómo funciona la web
14. Son instalables
15. Add to home screen Flipkart Coppel.com
16. Nuestra primer PWA Nuevo proyecto: https://glitch.com/ Clonar repositorio: https://github.com/googlecodelabs/your- first-pwapp.git Instalar Manifest Instalar Service Worker Funcionalidad Offline Caching Service Worker PWA 100% válida
17. Agregando el Manifiesto Generador de manifiesto https://www.simicart.com/m anifest-generator.html/
18. PWAs como aplicaciones Android Antes - Uso de Web Views dentro de Apps nativas - Embeber un navegador web dentro de Apps nativas
19. PWAs como aplicaciones Android Ahora - TWA (Trusted Web Activity) - Soporte total para Web Plataform APIs - Aplicaciones pequeñas
20. PWAs como aplicaciones Android https://github.com/GoogleChromeLabs/bubblewrap Bubble wrap
21. PWAs como aplicaciones Android https://web.dev/fugu-status/ Capacidades nativas en web - Badging API - Native File System API - Contact Picket API - Wake Lock API - Web OTP API - Web Share - Notifications Triggers - Face Detection API - Text Detection API - Bluetooth
22. ¡Gracias!