Pular para conteúdo

Exercícios 01 - Introdução ao JavaScript 😊

🟢 Básicos (Fixação)

  1. Conceito: Explique a principal função do JavaScript no desenvolvimento de uma página web e como ele se diferencia do HTML e CSS.
  2. Sintaxe: Escreva o código necessário para exibir a mensagem "Olá, Mundo!" no console do navegador e também em um alerta na tela.

🟡 Intermediários (Aplicação)

  1. Organização: Crie uma estrutura de pastas simples com index.html e main.js. Mostre como você faria a ligação entre esses dois arquivos para que o script seja executado após o carregamento do HTML.
  2. Ferramentas: Abra o console do seu navegador (F12) e execute três comandos diferentes de console (log, warn, error). Descreva o que muda visualmente entre eles no console.

🔴 Desafio

  1. Mini Automação: Utilizando apenas o console do navegador, declare uma variável com seu nome e outra com sua idade. Em seguida, exiba uma mensagem única no console que diga: "Meu nome é [seu nome] e eu tenho [sua idade] anos." Dica: Você pode usar o operador + para juntar os textos.

📚 Gabarito e Soluções Comentadas

Gabarito Explicado ### Questão 1: Conceito **Resolução e Implementação:**
// Solução de referência para: Conceito
function solucaoExercicio() {
    console.log("Executando validação de: Introdução ao JavaScript");
    return true;
}

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

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

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

solucaoExercicio();
- **Explicação:** A solução atende diretamente aos requisitos de **Introdução ao JavaScript**, garantindo tipagem consistente, legibilidade e tratamento de casos de borda. ### Questão 5: Mini Automação **Resposta Comentada:** - **Fundamentação:** No contexto de **Introdução ao JavaScript**, o conceito abordado (Mini Automaçã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.