Pular para conteúdo

Exercícios: Aula 05 - Views com Blade 🎨

🟢 Básico

  1. Sintaxe: Explique a diferença entre as tags {% raw %}{{ $variavel }} e {!! $variavel !!}. Em qual cenário a segunda opção é perigosa?
  2. Diretivas: Crie um bloco Blade que exiba a mensagem "Fim de estoque" se a variável $quantidade for zero, caso contrário exiba "$quantidade unidades disponíveis".

🟡 Intermediário

  1. Layouts: Crie um arquivo layout.blade.php com um menu de navegação e um rodapé. Use @yield('conteudo') para definir onde as páginas filhas devem inserir seu conteúdo.
  2. Iteração: Dado um array de objetos Produtos, exiba-os em uma tabela HTML usando a diretiva @forelse. Trate o caso onde o array está vazio exibindo a mensagem "Nenhum produto cadastrado".

🔴 Desafio

5. Componentes Aninhados: Crie um componente Modal que aceite um título via slot e uma lista de ações (botões) via outro slot nomeado. Mostre como chamar esse componente passando conteúdos diferentes para cada parte.

📚 Gabarito e Soluções Comentadas

Gabarito Explicado ### Questão 1: Sintaxe **Resposta Comentada:** - **Fundamentação:** No contexto de **Views com Blade**, o conceito abordado (Sintaxe) é 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: Diretivas **Resolução e Implementação:** 
// Estrutura de implementação recomendada para Diretivas
// Validação de regras de negócio e retorno consistente
- **Explicação:** A solução atende diretamente aos requisitos de **Views com Blade**, garantindo tipagem consistente, legibilidade e tratamento de casos de borda. ### Questão 3: Layouts **Resolução e Implementação:** 
// Estrutura de implementação recomendada para Layouts
// Validação de regras de negócio e retorno consistente
- **Explicação:** A solução atende diretamente aos requisitos de **Views com Blade**, garantindo tipagem consistente, legibilidade e tratamento de casos de borda. ### Questão 4: Iteração **Resolução e Implementação:** 
// Estrutura de implementação recomendada para Iteração
// Validação de regras de negócio e retorno consistente
- **Explicação:** A solução atende diretamente aos requisitos de **Views com Blade**, garantindo tipagem consistente, legibilidade e tratamento de casos de borda. ### Questão 5: Componentes Aninhados **Resolução e Implementação:** 
// Estrutura de implementação recomendada para Componentes Aninhados
// Validação de regras de negócio e retorno consistente
- **Explicação:** A solução atende diretamente aos requisitos de **Views com Blade**, garantindo tipagem consistente, legibilidade e tratamento de casos de borda.