Isolamento: Explique o que é o "Encapsulamento de Estilo" do Angular e qual a sua principal vantagem.
Angular Material: Qual o comando do CLI para instalar o Angular Material em um projeto existente?
Intermediário
Variáveis CSS: Como você definiria uma variável CSS chamada --main-bg e a utilizaria em um seletor .container?
Tailwind: Qual a principal diferença filosófica entre usar Angular Material e usar Tailwind CSS?
Desafio
5. Tematização: Escreva um pequeno trecho de código CSS que mude a cor de fundo de um botão quando a classe .dark-theme estiver presente em um elemento pai (como o body).
📚 Gabarito e Soluções Comentadas
Gabarito Explicado ### Questão 1: Isolamento **Resposta Comentada:** - **Fundamentação:** No contexto de **Estilização Moderna e Componentes de UI**, o conceito abordado (Isolamento) é 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: Angular Material **Resolução e Implementação:**
// Estrutura de implementação recomendada para Angular Material// Validação de regras de negócio e retorno consistente
- **Explicação:** A solução atende diretamente aos requisitos de **Estilização Moderna e Componentes de UI**, garantindo tipagem consistente, legibilidade e tratamento de casos de borda. ### Questão 3: Variáveis CSS **Resposta Comentada:** - **Fundamentação:** No contexto de **Estilização Moderna e Componentes de UI**, o conceito abordado (Variáveis CSS) é 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: Tailwind **Resposta Comentada:** - **Fundamentação:** No contexto de **Estilização Moderna e Componentes de UI**, o conceito abordado (Tailwind) é 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: Tematização **Resolução e Implementação:**
// Estrutura de implementação recomendada para Tematização// Validação de regras de negócio e retorno consistente
- **Explicação:** A solução atende diretamente aos requisitos de **Estilização Moderna e Componentes de UI**, garantindo tipagem consistente, legibilidade e tratamento de casos de borda.