Pular para o conteúdo principal

Questão de Programação — Web — FGV 2024

ProgramaçãoWeb
Código
fg100856
Banca
FGV
Órgão
TRF - 1ª REGIÃO
Ano
2024
Nível
Superior
Cargo
Analista Judiciário - Área Apoio Especializado - Especialidade: Análise de Sistemas de Informação
A Equipe de Gestão de Inovações (EGI) de uma organização vem estudando conceitos de estratégias para desenvolvimento de front-end de aplicações. Assim, decidiu desenvolver algumas pequenas soluções de software, na qualidade de testes dos conceitos, pautadas em Single-Page Application (SPA), e outras pautadas em Progressive Web App (PWA).Em seu estudo, a EGI deve considerar que:
  1. ASPA recarrega uma página atualizada em resposta a cada ação do usuário;
  2. BSPA possui suporte para envio de alertas automáticos via notificações push;
  3. Cmotores de busca possuem suporte para indexar conteúdo desenvolvido em PWA;
  4. DSPA e PWA utilizam threads próprias e viabilizam o carregamento rápido de conteúdos independentemente da rede;
  5. Eos critérios de instalação de PWA no manifesto de aplicativo da Web devem ser genéricos o suficiente para atender aos diferentes browsers.
Revelar gabarito e comentário

GabaritoC — motores de busca possuem suporte para indexar conteúdo desenvolvido em PWA;

Comentário gerado por IA. É um apoio ao estudo, ancorado em fontes, mas pode conter imprecisões — confira sempre na fonte oficial (lei, súmula, edital e gabarito da banca). Encontrou um erro? Use “Reportar”.

Single-Page Application (SPA) e Progressive Web App (PWA)

Gabarito: letra C. Mecanismos de busca conseguem indexar o conteúdo de PWAs porque eles são construídos com tecnologias web padrão (HTML, CSS, JavaScript) e possuem URLs únicas para cada página, ao contrário de SPAs tradicionais que muitas vezes dependem de JavaScript para renderizar conteúdo. A banca testa o conhecimento das características distintas entre SPA e PWA.

Característica

SPA (Single-Page Application)

PWA (Progressive Web App)

Recarregamento de página

Evita recarregamento total; atualiza conteúdo dinamicamente

Pode recarregar ou funcionar offline

Notificações push

Não inerente ao conceito

Funcionalidade típica (via Service Worker e Push API)

Indexação por mecanismos de busca

Dificultada (exige SSR ou pré-renderização)

Naturalmente indexável (URLs únicas, HTML padrão)

Threads próprias

Não (JavaScript single-threaded)

Pode usar Web Workers (ex.: Service Worker)

Dependência de rede para carregamento rápido

Sim (carregamento inicial depende da rede)

Pode funcionar offline após primeiro acesso

SPA vs PWA
  • 1SPA (Single-Page Application)
    • Recarrega a cada ação (errado)
    • Notificações push nativas (errado)
    • Indexação natural (errado)
  • 2PWA (Progressive Web App)
    • Indexável por buscadores
    • Notificações push (Service Worker)
    • Funciona offline (após 1º acesso)
  • 3Características comuns
    • JavaScript single-threaded
    • Carregamento depende da rede
LEVEL · soulevel.com.br

Alternativa A — ❌ Incorreta

Afirma que SPA recarrega uma página atualizada a cada ação do usuário. Na verdade, a principal característica de uma SPA é justamente evitar recarregamentos completos da página: ela carrega uma única página e atualiza apenas partes do conteúdo dinamicamente via JavaScript (ex.: AJAX). O recarregamento total é típico de aplicações web tradicionais (multi-page).

Alternativa B — ❌ Incorreta

Diz que SPA possui suporte para notificações push. Notificações push são uma funcionalidade típica de Progressive Web Apps (PWAs), que utilizam o Service Worker e a Push API. SPA, por si só, não inclui esse recurso; ele pode ser adicionado, mas não é inerente ao conceito de SPA.

Alternativa C — ✅ Correta ⟵ GABARITO

Os mecanismos de busca (Google, Bing, etc.) conseguem indexar o conteúdo de um PWA porque o PWA é essencialmente um site com funcionalidades avançadas (como service workers e manifesto). As páginas de um PWA são acessíveis por URLs únicas e contêm conteúdo HTML que pode ser rastreado e indexado. Diferentemente de SPAs que exigem técnicas especiais (como SSR ou pré-renderização) para serem indexadas, um PWA bem construído já é naturalmente indexável.

Alternativa D — ❌ Incorreta

Afirma que SPA e PWA utilizam threads próprias. JavaScript é single-threaded (executa em uma única thread). PWAs podem usar Web Workers para tarefas em segundo plano (ex.: service worker), mas isso não é uma "thread própria" inerente ao conceito. Além disso, o carregamento rápido não é independente da rede: PWAs podem funcionar offline após o primeiro acesso, mas o carregamento inicial depende da rede. A afirmação é muito genérica e incorreta.

Alternativa E — ❌ Incorreta

Diz que os critérios de instalação de PWA no manifesto devem ser genéricos para atender diferentes browsers. O manifesto (manifest.json) deve conter informações específicas como nome, ícones, cores, etc. Embora seja recomendado seguir padrões para compatibilidade, a afirmação é vaga e não reflete a finalidade do manifesto, que é declarar metadados para a instalação. Os critérios não precisam ser "genéricos"; eles devem ser precisos para cada aplicação.

NÃO CAIA NESSA!

A banca troca características entre SPA e PWA. O candidato pode confundir: SPA não recarrega toda a página (ao contrário de A) e não tem push notifications nativas (ao contrário de B). Lembre-se: PWA é uma evolução do site tradicional que permite instalação e funcionalidades offline; SPA é um modelo de navegação sem reload completo.

Gabarito: letra C — a única afirmação correta é a que trata da indexação de PWAs.

Link permanente: /questoes/fg100856