Pratique a organização de arquivos e a criação de componentes.
Básico
Componentes: Quais são os quatro arquivos gerados automaticamente pelo comando ng generate component nome-do-componente?
Seletores: Para que serve a propriedade selector nos metadados de um componente?
Intermediário
Registro de Módulo: Na abordagem clássica, em qual array do NgModule o CLI adiciona o novo componente automaticamente?
CLI: Como você criaria um componente dentro de uma subpasta chamada components, usando apenas um comando do CLI? (Exemplo: criar login dentro de src/app/components/login).
Desafio
5. Layout Aninhado: Crie um componente chamado Pai e outro chamado Filho. Tente exibir o componente Filho dentro do template do componente Pai. Depois, exiba o componente Pai no App.component. Descreva o resultado visual.
📚 Gabarito e Soluções Comentadas
Gabarito Explicado ### Questão 1: Componentes **Resolução e Implementação:**
// Estrutura de implementação recomendada para Componentes// Validação de regras de negócio e retorno consistente
- **Explicação:** A solução atende diretamente aos requisitos de **Estrutura do Projeto e Componentes (Abordagem Clássica) ️**, garantindo tipagem consistente, legibilidade e tratamento de casos de borda. ### Questão 2: Seletores **Resposta Comentada:** - **Fundamentação:** No contexto de **Estrutura do Projeto e Componentes (Abordagem Clássica) ️**, o conceito abordado (Seletores) é 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: Registro de Módulo **Resolução e Implementação:**
// Estrutura de implementação recomendada para Registro de Módulo// Validação de regras de negócio e retorno consistente
- **Explicação:** A solução atende diretamente aos requisitos de **Estrutura do Projeto e Componentes (Abordagem Clássica) ️**, 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 **Estrutura do Projeto e Componentes (Abordagem Clássica) ️**, garantindo tipagem consistente, legibilidade e tratamento de casos de borda. ### Questão 5: Layout Aninhado **Resolução e Implementação:**
// Estrutura de implementação recomendada para Layout Aninhado// Validação de regras de negócio e retorno consistente
- **Explicação:** A solução atende diretamente aos requisitos de **Estrutura do Projeto e Componentes (Abordagem Clássica) ️**, garantindo tipagem consistente, legibilidade e tratamento de casos de borda.