Front-end Study Group: Progressive Web Apps

Front-end Study é um encontro colaborativo para aprimorarmos nossas habilidades de desenvolvimento web front-end, no qual teremos palestras e workshops sobre frameworks, ferramentas e boas práticas. Neste repositório, você encontrará a base da aplicação utilizada no workshop sobre desenvolvimento de PWAs.

Para realizar o workshop, acesse o conteúdo neste gitbook.

Recursos

• Ter conhecimentos básicos de front-end. Recomendamos o treinamento-tutorial de 1h de introdução a HTML, CSS e JavaScript
• Visual Studio Code instalado
• Google Chrome

Preparação

• Clone ou faça o download deste repositório
• Abra a pasta do aplicativo no seu editor de código
• Configure seu servidor local para servir a pasta do aplicativo
• Carregue a página app / index.html no Google Chrome. Uma lista de participantes deve ser exibida

O que você irá desenvolver no workshop?

• Adicionar um manifesto do aplicativo da web
• Instalar e ativar um trabalhador de serviço
• Pré-armazenamento em cache de ativos estáticos para um modo offline básico
• Estratégia de Cache/Update/Refresh para as solicitações GET da API
• Sincronização em segundo plano e exemplos de notificações por push
• Apresentando um botão de instalação