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.

1. ALEXANDRE
TARIFA
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

13. Performance e escalabilidade

16. RESPONSIVO
Tecnologia perfeita!?

19. Performance!
EXPERIÊNCIA DO USUÁRIO

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

36. MUITOOBRIGADO!
ALEXANDRE
TARIFA