Guia para pwa e service workers em Frontend

"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."