O que é programar

Um programa é uma lista de instruções, e o JavaScript as executa uma de cada vez, da primeira linha até a última.

Instruções que um computador consegue seguir

Uma receita diz "quebre dois ovos, bata e despeje na frigideira." Quem lê completa muita coisa sozinho: qual tigela usar, com que força bater, o que fazer se cair um pedaço de casca. O computador não completa nada. Ele faz exatamente o que as instruções dizem, exatamente na ordem em que foram escritas, e para com um erro no momento em que uma instrução não faz sentido para ele. Programar é o trabalho de escrever instruções precisas o bastante para uma máquina seguir.

Essas instruções são escritas numa linguagem de programação. Uma linguagem de programação tem um vocabulário pequeno e uma gramática rígida, para que cada linha queira dizer uma coisa e só uma. Este curso usa JavaScript. É a linguagem que vem embutida em todo navegador, o que quer dizer que você já tem tudo o que precisa para executá-la: as caixas de prática destas páginas rodam o seu código dentro do próprio navegador em que você está lendo. O JavaScript também roda fora dos navegadores, em ferramentas como o Node.js, e o básico que você aprende aqui funciona do mesmo jeito lá.

Sua primeira linha de código

Quase todo curso de programação começa fazendo o computador mostrar uma mensagem. Em JavaScript fica assim:

console.log("Hello, world!"); // mostra uma linha

Leia pedaço por pedaço. console é o lugar onde um programa escreve mensagens para quem o está executando. .log quer dizer "escreva uma linha ali." Os parênteses guardam o que deve ser escrito, e as aspas duplas marcam Hello, world! como texto, e não como mais código. O ponto e vírgula no fim fecha a instrução, como o ponto final fecha uma frase. Uma instrução completa como esta se chama instrução (statement). Quando ela roda, o console mostra uma única linha: Hello, world! As aspas não aparecem. Elas só dizem ao JavaScript onde o texto começa e termina.

De cima para baixo, uma instrução de cada vez

Um programa com várias instruções as executa em ordem. A segunda linha só começa quando a primeira terminou. O programa abaixo mostra três linhas, e elas saem na mesma ordem do código:

console.log("Wake up");
console.log("Brush teeth");
console.log("Eat breakfast");
// mostra:
// Wake up
// Brush teeth
// Eat breakfast

Troque as duas primeiras linhas de lugar e a saída também troca. Parece óbvio, mas boa parte dos bugs de iniciante vem de instruções na ordem errada: usar um valor antes de ele ser calculado, ou mostrar um total antes de somar o último item.

Comentários são notas para pessoas

No exemplo acima, as linhas que começam com // são comentários. O JavaScript pula tudo o que vai de // até o fim daquela linha, então você pode escrever notas para si mesmo ou para outros leitores. Para uma nota de várias linhas, comece com /* e termine com */. Comentários também são um jeito prático de desligar uma linha sem apagá-la: ponha // na frente e ela deixa de rodar.

Quando algo dá errado

O JavaScript diferencia maiúsculas de minúsculas: console.log funciona, mas Console.log e console.Log não. Um nome escrito errado, como consol.log, para o programa com uma mensagem do tipo ReferenceError: consol is not defined. Uma aspa ou um parêntese de fechamento esquecido dá SyntaxError, que quer dizer que o código nem é JavaScript válido, então nada roda. Mensagens de erro assustam no começo, mas são o computador contando onde travou. Leia a primeira linha da mensagem, ache o nome que ela cita e compare com o seu código caractere por caractere.

Como funcionam as caixas de prática

Cada caixa de prática tem o seu código à esquerda e a saída à direita (embaixo, no celular). Tocar executa o código, e Ctrl+Enter ou Cmd+Enter faz o mesmo pelo teclado. Verificar executa o código e compara cada linha mostrada com a resposta esperada, então a grafia, as letras maiúsculas e os espaços dentro da linha contam. Recomeçar traz de volta o código original. O código roda num quadro isolado, então você não estraga nada experimentando.