Olá, futuros desenvolvedores! Hora de mergulhar nos primeiros passos da programação com JavaScript. Se você sempre quis saber como fazer aquelas páginas web interativas, está no lugar certo!

JavaScript é a linguagem que dá vida às páginas web. É o que faz os botões funcionarem, as animações acontecerem e o site reagir ao que você faz. E a melhor parte? Você pode começar a praticar agora mesmo, sem instalar nada!

O console do navegador

O console do navegador é como um parquinho secreto onde você pode testar seu código JavaScript em tempo real. Para abrir, pressione F12 no seu navegador (Chrome, Firefox, Edge) e clique na aba “Console”.

Aqui estão os primeiros comandos que quem programa em JavaScript precisa conhecer:

//Seu primeiro alerta
alert("Bom dia, mundo!");
//Criando uma variável(sempre com ponto e vírgula!)
var name = "Dragon";
// Mostrando no console(mais discreto que alert)
console.log(name);</em>

Entendendo as variáveis

Variáveis são como caixinhas onde guardamos informações. Imagine que você tem uma caixa e cola nela a etiqueta “nome”. Sempre que alguém perguntar “o que tem na caixa nome?”, você pode responder com o que está guardado lá dentro.

var age = 20;
var school = "KidCoders ";
var approved = true;
console.log(age);      //Retorna: 20
console.log(school);   //Retorna: KidCoders
console.log(approved); //Retorna: true

Regras importantes para as variáveis

1. Palavras-chave não podem ser variáveis: palavras como “if”, “for”, “while” são reservadas do JavaScript (em outras linguagens de programação podemos ter palavras-chave parecidas);
2. Use nomes descritivos: var n = "John" é pior do que var userName = "John".
3. Sensível a maiúsculas e minúsculas: “name” é diferente de “Name”.
4. Não pode começar com números: var 1name não funciona, mas var name1 funciona.

Diferença entre alert() e console.log()

• alert(): mostra uma notificação pop-up na tela – todo mundo vê.
• console.log(): aparece só no console, mais discreto e profissional.

var message = "Olá, programadores!";
alert(message); //retorna notificação pop-up na tela
console.log(message); //retorna no console

Desafio prático 1

Agora é a sua vez!! Abra o console no navegador (F12 → Console) e tente:

1. Criar uma variável com o seu nome.
2. Criar uma variável com a sua idade.
3. Mostrar as duas no console.
4. Fazer um alert() com uma mensagem personalizada.

Dicas de ouro

• Sempre termine os comandos com ponto e vírgula(;) – é uma boa prática.
• Use console.log() para depurar (debug) – é a ferramenta mais importante da pessoa programadora.
• Teste pedaços pequenos de código – não tente tudo de uma vez.
• Leia as mensagens de erro – elas são suas amigas, não inimigas.