Progressive Web Apps: crie apps offline

Conteúdo Detalhado

1. Conhecendo nossa app: um mural de notas no seu celular ou computador

   • O mural de notas funcionando.
   • Estrutura do projeto.
   • Subindo um servidor e rodando a app.
   • Por que Progressive Web App?

2. Logando o usuário com localStorage

   • Implementando um login.
   • Salvando informações do usuário com localStorage.
   • Recuperando informações do localStorage.

3. Salvando os cartões com localStorage

   • Armazenando dados mais complexos no localStorage.
   • As limitações do localStorage e como lidar com elas.
   • Separando os cartões para cada usuário.

4. Nossa webapp offline com Application Cache

   • Salvando todos os arquivos necessários para a app funcionar.
   • Permitindo que o conteúdo dinâmico venha de fora.
   • As limitações e problemas do Application Cache.

5. Imagens do cartão offline com Cache Storage e Service Workers.

   • Armazenando conteúdo dinâmico com o Cache Storage.
   • Tchau Application Cache! Olá Service Worker!
   • Sempre que possível, carregando arquivos do Cache Storage.
   • App funcionando 100% offline

6. Lançamos uma nova versão da app! Como atualizar com Service Workers?

   • Entendendo um pouco mais o ciclo de vida do Service Worker
   • Atualizando a app no evento `activate`

7. Instalando a app no seu celular

   • Conhecendo o Web App Manifest