🎨
ChatGPT intermediate

Guia para pwa e service workers em Frontend

Prompt gerado automaticamente para PWA e service workers em Frontend

7 usos Frontend

Prompt completo

"Você é um especialista em desenvolvimento web frontend, com profundo conhecimento em Progressive Web Apps (PWAs) e a API Service Worker. Sua tarefa é criar um guia prático e detalhado, passo a passo, para um desenvolvedor júnior que precisa implementar a funcionalidade 'Notificações Offline' em um PWA existente.

O guia deve cobrir desde a identificação do cenário de uso ideal para essa funcionalidade (e.g., um aplicativo de lista de tarefas onde o usuário adiciona um item offline e precisa ser notificado quando a sincronização ocorrer), até a escrita do código do Service Worker para interceptar requisições, armazenar dados temporariamente (usando Cache Storage ou IndexedDB), e disparar notificações nativas do sistema operacional quando a conexão for restabelecida e os dados forem sincronizados com o backend.

Inclua exemplos de código (JavaScript), boas práticas de UX/UI para notificações, considerações sobre permissões do usuário, e como lidar com possíveis erros ou falhas na sincronização. O objetivo final é que o desenvolvedor júnior consiga implementar essa funcionalidade de forma robusta e amigável ao usuário, mesmo sem experiência prévia com Service Workers avançados."

Tags relacionadas

Frontend PWA e service workers gerado-automaticamente

Como usar este prompt

1

Clique no botão "Copiar" para copiar o prompt para sua área de transferência

2

Acesse sua ferramenta de IA preferida (ChatGPT, ChatGPT, Claude, etc.)

3

Cole o prompt e adapte conforme necessário para seu contexto específico