Para executarmos nosso código vamos usar o Node.js.

Como vimos no curso anterior, o Node é um interpretador de código JavaScript. É ele quem vai ler nosso código e executar no computador. Então, vamos instalá-lo.

Instalando o Node.js

O Node pode ser baixado no endereço abaixo:

https://nodejs.org/en/

É recomendado utilizar a versão LTS do Node.js, uma vez que essa é a versão com maior tempo de suporte.

Ao final do download podemos executar o instalador.

O Node.js é instalado assim como os outros programas, seguindo os passos padrão de instalação. 

Node.js nos permite executar o JavaScript fora do navegador.

Para escrever nosso código usaremos o Visual Studio Code.

O Visual Studio Code nos facilita porque destaca trechos do nosso código e também sugere palavras nativas do JavaScript enquanto digitamos, como vemos na Figura 1.

Instalando o Visual Studio Code

Faça o download do Visual Studio Code no link abaixo:

Clique no botão como vemos na Figura 2.

Assim como o Node.js e outros programas, o Visual Studio Code é instalado da mesma forma.

Nesta aula vamos imprimir “Hello World” no terminal e veremos que é MUITO fácil fazer isso com JavaScript 😯. Para isso abra o Visual Studio Code e vamos começar a digitar nosso código.

Ao abrir o editor, você vai precisar criar um novo arquivo. Clique na aba File > new file como vemos na Figura 1.

Antes de começar a escrever o código, vamos salvar nosso arquivo com o nome “helloworld.js” na área de trabalho, como vemos na Figura 2.

Feito isso, vamos ao código.

Para imprimir no terminal, vamos utilizar a função console.log() do JavaScript.

Quando chamarmos esta função, precisamos enviar para ela o texto que queremos imprimir, e esse texto será o parâmetro da função a ser passado dentro dos “parênteses”.

console.log(parâmetro)

Vamos ver como ficou.👀

console.log(“Hello World”);

Ainda no editor, salve o arquivo com o atalho “Ctrl + S”.

Agora abra o terminal do seu computador. Para isso, acesse o menu iniciar e busque por “cmd” (Figura 3).

Quando o resultado aparecer, basta clicar em “prompt de comando” (Figura 4).

Fazendo isso, você verá a tela abaixo: (Figura 5).

Vamos navegar até a área de trabalho, onde salvamos o arquivo. Antes disso verifique a estrutura de pastas do seu computador. Em alguns casos sua área de trabalho pode está dentro da pasta OneDrive como exibido na Figura 6.

Nesse caso digite o seguinte comando:

cd OneDrive/Área de Trabalho

Caso ela não esteja na pasta do OneDrive digite o seguinte comando:

cd desktop

Agora, para que o Node.js execute o nosso código, digite o seguinte comando:

node helloworld.js

Feito isso, podemos ver no terminal o texto “Hello World”, conforme codificamos.

Parabéns! Este foi o seu primeiro código em JavaScript. 🎉👏👏

Na aula anterior, aprendemos como executar um código que imprime “Hello World”. Nesta aula, daremos continuidade a esse código, porém vamos utilizar para isso uma variável e uma função.

Para começar, vamos fazer como na aula anterior.

Crie um novo arquivo no Visual Studio Code clicando em File > New file e salve-o na área de trabalho com o nome “hello_world_funcao.js”.

Vamos ao código.

Criando uma variável

O primeiro passo é criar uma variável com o valor “Hello World”.

No JavaScript, para criar uma variável usamos a palavra var, seguida do nome da variável, depois um sinal de igual =, para indicar que vamos atribuir um valor para ela, e o valor. Observe a Figura 1.

var texto = "Hello World";

Criando uma função

Em seguida, vamos criar uma função que imprime um texto. Utilizar funções evita repetições de código e o deixa mais organizado.

Para criar uma função utilizamos a palavra function, seguida do nome da função, parênteses ( ) e chaves { }. Veja como vai ficar:

function imprimirTexto() { }

Precisamos enviar o texto que queremos imprimir para a função e, para isso, vamos passar um parâmetro para ela, que deve ser colocado entre os parênteses ( ).

function imprimirTexto(textoParaImprimir) {}

Agora precisamos criar o código que vai ser executado quando chamarmos esta função. Vamos colocar o mesmo código da aula anterior dentro das { }:

console.log(“Hello World”);

Mas no lugar do texto, vamos colocar o parâmetro que a função vai receber. Vai ficar assim:

function imprimirTexto(textoParaImprimir) {
   console.log(textoParaImprimir);
}

Veja nas imagens abaixo a explicação detalhada do código:

 

 

 

 

 

 

 

 

 

 

Chamando a função

Nossa função está pronta, agora só precisamos chamá-la no nosso código. Para isso, precisamos apenas digitar o nome dela, seguido do parâmetro que vamos passar para ela dentro dos parênteses. Vai ficar assim:

imprimirTexto(texto);

Nesse caso, estamos passando para a função imprimirTexto a variável texto, que possui o valor “Hello World”.

Utilizar funções evita repetições de código e o deixa mais organizado.

Tudo pronto. Agora é só executar o comando node hello_world_funcao.js no terminal, como fizemos na aula anterior.

Segue o código completo:

var texto = "Hello World";

function imprimirTexto(textoParaImprimir) {
   console.log(textoParaImprimir);
}

imprimirTexto(texto);

Parabéns! Este foi o seu primeiro código com variável e função.