Questão de Programação — Web — Quadrix 2025

PWA (Progressive Web Apps): características essenciais

Gabarito: C — CERTO. A afirmação está correta: um PWA (Progressive Web App) é, por definição, uma aplicação web que combina o melhor da web com o melhor dos aplicativos nativos, sendo capaz de funcionar offline, enviar notificações push e ser instalado na tela inicial do dispositivo, sem a necessidade de passar por uma loja de aplicativos. Essas são justamente as três capacidades que definem um PWA: offline, push e instalação.

Para entender por que a afirmação está correta, é preciso compreender o que é um PWA e quais tecnologias o tornam possível. Um PWA não é uma tecnologia única, mas um conjunto de práticas e padrões web que, juntos, proporcionam uma experiência semelhante à de um aplicativo nativo. Os três pilares citados na questão — funcionamento offline, notificações push e instalação na tela inicial — são as características mais marcantes e frequentemente cobradas em provas de concursos.

O funcionamento offline é viabilizado principalmente pelo Service Worker, um script que o navegador executa em segundo plano, separado da página web. Ele atua como um proxy entre o aplicativo e a rede, permitindo interceptar requisições e armazenar respostas em cache. Com isso, quando o usuário está sem conexão, o PWA pode servir o conteúdo previamente armazenado, garantindo que a aplicação continue funcionando. Além do Service Worker, a Cache API e o IndexedDB são fundamentais para armazenar dados e recursos no dispositivo.

As notificações push são enviadas por meio da Push API e da Notifications API. A Push API permite que o servidor envie mensagens para o Service Worker, mesmo quando o aplicativo não está aberto. O Service Worker, por sua vez, utiliza a Notifications API para exibir a notificação ao usuário. Esse mecanismo é semelhante ao dos aplicativos nativos, mas funciona dentro do navegador.

A instalação na tela inicial é possível graças ao manifest.json (ou Web App Manifest), um arquivo JSON que descreve o aplicativo, incluindo nome, ícones, cores e o modo de exibição. Quando o usuário visita um site que possui um manifest válido e atende a certos critérios (como ter um Service Worker registrado e conexão HTTPS), o navegador oferece a opção de "Adicionar à tela inicial". Isso cria um ícone no dispositivo, que abre o PWA em modo de tela cheia, sem a barra de endereço, proporcionando uma experiência de aplicativo nativo.

É importante destacar que a instalação de um PWA não requer a aprovação de uma loja de aplicativos, como a App Store ou o Google Play. Isso é uma grande vantagem, pois elimina a burocracia e as taxas associadas à publicação em lojas. O usuário pode instalar o PWA diretamente do navegador, com um simples toque.

A pegadinha que a banca poderia explorar é a confusão entre PWA e aplicativos nativos. Um aplicativo nativo é desenvolvido para uma plataforma específica (iOS, Android) e é distribuído por meio de lojas de aplicativos. Um PWA, por outro lado, é uma aplicação web que pode ser instalada, mas não depende de lojas. A questão afirma exatamente isso, e por isso está correta.

Guarde a tríade: Service Worker (offline), Push API + Notifications API (push) e Web App Manifest (instalação). É exatamente nesses três pilares que as questões sobre PWA costumam se apoiar.

Item — ✅ Correto ⟵ GABARITO

A afirmação está correta porque descreve com precisão as três principais características de um PWA:

1. Funcionar offline: graças ao Service Worker e à Cache API, o PWA pode armazenar recursos e dados localmente, permitindo que a aplicação funcione sem conexão com a internet.

2. Enviar notificações push: por meio da Push API e da Notifications API, o PWA pode receber e exibir notificações mesmo quando não está em uso.

3. Ser instalado na tela inicial: com o Web App Manifest, o PWA pode ser adicionado à tela inicial do dispositivo, criando um ícone que abre a aplicação em modo de tela cheia.

Além disso, a instalação não requer uma loja de aplicativos. O usuário pode instalar o PWA diretamente pelo navegador, sem passar por processos de aprovação de lojas como App Store ou Google Play. Essa é uma das grandes vantagens dos PWAs em relação aos aplicativos nativos.

Gabarito: C — CERTO.