1. Algoritmo: A Receita de Bolo

Antes de escrevermos qualquer código no computador, precisamos saber o que queremos fazer. Um algoritmo não é código, é apenas uma sequência lógica de passos para resolver um problema.

Analogia: Pense numa receita de miojo. Se você colocar o tempero antes de colocar a água, ou esquecer de acender o fogo, vai dar errado. A ordem dos passos importa!

2. Linguagens de Marcação

Elas não pensam e não tomam decisões. Elas servem apenas para dar nomes às coisas. É como colar etiquetas numa loja de departamento: "Isso é uma camisa", "Isso custa 50 reais".

Exemplo A: Markdown (Para textos simples)

Muito usado para escrever no WhatsApp, no Discord e no GitHub. Usamos símbolos simples para formatar o texto.

# Lista de Compras

* Maçã
* Banana
* **Café (Urgente!)**
                    

Exemplo B: HTML (Para a Web)

Usamos "tags" (etiquetas com o sinal de menor e maior) para avisar ao navegador o que é um título, o que é um botão, etc.

<h1>Olá, mundo!</h1>

<p>Este é um parágrafo.</p>

<button>Clique em Mim</button>
                    

3. Linguagens de Programação

Aqui a mágica acontece. Linguagens como JavaScript, Python ou C++ são o motor. Elas tomam decisões, fazem cálculos e reagem ao que o usuário faz.

Analogia: Se o HTML é a carroceria do carro e os bancos (a estrutura), a Linguagem de Programação é o motor e o volante (o que faz andar e virar).

Exemplo: JavaScript em ação (Uma calculadora)

Veja como o JavaScript pega dois números que você digita, toma a decisão de somá-los e devolve uma resposta na hora.

// A palavra 'function' cria nossa receita (uma mini-fábrica)
function somar() {
  
  // 1. PEGAR OS DADOS
  // 'let a' cria uma caixinha na memória.
  // document.getElementById("n1") diz: "Ei navegador, ache o elemento n1"
  // .value diz: "Pegue o texto que a pessoa digitou lá"
  let a = document.getElementById("n1").value;
  let b = document.getElementById("n2").value;
  
  // 2. FAZER A MATEMÁTICA
  // A web acha que tudo é texto. Se somar "1"+"1" ela devolve "11".
  // O 'Number()' traduz isso para matemática real (1+1 = 2).
  let total = Number(a) + Number(b);
  
  // 3. MOSTRAR NA TELA
  // Procuramos o lugar na tela (id "res") para mostrar a resposta
  let tela = document.getElementById("res");
  
  // O '.innerHTML' injeta o texto final lá na nossa página
  tela.innerHTML = "O total é: " + total;
}