Pular para conteúdo

Exercícios: Aula 08 📝

Pratique a transição para o Angular Moderno.

Básico

  1. Flag Standalone: Qual propriedade deve ser adicionada ao decorator @Component para torná-lo um componente independente?
  2. Imports: Onde são importadas as dependências (como CommonModule ou outros componentes) na abordagem Standalone?

Intermediário

  1. Bootstrap: Qual função substitui o platformBrowserDynamic().bootstrapModule() no arquivo main.ts de uma aplicação puramente standalone?
  2. CLI: Escreva o comando do CLI para gerar um componente chamado VideoPlayer que seja standalone desde a sua criação.

Desafio

5. Migração: Imagine que você tem um componente clássico registrado no AppModule. Liste os 3 passos principais que você faria para transformá-lo em um componente Standalone pronto para ser usado sem módulos.

📚 Gabarito e Soluções Comentadas

Gabarito Explicado ### Questão 1: Flag Standalone **Resposta Comentada:** - **Fundamentação:** No contexto de **Standalone Components**, o conceito abordado (Flag Standalone) é 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: Imports **Resposta Comentada:** - **Fundamentação:** No contexto de **Standalone Components**, o conceito abordado (Imports) é 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: Bootstrap **Resolução e Implementação:**
// Estrutura de implementação recomendada para Bootstrap
// Validação de regras de negócio e retorno consistente
- **Explicação:** A solução atende diretamente aos requisitos de **Standalone Components**, garantindo tipagem consistente, legibilidade e tratamento de casos de borda. ### Questão 4: CLI **Resolução e Implementação:**
// Estrutura de implementação recomendada para CLI
// Validação de regras de negócio e retorno consistente
- **Explicação:** A solução atende diretamente aos requisitos de **Standalone Components**, garantindo tipagem consistente, legibilidade e tratamento de casos de borda. ### Questão 5: Migração **Resposta Comentada:** - **Fundamentação:** No contexto de **Standalone Components**, o conceito abordado (Migraçã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.