Progressive Web Apps
Download as PPTX, PDF0 likes409 views
This document discusses progressive web apps (PWAs), including what defines their usage, how they work, and their key characteristics. PWAs are defined as progressive, responsive, connectivity independent, app-like, fresh, safe, discoverable, re-engageable, installable, and linkable. Service workers play an important role in PWAs by running in the background, enabling features like caching and push notifications. For a user to add a PWA to their home screen requires an web app manifest, service worker, HTTPS connection, and visiting the web app twice within 5 minutes.
Progressive Web Apps
- 7. O QUE DEFINE O USO DE UMA TECNOLOGIA?
- 8. PERFIL DE DESENVOLVEDOR? Técnico? Quem é responsável pela inovação? Pq o mercado corporativo não inova? Dev web ou mobile?
- 11. página 11 LATÊNCIA EM ALGUMAS ROTAS Rota Distância Tempo – Luz no vácuo Tempo – Luz na fibra Round Trip Time (RTT) na fibra New York to San Francisco 4,148 km 14 ms 21 ms 42 ms New York to London 5,585 km 19 ms 28 ms 56 ms New York to Sydney 15,993 km 53 ms 80 ms 160 ms
- 23. CENÁRIO
- 25. INSTANT APPS
- 26. CONCEITO • Conjunto de técnicas para desenvolvimento de aplicações Web
- 28. O QUE É? Progressive - Work for every user, regardless of browser choice because they’re built with progressive enhancement as a core tenet. Responsive - Fit any form factor: desktop, mobile, tablet, or whatever is next. Connectivity independent - Enhanced with service workers to work offline or on low quality networks. App-like - Feel like an app to the user with app-style interactions and navigation because they’re built on the app shell model. Fresh - Always up-to-date thanks to the service worker update process. Safe - Served via HTTPS to prevent snooping and ensure content hasn’t been tampered with. Discoverable - Are identifiable as “applications” thanks to W3C manifests and service worker registration scope allowing search engines to find them. Re-engageable - Make re-engagement easy through features like push notifications. Installable - Allow users to “keep” apps they find most useful on their home screen without the hassle of an app store. Linkable - Easily share via URL and not require complex installation.
- 29. SERVICE WORKER É um worker como serviço que executa em background, fora da sua url/app Principais funcionalidades: cache e push Assíncrono Js https only Eventos: Install, activate e fetch
- 32. HOME SCREEN Web App Manifest Service Worker Https 2 visitas em menos de 5 minutos