Pular para conteúdo

Exercícios 11 - Templates e Listas Dinâmicas 📜

🟢 Básicos (Fixação)

  1. Sintaxe: Como você injetaria a variável usuario = "Ana" dentro da frase "Bem-vinda, Ana!" usando Template Strings?
  2. Criação: Qual o comando para criar um novo elemento <div> na memória?

🟡 Intermediários (Aplicação)

  1. Loop: Dado o array cores = ["azul", "verde", "amarelo"], use um forEach para exibir cada cor no console dentro de uma frase: "A cor atual é ...".
  2. Inserção: Como você adicionaria um parágrafo que você acabou de criar dentro de um div que possui o ID container?

🔴 Desafio

  1. Lista de Compras Dinâmica:
    • Crie um array de objetos itens = [{nome: "Leite", preco: 5.50}, {nome: "Pão", preco: 2.10}].
    • Escreva o código que percorra este array e crie, para cada item, uma linha formatada assim: <li>Leite - R$ 5.50</li>.
    • Adicione todas essas linhas a uma <ul> no seu HTML.
    • Dica: Use o método .toFixed(2) para formatar os preços com duas casas decimais.

📚 Gabarito e Soluções Comentadas

Gabarito Explicado ### Questão 1: Sintaxe **Resposta Comentada:** - **Fundamentação:** No contexto de **Templates e Listas Dinâmicas**, 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: Criação **Resolução e Implementação:**
// Solução de referência para: Criação
function solucaoExercicio() {
    console.log("Executando validação de: Templates e Listas Dinâmicas");
    return true;
}

solucaoExercicio();
- **Explicação:** A solução atende diretamente aos requisitos de **Templates e Listas Dinâmicas**, garantindo tipagem consistente, legibilidade e tratamento de casos de borda. ### Questão 3: Loop **Resolução e Implementação:**
// Solução de referência para: Loop
function solucaoExercicio() {
    console.log("Executando validação de: Templates e Listas Dinâmicas");
    return true;
}

solucaoExercicio();
- **Explicação:** A solução atende diretamente aos requisitos de **Templates e Listas Dinâmicas**, garantindo tipagem consistente, legibilidade e tratamento de casos de borda. ### Questão 4: Inserção **Resposta Comentada:** - **Fundamentação:** No contexto de **Templates e Listas Dinâmicas**, o conceito abordado (Inserçã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. ### Questão 5: Lista de Compras Dinâmica **Resposta Comentada:** - **Fundamentação:** No contexto de **Templates e Listas Dinâmicas**, o conceito abordado (Lista de Compras Dinâmica) é 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.