O que é Programar?

O que é Programar?

Programar é escrever instruções que um computador consegue entender e executar. O computador é incrivelmente rápido e preciso, mas é completamente burro: ele faz exatamente o que você mandar — nem mais, nem menos. A habilidade do programador está em traduzir um problema do mundo real em uma sequência de passos que a máquina consiga seguir.

Linguagem de programação — o idioma do computador

Computadores entendem apenas zeros e uns (código binário). Mas ninguém programa em binário — seria como montar um site digitando 01001000 01100101.... Por isso existem as linguagens de programação: uma ponte entre a linguagem humana e o código binário que a máquina executa.

Por que aprender JavaScript primeiro?

Existem centenas de linguagens de programação. Neste material, usamos JavaScript para os exemplos de lógica e algoritmos porque:

Algoritmos — O Mapa do Problema

Um algoritmo é uma sequência finita de passos bem definidos para resolver um problema. Antes de escrever qualquer código, um bom programador pensa no algoritmo — no raciocínio — depois traduz para código.

Exemplo: fazer café

Vamos descrever um algoritmo para fazer café — algo que qualquer pessoa faz no piloto automático, mas que exige uma sequência exata de passos para funcionar:

INÍCIO
  1. Pegar a cafeteira
  2. Encher com água até a marcação
  3. Colocar o filtro
  4. Adicionar o pó de café (2 colheres por xícara)
  5. Ligar a cafeteira

  ENQUANTO o café não terminar de passar FAÇA
      Aguardar

  6. Desligar a cafeteira
  7. Servir na xícara
  FIM

As três estruturas fundamentais de qualquer algoritmo

Todo algoritmo, por mais complexo que seja, é construído com apenas três peças básicas. Dominar essas três estruturas é dominar a lógica de programação:

Fluxograma — visualizando o algoritmo

Fluxogramas representam o algoritmo como um diagrama. Cada forma tem um significado:

Variáveis — Caixas para Guardar Valores

Uma variável é um espaço na memória do computador onde você guarda um valor para usar depois. Pense como uma caixa com uma etiqueta: você coloca algo dentro, dá um nome à caixa, e pode pegar o conteúdo a qualquer momento pelo nome.

Declarando variáveis em JavaScript

// Criar uma variável com "let" (pode mudar o valor depois)
let nome = "Ana"
let idade = 25
let altura = 1.68

// Usar a variável
alert(nome)      // mostra: Ana
alert(idade)     // mostra: 25

// Mudar o valor da variável
idade = 26
alert(idade)     // mostra: 26

// "const" → valor não muda nunca (constante)
const PI = 3.14159
const PAISES_DO_MUNDO = 195

// Variáveis podem guardar expressões calculadas
let anoNascimento = 2024 - idade  // → 1998
let mensagem = "Olá, " + nome + "!"  // → "Olá, Ana!"

Regras para nomear variáveis

Tipos de Dados — Que tipo de coisa estou guardando?

Nem tudo é a mesma coisa. Um nome, uma idade, um preço e um valor "sim ou não" são tipos de informação diferentes. As linguagens de programação organizam isso em tipos de dados. Entender tipos evita erros bobos como tentar somar texto com número.

// String (texto) — sempre entre aspas simples ou duplas
let nome      = "Maria"
let cidade    = 'São Paulo'
let mensagem  = `Olá, ${nome}!`   // template literal

// Number (número) — sem aspas!
let idade  = 30
let preco  = 49.90
let saldo  = -150

// Boolean (verdadeiro ou falso)
let logado     = true
let maiorIdade = idade >= 18   // true ou false dependendo do valor

// Array (lista)
let frutas  = ["maçã", "banana", "uva"]
let numeros = [10, 20, 30, 40]

// Object (objeto)
let pessoa = {
    nome:   "Carlos",
    idade:  28,
    ativo:  true
}

// Cuidado: número em string NÃO é número!
let a = "5"   // string
let b = 5    // number
alert(a + b)  // → "55" (concatenou, não somou!)
alert(+a + b) // → 10  (+ antes converte string para número)

