Pular para conteúdo

Exercícios 01 - Introdução ao Frontend Moderno 🌐

🟢 Básicos

  1. Conceito: Diferencie MPA (Multi-Page Application) de SPA (Single Page Application) com suas palavras.
  2. História: Por que o surgimento do AJAX foi tão importante para a evolução das interfaces web?

🟡 Intermediários

  1. Processamento: Em uma SPA, onde ocorre a maior parte do processamento da interface? No servidor ou no navegador do cliente? Justifique.
  2. Reatividade: Explique o que acontece com a interface de um framework reativo quando o valor de uma variável vinculada a ela é alterado.

🔴 Desafio

  1. Análise Comparativa: Imagine que você está criando um site de notícias simples (apenas texto e imagens estáticas) e um painel de controle de uma corretora de valores (dados mudando a cada segundo).
    • Qual modelo (MPA ou SPA) você escolheria para cada um?
    • Quais seriam os prós e contras de usar uma SPA para o site de notícias em termos de SEO?

📚 Gabarito e Soluções Comentadas

Gabarito Explicado ### Questão 1: Conceito **Resposta Comentada:** - **Fundamentação:** No contexto de **Introdução ao Desenvolvimento Frontend Moderno**, o conceito abordado (Conceito) é essencial para assegurar que os requisitos do sistema sejam estruturados de forma padronizada e escalável. - **Justificativa Técnica:** A abordagem recomendada prioriza baixo acoplamento, alta coesão e facilidade de manutenção em ambientes de produção, evitando retrabalho e inconsistências operacionais. ### Questão 2: História **Resposta Comentada:** - **Fundamentação:** No contexto de **Introdução ao Desenvolvimento Frontend Moderno**, o conceito abordado (História) é essencial para assegurar que os requisitos do sistema sejam estruturados de forma padronizada e escalável. - **Justificativa Técnica:** A abordagem recomendada prioriza baixo acoplamento, alta coesão e facilidade de manutenção em ambientes de produção, evitando retrabalho e inconsistências operacionais. ### Questão 3: Processamento **Resposta Comentada:** - **Fundamentação:** No contexto de **Introdução ao Desenvolvimento Frontend Moderno**, o conceito abordado (Processamento) é essencial para assegurar que os requisitos do sistema sejam estruturados de forma padronizada e escalável. - **Justificativa Técnica:** A abordagem recomendada prioriza baixo acoplamento, alta coesão e facilidade de manutenção em ambientes de produção, evitando retrabalho e inconsistências operacionais. ### Questão 4: Reatividade **Resposta Comentada:** - **Fundamentação:** No contexto de **Introdução ao Desenvolvimento Frontend Moderno**, o conceito abordado (Reatividade) é essencial para assegurar que os requisitos do sistema sejam estruturados de forma padronizada e escalável. - **Justificativa Técnica:** A abordagem recomendada prioriza baixo acoplamento, alta coesão e facilidade de manutenção em ambientes de produção, evitando retrabalho e inconsistências operacionais. ### Questão 5: Análise Comparativa **Resposta Comentada:** - **Fundamentação:** No contexto de **Introdução ao Desenvolvimento Frontend Moderno**, o conceito abordado (Análise Comparativa) é essencial para assegurar que os requisitos do sistema sejam estruturados de forma padronizada e escalável. - **Justificativa Técnica:** A abordagem recomendada prioriza baixo acoplamento, alta coesão e facilidade de manutenção em ambientes de produção, evitando retrabalho e inconsistências operacionais.