Um guia para não precisar de toalha.
@joselitojunior1
  • Organizer @ GDG Recife
  • Organizer @ FEMUG-PE
  • Brand Ambassador @ UBER
  • Instrutor @ Tampa
  • Apaixonado pela Web
  • Open Source
  • Modelo, atriz, humorista
    fracassado, ex-bbb e fã de F1

Engajamento

"Usuários Android acessam mais websites do que usam aplicativos"

joselito.pw/slides

uso médio de um usuário Android

aplicativos usados frequentemente

~25

websites acessados frequentemente

+100

dos usuários

20%

a cada toque, você perde

?

UX

Homescreen

Acesso Offline

Notificações

PROGRESSIVE

WEB APPS

Progressivo quem?

  • Responsivos
  • Independentes de conexão
  • Compartilháveis
  • Instaláveis progressivamente
  • ​Progressive Enhancement
  • Appy-like 
  • etc...

"Sites que tomaram as vitaminas certas"

Progressive Apps: Escaping Tabs Without Losing Our Soul

Instalável

Perfomático

Engajável

Adicionar a tela inicial

INSTALÁVEL

Splash Screen

INSTALÁVEL

{
 "name": "GDG Recife",
 "short_name": "GDG REC",
 "icons": [{
 "src": "images/touch/icon-128x128.png",
 "sizes": "128x128",
 "type": "image/png"
 },
 …
 {
 "src": "images/touch/chrome-splashscreen-icon-384x384.png",
 "sizes": "384x384",
 "type": "image/png"
 }],
 "start_url": "/?homescreen=1",
 "background_color": "#3E4EB8",
 "display": "standalone",
 "theme_color": "#FFFFFF"
}

Manifesto

INSTALÁVEL

{
 "name": "GDG Recife",
 "short_name": "GDG REC",
 "icons": [{
 "src": "images/touch/icon-128x128.png",
 "sizes": "128x128",
 "type": "image/png"
 },
 …
 {
 "src": "images/touch/chrome-splashscreen-icon-384x384.png",
 "sizes": "384x384",
 "type": "image/png"
 }],
 "start_url": "/?homescreen=1",
 "background_color": "#3E4EB8",
 "display": "standalone",
 "theme_color": "#FFFFFF"
}

Manifesto

INSTALÁVEL

ServiceWorkers

PERFORMÁTICO

  • Offline!
  • Background Sync
  • Push API
  • Interceptar Requests

ServiceWorkers

PERFORMÁTICO

joselito.pw/sw

ServiceWorkers

PERFORMÁTICO

joselito.pw/sw-miojo

HTTPS

PERFORMÁTICO

codigo.joselito.space

App Shell

INSTALÁVEL

Push Notifications

ENGAJÁVEL

Push Notifications

ENGAJÁVEL

dos usuários abrem o app

72%

Custom Notifications

ENGAJÁVEL

Chamadas Nativas

ENGAJÁVEL

  • Câmera
  • Microfone
  • Localização
  • Bluetooth
  • etc...

Ferramentas

OBRIGADO

(pelos peixes)

@joselitojunior1

joselito.space

Progressive Web Apps

By Joselito Júnior

Progressive Web Apps

Um guia para não precisar de toalha

  • 1,281
Loading comments...

More from Joselito Júnior