Aplicaciones web progresivas

Introducción #

• ¿Qué son las aplicaciones web progresivas?
• Cómo las aplicaciones web progresivas pueden impulsar el éxito empresarial
• ¿Qué se necesita para que una Aplicación Web Progresiva sea buena?

Haga que pueda instalarse #

• ¿Qué se requiere para su instalación?
• Cómo definir tu estrategia de instalación

Proporcione una experiencia que pueda instalarse #

• Cómo agregar un manifiesto en la aplicación web
• Crear una página de fallback sin conexión
• Cómo proporcionar tu propia experiencia de instalación en la aplicación
• Patrones para promover la instalación de las PWA
• Usando una PWA en su aplicación de Android
• PWAs in app stores

Codelabs #

• Hágalo instalable

Cree una experiencia de usuario similar a la de una aplicación #

• Haga que su PWA se sienta más como una aplicación
• Mejore progresivamente su aplicación web progresiva

Funciones exclusivas de la PWA #

• Haz las cosas rápidamente con los accesos directos de aplicaciones
• Soporte de íconos adaptables en PWAs con íconos enmascarables
• Experiencias más enriquecedoras sin conexión con la API de sincronización periódica en segundo plano
• Customize the window controls overlay of your PWA's title bar

Más formas de mejorar la experiencia del usuario #

• Is your app installed? getInstalledRelatedApps() will tell you!
• Integrate with the OS sharing UI with the Web Share API

Temas avanzados #

• How Chrome handles updates to the web app manifest
• Aplicaciones web progresivas en sitios multiorigen
• Building multiple Progressive Web Apps on the same domain
• Pautas de diseño UX sin conexión

Estudios de caso #

• Excalidraw Electron se ha declarado obsoleto para cambiar a la versión web
• Clipchamp's video editor PWA installs see a 97% monthly growth
• PWA users are 2.5x more likely to purchase Gravit Designer PRO
• JD.ID improves their mobile conversion rate by 53% with caching strategies, installation, and push notifications
• Rakuten 24’s investment in PWA increases user retention by 450%
• How ZDF created a video PWA with offline and dark mode
• Cómo la PWA de Goibibo mejoró las conversiones en un 60%
• Construyendo una PWA en Google, parte 1