Upgrade to Pro — share decks privately, control downloads, hide ads and more …

PWAs - Progressive Web Apps - DevFest Cerrado

PWAs - Progressive Web Apps - DevFest Cerrado

Palestra apresentada durante o DevFest Cerrado, falando sobre Progressive Web Apps (ou PWAs) abordando bastante o funcionamento de Service Workers, do manifest e da CacheAPI.

Felipe Nascimento de Moura

September 30, 2017
Tweet

More Decks by Felipe Nascimento de Moura

Other Decks in Programming

Transcript

  1. Google Developer Expert Co-Fundador da BrazilJS e da Nasc Cerca

    de 12 anos de desenvolvimento Web Apaixonado por JS!!
  2. Special powers - Gerenciar redirecionamentos - Interceptar requisições - Controle

    de cache - Controle de versão - Evolução progressiva @felipenmoura
  3. How? - Baseado em tecnologias Web - Tecnologias Open source

    - Assíncrono (promises) - Seguro (https, e no escopo do service worker) @felipenmoura
  4. WEB

  5. What for? - Suporte em diferentes plataformas - Funciona mesmo

    offline, ou quando a internet está intermitente @felipenmoura
  6. What for? - Suporte em diferentes plataformas - Funciona mesmo

    offline, ou quando a internet está intermitente - Torna-se "Instalável" no dispositivo do usuário @felipenmoura
  7. What for? - Suporte em diferentes plataformas - Funciona mesmo

    offline, ou quando a internet está intermitente - Torna-se "Instalável" no dispositivo do usuário - Muito mais performático @felipenmoura
  8. APP

  9. Teoria "A teoria é a diferença entre saber, e SABER"

    -- by Felipe N. Moura @felipenmoura
  10. Service workers - Rodam em escopo próprio - Uma vez

    registrados, rodam em "background" - Exigem HTTPS (ou localhost) - Somente podem interceptar requests no próprio escopo @felipenmoura
  11. SW tem acesso ao IndexedDB - Pode ser usado para

    armazenar o resultado de requisições a JSONs - Assíncrono (apesar da sintaxe "feia") - Permite filtragem, pesquisa e atualizações @felipenmoura
  12. Hard times! - Desligue o cache (no console do browser)

    - Limpe os dados do cache - Visualize todos os Service workers