Quiz: Aula 02 ❓

Teste seus conhecimentos sobre a estrutura de um projeto Angular e seus componentes.

1. Qual comando é o atalho para gerar um novo componente?

   • ( ) ng c g
   • (x) ng g c
   • ( ) generate component ng
   • ( ) component new
   • Explicação: ng g c é o atalho oficial para ng generate component.

2. Onde se define o nome da tag HTML personalizada do componente?

   • ( ) No nome da classe
   • ( ) No nome do arquivo
   • (x) Na propriedade selector do decorator @Component
   • ( ) No app.module.ts
   • Explicação: O selector define como chamamos o componente no HTML (ex: <app-footer>).

3. Para que serve o arquivo main.ts?

   • ( ) Para configurar o CSS global
   • (x) Como ponto de entrada para inicializar a aplicação (bootstrap)
   • ( ) Para listar as dependências do NPM
   • ( ) Para guardar imagens
   • Explicação: O main.ts é o primeiro código executado, responsável por carregar o módulo raiz.

4. Qual decorator é usado para transformar uma classe em um componente Angular?

   • ( ) @Module
   • ( ) @Injectable
   • (x) @Component
   • ( ) @Directive
   • Explicação: @Component é o decorator que fornece os metadados necessários.

5. Na abordagem clássica, onde os componentes devem ser declarados?

   • ( ) Em angular.json
   • (x) No array declarations de um NgModule
   • ( ) No arquivo styles.css
   • ( ) Dentro do main.ts
   • Explicação: O NgModule precisa saber da existência do componente via declarations.

6. Qual arquivo contém a estrutura visual (marcação) do componente?

   • ( ) .ts
   • ( ) .css
   • (x) .html
   • ( ) .spec.ts
   • Explicação: O arquivo HTML define o template do componente.

7. O que acontece se você deletar a pasta node_modules?

   • ( ) O código fonte é perdido
   • ( ) O projeto continua funcionando
   • (x) A aplicação para de funcionar e requer um npm install
   • ( ) O Angular CLI é desinstalado do computador
   • Explicação: A pasta contém as bibliotecas necessárias para rodar o projeto.

8. Qual arquivo permite configurar o prefixo padrão (ex: 'app') dos seletores?

   • ( ) package.json
   • ( ) main.ts
   • (x) angular.json
   • ( ) index.html
   • Explicação: O angular.json possui configurações de arquitetura e prefixos do projeto.

9. Como chamamos um componente que não tem lógica e serve apenas para exibir dados?

   • ( ) Smart Component
   • (x) Dumb (ou Presentational) Component
   • ( ) Component Secret
   • ( ) Service Component
   • Explicação: Componentes de apresentação apenas exibem o que recebem via propriedades.

10. Qual a função do arquivo .spec.ts?

    • ( ) Estilização do componente
    • ( ) Configuração de rotas
    • (x) Testes unitários do componente
    • ( ) Bootstrap da aplicação
    • Explicação: Arquivos .spec são usados para testes automatizados.