Pular para conteúdo

Exercícios: Aula 07 📝

Pratique a navegação em SPAs.

Básico

  1. Tag Principal: Qual é a tag HTML que deve ser colocada no template para que as rotas sejam renderizadas?
  2. Link Interno: Qual diretiva substitui o atributo href do HTML tradicional para evitar o refresh da página?

Intermediário

  1. Parâmetros: Como você define uma rota que aceita um parâmetro chamado username no array de rotas?
  2. Redirect: Como configurar uma rota para que, quando o usuário digitar uma URL inexistente, ele seja redirecionado para a /home?

Desafio

📚 Gabarito e Soluções Comentadas

Gabarito Explicado ### Questão 1: Tag Principal **Resposta Comentada:** - **Fundamentação:** No contexto de **Roteamento (Abordagem Clássica) ️**, o conceito abordado (Tag Principal) é 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: Link Interno **Resposta Comentada:** - **Fundamentação:** No contexto de **Roteamento (Abordagem Clássica) ️**, o conceito abordado (Link Interno) é 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: Parâmetros **Resolução e Implementação:**
// Estrutura de implementação recomendada para Parâmetros
// Validação de regras de negócio e retorno consistente
- **Explicação:** A solução atende diretamente aos requisitos de **Roteamento (Abordagem Clássica) ️**, garantindo tipagem consistente, legibilidade e tratamento de casos de borda. ### Questão 4: Redirect **Resposta Comentada:** - **Fundamentação:** No contexto de **Roteamento (Abordagem Clássica) ️**, o conceito abordado (Redirect) é 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: Navegação via Código **Resolução e Implementação:**
// Estrutura de implementação recomendada para Navegação via Código
// Validação de regras de negócio e retorno consistente
- **Explicação:** A solução atende diretamente aos requisitos de **Roteamento (Abordagem Clássica) ️**, garantindo tipagem consistente, legibilidade e tratamento de casos de borda.