Bem-vindo à sua Introdução ao JavaScript!

1. Variáveis: Os Contêineres de Dados

Pense em variáveis como caixas etiquetadas onde você pode guardar informações. Em JavaScript, temos três maneiras principais de "criar" essas caixas: let, const e var.

• let: Use quando o valor da variável pode mudar.
• const: Use para valores que serão constantes e não devem ser alterados.
• var: A forma mais antiga. É bom conhecê-la, mas prefira let e const em código moderno.

As variáveis podem guardar diferentes tipos de dados, como textos (string), números (number) e valores de verdadeiro/falso (boolean).

Exemplo prático:

// Declarando variáveis
let nomeDoPersonagem = "Link"; // Uma string (texto)
const jogo = "The Legend of Zelda"; // Uma constante
let coracoesDeVida = 3; // Um número
let temAEspadaMestra = false; // Um booleano (falso)

// Modificando uma variável 'let'
coracoesDeVida = coracoesDeVida + 1; // Agora Link tem 4 corações

// Exibindo no console do navegador
console.log("Personagem:", nomeDoPersonagem);
console.log("Vida atual:", coracoesDeVida);
console.log("Possui a Espada Mestra?", temAEspadaMestra);

2. Arrays: Listas Organizadas

Um array é simplesmente uma lista ordenada de itens. É perfeito para guardar coleções de dados, como uma lista de tarefas, um inventário de itens ou uma lista de usuários.

Criamos arrays usando colchetes [] e separamos os itens com vírgulas. O primeiro item de um array está sempre na posição 0.

Exemplo prático:

// Criando um array com os itens do inventário
let inventario = ["Espada", "Escudo", "Arco e Flecha"];

// Acessando um item pelo seu índice (posição)
console.log("Primeiro item:", inventario[0]); // -> "Espada"
console.log("Terceiro item:", inventario[2]); // -> "Arco e Flecha"

// Adicionando um item ao FINAL do array
inventario.push("Bomba");
console.log("Inventário atualizado:", inventario); // -> ["Espada", "Escudo", "Arco e Flecha", "Bomba"]

// Removendo o ÚLTIMO item do array
let itemRemovido = inventario.pop();
console.log("Item removido:", itemRemovido); // -> "Bomba"
console.log("Inventário final:", inventario);

// Verificando o tamanho do array
console.log("Total de itens:", inventario.length); // -> 3

3. Objetos: Descrevendo Entidades Complexas

Objetos nos permitem representar coisas mais complexas do mundo real. Eles funcionam com um sistema de chave-valor. Por exemplo, para descrever um "carro", podemos ter as chaves "cor", "marca" e "ano", cada uma com seu respectivo valor.

Criamos objetos usando chaves {}. Para acessar, alterar ou adicionar propriedades, usamos a notação de ponto (objeto.propriedade).

Exemplo prático:

// Criando um objeto para representar um usuário
const usuario = {
  nome: "Zelda",
  reino: "Hyrule",
  idade: 17,
  possuiTriforceDaSabedoria: true,
  habilidades: ["Magia", "Arquearia", "Liderança"]
};

// Acessando as propriedades do objeto
console.log("Nome da usuária:", usuario.nome);
console.log("Reino:", usuario.reino);
console.log("Primeira habilidade:", usuario.habilidades[0]); // Podemos ter arrays dentro de objetos!

// Modificando uma propriedade existente
usuario.idade = 117; // A idade canônica dela é mais complexa :)
console.log("Idade atualizada:", usuario.idade);

// Adicionando uma nova propriedade
usuario.email = "zelda@hyrule.gov";
console.log("Email adicionado:", usuario.email);

// Vendo o objeto completo
console.log(usuario);

Desafios Práticos

Agora é sua vez de codificar! Tente resolver os desafios abaixo no console do seu navegador.