Seu primeiro código JavaScript

Se você nunca escreveu uma única linha de código antes, está no lugar perfeito. Hoje, vamos aprender a fazer o computador "falar" com você exibindo uma mensagem de texto simples.

O que significa a saída do JavaScript

Quando os programadores escrevem código, muitas vezes precisam de uma forma de ver o que o computador está fazendo nos bastidores. Fazemos isso criando uma saída, o que simplesmente significa fazer o computador imprimir uma mensagem em uma área especial da tela.

Essa área especial é chamada de console. Pense no console como um bloco de notas privado para desenvolvedores. Os visitantes comuns de um site geralmente não o veem, mas ele é uma ferramenta essencial para você verificar se o seu código está funcionando do jeito que você quer.

Escrevendo sua primeira linha de código

Para enviar uma mensagem ao console, usamos uma ferramenta embutida chamada console.log(). Nesta lição, a saída aparece abaixo do código depois que você clica em Executar.

Aqui está a sua primeira linha de código JavaScript:

console.log("Olá, JavaScript!");

Analisando o código

Vamos olhar cada parte dessa instrução para que você saiba exatamente o que está acontecendo:

• console.log: Este é o comando que diz ao computador: "Quero enviar uma mensagem para a área de saída."
• () (parênteses): Eles funcionam como uma cesta. Eles guardam o valor ou a mensagem exata que queremos mostrar na tela.
• "Olá, JavaScript!": O texto que realmente queremos imprimir é envolvido por aspas. Em programação, qualquer texto comum cercado por aspas é chamado de string. Você pode usar aspas duplas (" ") ou aspas simples (' '), mas o texto precisa estar dentro delas!
• ; (ponto e vírgula): Um ponto e vírgula geralmente marca o fim de uma instrução. O JavaScript às vezes consegue adicioná-lo automaticamente, mas usá-lo aqui mantém o exemplo claro.

Mini tarefa

Agora é a sua vez de escrever um pouco de código.

1. Edite o bloco de código acima.
2. Substitua "Olá, JavaScript!" pelo seu animal favorito.
3. Clique em Executar e confira a saída abaixo do código.

Dica: Certifique-se de envolver o nome do seu animal com aspas para que ele se torne uma string, e coloque-o dentro dos parênteses!

Pequeno quiz

Pergunta 1: Como chamamos um trecho de texto envolvido por aspas em JavaScript? A) Um console B) Uma string C) Um parêntese

Pergunta 2: Qual é o propósito do ponto e vírgula (;) no fim do nosso código? A) Ele marca o fim de uma instrução. B) Ele cria uma nova linha em branco. C) Ele imprime a mensagem na tela.

(Respostas: 1 - B, 2 - A)

Pequeno desafio

Você está pronto para escrever várias instruções?

Para este desafio, escreva duas linhas separadas de código.

• Na primeira linha, imprima o seu primeiro nome.
• Na segunda linha, imprima a sua comida favorita.

Lembre-se de usar um ponto e vírgula no fim de cada instrução!

// coloque seu código abaixo

console.log()

Resumo

Ótimo trabalho! Você escreveu JavaScript oficialmente. Aqui está uma revisão rápida do que você aprendeu hoje:

• Você pode usar o comando console.log() para enviar mensagens à área de saída do desenvolvedor.
• Um texto envolvido por aspas é chamado de string.
• Os parênteses guardam a mensagem exata que você quer imprimir.
• Um ponto e vírgula é usado para marcar o fim de uma instrução de código.