Pular para conteúdo

Exercícios 16 - Planejamento do Projeto Final 🏆

🟢 Básicos (Fixação)

  1. Escolha do Tema: Qual dos temas sugeridos (Buscador GitHub, Monitor Cripto/Clima, Gerenciador Inventário) você escolheu para o seu projeto final? Se for um tema autoral, descreva-o em uma frase.
  2. APIs: Qual API externa você pretende utilizar para buscar os dados de forma assíncrona?

🟡 Intermediários (Aplicação)

  1. Arquitetura: Se seu projeto fosse dividido em módulos, quais seriam os arquivos .js e qual a responsabilidade de cada um?
  2. UX: Como você faria para exibir uma mensagem de erro na tela caso o usuário digite um dado que a API não reconhece?
  3. ES6+: Cite dois recursos modernos do JavaScript (como Desestruturação ou Spread) que você usará para deixar seu código mais limpo.

🔴 Desafio

  1. Checklist de Prontidão: Antes de entregar, responda sim ou não para os itens abaixo e justifique brevemente:
    • O site é responsivo (funciona no celular)?
    • O código está modularizado (import/export)?
    • Usei Template Strings para renderizar o HTML dinâmico?
    • Tratei o erro caso a internet caia durante a busca?

📚 Gabarito e Soluções Comentadas

Gabarito Explicado ### Questão 1: Escolha do Tema **Resolução e Implementação:**
// Solução de referência para: Escolha do Tema
function solucaoExercicio() {
    console.log("Executando validação de: Projeto Final: Dashboard Interativo");
    return true;
}

solucaoExercicio();
- **Explicação:** A solução atende diretamente aos requisitos de **Projeto Final: Dashboard Interativo**, garantindo tipagem consistente, legibilidade e tratamento de casos de borda. ### Questão 2: APIs **Resposta Comentada:** - **Fundamentação:** No contexto de **Projeto Final: Dashboard Interativo**, o conceito abordado (APIs) é 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: Arquitetura **Resposta Comentada:** - **Fundamentação:** No contexto de **Projeto Final: Dashboard Interativo**, o conceito abordado (Arquitetura) é 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: UX **Resposta Comentada:** - **Fundamentação:** No contexto de **Projeto Final: Dashboard Interativo**, o conceito abordado (UX) é 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: ES6+ **Resolução e Implementação:**
// Solução de referência para: ES6+
function solucaoExercicio() {
    console.log("Executando validação de: Projeto Final: Dashboard Interativo");
    return true;
}

solucaoExercicio();
- **Explicação:** A solução atende diretamente aos requisitos de **Projeto Final: Dashboard Interativo**, garantindo tipagem consistente, legibilidade e tratamento de casos de borda. ### Questão 6: Checklist de Prontidão **Resposta Comentada:** - **Fundamentação:** No contexto de **Projeto Final: Dashboard Interativo**, o conceito abordado (Checklist de Prontidão) é 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.