PWA: Web app con super poderes

PWA: Web app con super poderes

8513bd393d0d86f1d297ae5a3e4a2157?s=128

Mariano Alvarez

November 23, 2019
Tweet

Transcript

  1. 2.

    Web Practice Lead Co-Organizador de Angular Costa Rica Fan de

    JS, TS, NG, Web Techs, Pizza, Emojis Mariano Álvarez @malvarezcr
  2. 5.

    ¿Que hace un Web App un PWA? “Progressive Web Apps

    provide an installable, app-like experience on desktop and mobile that are built and delivered directly via the web”
  3. 6.

    ¿Que hace un Web App un PWA? • Responsive •

    Connectivity-independent • Feel like a native app (fast loading) • Always up-to-date (fresh from the web; no updates from the app store) • Safe (https) • Discoverable (search engines) • Linkable (Share) • Installable (home screen, cache data) • Re-engageable (home screen, push notifications)
  4. 7.

    ¿Beneficios de los PWAs? • Mejora el tiempo de carga

    • Experiencia más nativa • “Cacheo” de datos • Disminuye la descarga de datos • Re-engaging del usuario
  5. 9.

    PWA • Tiempo de carga • Experiencia de usuario •

    Costo de desarrollo • Visibilidad en buscadores • Consumo de bateria • Monetización • Visibilidad en App Store / Play Store • Seguridad Native vs
  6. 17.

    ¿Que es un Service Worker? “Service workers essentially act as

    proxy servers that sit between web applications, the browser, and the network (when available).”
  7. 23.
  8. 24.
  9. 26.

    Links de referencia • Ejemplo Github https://github.com/mahcr/your-first-pwapp • Documentacion PWAs

    https://developers.google.com/web/progressive-web-apps • Workbox https://developers.google.com/web/tools/workbox • Twitter: @malvarezcr / Medium: @mahcr Mariano Álvarez