Entrada e Saída — Comunicando com o Usuário

Todo programa precisa se comunicar com o mundo: receber informações de alguém (entrada) e mostrar resultados (saída). Em JavaScript, dentro do browser, fazemos isso com funções simples que aparecem em caixas de diálogo na tela.

// Saída simples — mostra mensagem ao usuário
alert("Bem-vindo ao Dev Atlas!")

// Entrada — pede o nome ao usuário e guarda na variável
let nome = prompt("Qual é o seu nome?")

// Combina entrada com saída
alert("Olá, " + nome + "! Seja bem-vindo!")

// Entrada numérica — prompt SEMPRE retorna string, precisa converter
let idadeTexto = prompt("Quantos anos você tem?")
let idade      = Number(idadeTexto)  // converte "25" → 25

let anoAtual       = 2025
let anoNascimento  = anoAtual - idade
alert("Você nasceu em " + anoNascimento)

// Confirmação — retorna true (OK) ou false (Cancelar)
let confirmado = confirm("Deseja continuar?")
alert(confirmado)  // true ou false

// console.log — aparece no DevTools (F12 → Console)
console.log("Nome:", nome)
console.log("Idade:", idade)
console.log("Nasceu em:", anoNascimento)

Seu Primeiro Código — Estrutura Básica HTML

Para rodar JavaScript no browser sem precisar de nenhuma instalação, basta um arquivo HTML simples com uma tag <script>. Crie um arquivo com a extensão .html, cole o código abaixo, abra no browser e está funcionando.

<!DOCTYPE html>
<html lang="pt-BR">
<head>
  <meta charset="UTF-8">
  <title>Meu Script</title>
</head>
<body>

  <!-- Todo o seu JavaScript fica aqui dentro -->
  <script>

    // ← escreva seu código JavaScript a partir daqui
    alert("Olá, mundo!")

  </script>

</body>
</html>

O que cada parte faz

Primeiro programa completo

Vamos criar um programa que pergunta o nome e a idade do usuário e calcula o ano de nascimento. Copie, cole na estrutura acima e execute:

// 1. Pedir o nome ao usuário
let nome = prompt("Qual é o seu nome?")

// 2. Pedir a idade (e converter para número)
let idade = Number( prompt("Quantos anos você tem?") )

// 3. Calcular o ano de nascimento
let anoNascimento = 2025 - idade

// 4. Montar a mensagem de resposta
let resposta = "Olá, " + nome + "!\n"
             + "Você tem " + idade + " anos.\n"
             + "Você nasceu em " + anoNascimento + "."

// 5. Mostrar a resposta
alert(resposta)

Erros e Debugging — Todo Programador Erra

Todo programador comete erros — do iniciante ao sênior com 20 anos de experiência. A diferença está em saber ler os erros e corrigi-los com calma. Erros não são fracasso, são parte do processo.

Os três tipos de erro

Usando o Console para depurar

// console.log — o melhor amigo do debugger
let x = 10
let y = 0
console.log("x =", x)   // mostre o valor antes do problema
let resultado = x / y
console.log("resultado =", resultado)  // → Infinity (divisão por zero!)

// console.error — destaca em vermelho no console
console.error("Algo deu errado!")

// typeof — descubra qual o tipo de um valor
let valor = prompt("Digite algo:")
console.log(typeof valor)  // sempre "string" — prompt retorna texto!

// Estratégia: imprima variáveis antes e depois de cada operação
let idades = [25, 30, 17, 22]
console.log("Lista original:", idades)

let soma = 0
for (let i = 0; i < idades.length; i++) {
    soma += idades[i]
    console.log("Após somar", idades[i], "→ soma =", soma)
}
alert("Soma total: " + soma)

O Caminho à Frente

Você acaba de aprender os blocos de construção fundamentais de toda programação. Agora é hora de montar esses blocos e ver a lógica de programação em ação.