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