Micrsoft Connect();
Progressive Web Apps
no seu desktop
André
Baltieri
Microsoft MVP e CEO do balta.io
Siga @balta.io
nas Redes Sociais
Cursos alinhados ao mercado
Cancele quando quiser
Seja nosso
aluno!
Confira os cursos: http://balta.io/cursos
O que vamos
Aprender hoje?
PWAs no seu desktop
Agenda
Conteúdo
- Focar em PWA
- Não focar em Framework
- Mercado atual
- Futuro
- Pilares do PWA
- Service Workers
- Demo
- Quando utilizar
PWAs no seu Desktop
O que são?
Resumo
- Não é um framework, linguagem ou tecnologia
- É um movimento para criarmos aplicações Web melhores
- Com feeling nativa
- De forma progressiva
PWAs no seu Desktop
Mercado Atual
Pessoas que publicaram uma PWA ano passado
39%
não publicaram
31%
publicaram
30%
não publicaram
mas pretentedem
PWAs no seu Desktop
Mercado Atual
Para quem as PWAs estão sendo construídas?
78%
clientes
32%
funcionários
25%
outros
PWAs no seu Desktop
Mercado Atual
Estão atualizando Apps antigas ou criando novas PWAs?
72%
novas
28%
atualizando
PWAs no seu Desktop
Mercado Atual
Resumo
- Crescimento esperado de pelo menos 30%
- Foco em clientes
- Muitos Apps sendo atualizados também
- Apple ainda é um problema
PWAs no seu Desktop
Futuro
Resumo
- Chegada aos Desktops é um marco!
- A Web nunca parou
- Desenvolvimento sempre simples
- Hospedagem e atualização simples
- Devices com hardware mais potente
- Apple: Vai ou não vai?
PWAs no seu Desktop
Pilares
Resumo
- Manifest.json
- Service Worker
- Rodar sobre HTTPs
PWAs no seu Desktop
Pilares
Saindo da mediocridade
- Can`t believe it`s not native
- Experiência similar ao mobile
- Responsiva
- Rápida
PWAs no seu Desktop
Service Workers
Resumo
- JavaScript
- Roda em background
- Instalável, atualizável
- Acesso a recursos do hardware/servidor
- https://serviceworke.rs
DEMO
{code.start()}
PWAs no seu Desktop
Quando utilizar
Resumo
- App de CheckIn
- Apps de Eventos
- LOB
- Use sua criatividade...
- PWAs não são bala de prata
Dúvidas?
hello@balta.io
Siga @balta.io
nas Redes Sociais
Cursos alinhados ao mercado
Cancele quando quiser
Seja nosso
aluno!
Confira os cursos: http://balta.io/cursos

PWAs no seu Desktop

  • 2.
  • 3.
  • 4.
  • 5.
    Cursos alinhados aomercado Cancele quando quiser Seja nosso aluno! Confira os cursos: http://balta.io/cursos
  • 6.
  • 7.
    PWAs no seudesktop Agenda Conteúdo - Focar em PWA - Não focar em Framework - Mercado atual - Futuro - Pilares do PWA - Service Workers - Demo - Quando utilizar
  • 8.
    PWAs no seuDesktop O que são? Resumo - Não é um framework, linguagem ou tecnologia - É um movimento para criarmos aplicações Web melhores - Com feeling nativa - De forma progressiva
  • 9.
    PWAs no seuDesktop Mercado Atual Pessoas que publicaram uma PWA ano passado 39% não publicaram 31% publicaram 30% não publicaram mas pretentedem
  • 10.
    PWAs no seuDesktop Mercado Atual Para quem as PWAs estão sendo construídas? 78% clientes 32% funcionários 25% outros
  • 11.
    PWAs no seuDesktop Mercado Atual Estão atualizando Apps antigas ou criando novas PWAs? 72% novas 28% atualizando
  • 12.
    PWAs no seuDesktop Mercado Atual Resumo - Crescimento esperado de pelo menos 30% - Foco em clientes - Muitos Apps sendo atualizados também - Apple ainda é um problema
  • 13.
    PWAs no seuDesktop Futuro Resumo - Chegada aos Desktops é um marco! - A Web nunca parou - Desenvolvimento sempre simples - Hospedagem e atualização simples - Devices com hardware mais potente - Apple: Vai ou não vai?
  • 14.
    PWAs no seuDesktop Pilares Resumo - Manifest.json - Service Worker - Rodar sobre HTTPs
  • 15.
    PWAs no seuDesktop Pilares Saindo da mediocridade - Can`t believe it`s not native - Experiência similar ao mobile - Responsiva - Rápida
  • 16.
    PWAs no seuDesktop Service Workers Resumo - JavaScript - Roda em background - Instalável, atualizável - Acesso a recursos do hardware/servidor - https://serviceworke.rs
  • 17.
  • 18.
    PWAs no seuDesktop Quando utilizar Resumo - App de CheckIn - Apps de Eventos - LOB - Use sua criatividade... - PWAs não são bala de prata
  • 19.
  • 20.
  • 21.
    Cursos alinhados aomercado Cancele quando quiser Seja nosso aluno! Confira os cursos: http://balta.io/cursos

Notas do Editor

  • #2 Abertura // instrudução
  • #3 Tela de apresentação do curso