Aula 09

Aula 8 - Variáveis e Tipos de Dados em JavaScript ✍️📊

📌 Imagine um site de e-commerce que exibe seu nome na tela após o login. Ou uma calculadora online que armazena números digitados. Tudo isso é possível graças às variáveis. Elas permitem que os programas armazenem e manipulem informações, tornando os sites e sistemas dinâmicos.

Hoje, vamos aprender como criar variáveis e trabalhar com diferentes tipos de dados em JavaScript.

🎯 Objetivos da aula:

✅ Entender o que são variáveis e como usá-las em JavaScript.
✅ Conhecer os principais tipos de dados utilizados.
✅ Criar e manipular variáveis no console do navegador.

📝 1️⃣ O que são variáveis?

📌 Uma variável é um espaço na memória do computador onde armazenamos um valor.

💡 Exemplo prático:
Ao preencher um formulário de login, o site precisa armazenar seu nome para exibi-lo depois. Esse nome é guardado em uma variável.

📌 Exemplo de código:

let nome = "Carlos";

console.log(nome); // Exibe "Carlos" no console

✅ Criamos uma variável chamada nome e armazenamos o texto "Carlos" nela.

✅ Usamos console.log(nome); para exibir o valor da variável.

📊 2️⃣ Tipos de Dados em JavaScript

O JavaScript trabalha com diferentes tipos de informações. Aqui estão os principais:

📌 Exemplo prático no console do navegador:

let idade = 25; // Número

let nome = "Lucas"; // Texto (String)

let ativo = true; // Booleano (Verdadeiro ou Falso)

console.log(nome, idade, ativo);

💡 O código acima exibe:

Lucas 25 true

🔄 3️⃣ Declarando Variáveis: var, let e const

📌 O JavaScript permite criar variáveis de três formas diferentes:

✅ var (não recomendado)

Método antigo de declarar variáveis.
Pode causar erros, pois permite redefinição de valores.

✅ let (recomendado)

Variável que pode mudar de valor durante a execução do código.
Mais seguro e moderno que var.

✅ const (constante)

Variável que não pode ser alterada após ser definida.

📌 Exemplo de uso:

let cidade = "São Paulo";

console.log(cidade); // Exibe "São Paulo"

cidade = "Rio de Janeiro";

console.log(cidade); // Agora exibe "Rio de Janeiro"

const pais = "Brasil";

console.log(pais); // Exibe "Brasil"

// pais = "Argentina"; // Isso dará erro, pois "const" não pode ser alterado.

💡 Regra geral:

Use let para variáveis que podem mudar.
Use const para valores fixos que não devem ser alterados.

🖥️ 4️⃣ Testando no Console do Navegador

Agora, vamos testar algumas variáveis diretamente no console:

1️⃣ Abra o navegador Google Chrome ou Firefox.
2️⃣ Pressione F12 para abrir as Ferramentas do Desenvolvedor.
3️⃣ Vá até a aba Console.
4️⃣ Digite e execute os seguintes comandos:

let nome = "Mariana";

let idade = 20;

let estudante = true;

console.log(nome);

console.log(idade);

console.log(estudante);

✅ O navegador exibirá os valores armazenados nas variáveis.

📝 Atividade prática:

📌 Agora é sua vez!

1️⃣ Crie três variáveis: uma para armazenar um nome, outra para idade e uma terceira para indicar se a pessoa é estudante (true ou false).
2️⃣ Exiba essas variáveis no console.
3️⃣ Modifique a variável da idade e exiba novamente.

🔍 Desafio extra:

Crie uma variável para armazenar sua cidade.
Depois, mude seu valor para outra cidade.
Exiba o resultado.

🌟 Curiosidades sobre Variáveis e JavaScript:

💡 1️⃣ JavaScript não exige que você defina o tipo da variável!
Diferente de outras linguagens como Java e C, o JavaScript ajusta automaticamente o tipo de dado armazenado.

💡 2️⃣ const é amplamente usado para segurança no código!
Se um valor não deve ser alterado (como a taxa de juros em um cálculo), ele deve ser declarado com const.

💡 3️⃣ JavaScript converte tipos de dados automaticamente!
Se misturarmos números e texto, o JavaScript pode transformar tudo em uma string.

javascript

CopiarEditar

console.log("Idade: " + 25); // Exibe "Idade: 25"

Google Sites

Report abuse