ALEXANDRE TARIFA

Progressive Web Apps

O QUE DEFINE O USO DE UMA TECNOLOGIA?

PERFIL DE DESENVOLVEDOR? Técnico?

Quem é responsável pela inovação?

Pq o mercado corporativo não inova?

Dev web ou mobile?

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

Performance e escalabilidade

RESPONSIVO Tecnologia perfeita!?

Performance!

EXPERIÊNCIA DO USUÁRIO

CENÁRIO

INSTANT APPS

CONCEITO• Conjunto de técnicas para desenvolvimento de aplicações Web

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.

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

HOME SCREEN Web App Manifest Service Worker Https 2 visitas em menos de 5 minutos

MUITO OBRIGADO!

ALEXANDRE TARIFA