Tutorial Node.js: Olá mundo

Como escrever seu primeiro programa em Node.js

Este tutorial ajuda você a começar com Node.js. Ele explica o que você precisa para escrever seu primeiro programa em Node.js, desde onde baixar as ferramentas necessárias, como instalá-las e como escrever seu primeiro programa 'Olá mundo'. Se você nunca escreveu um programa em JavaScript antes, este é o lugar para começar.

O que é Node.js

Node.js é um ambiente de execução open-source, multiplataforma, que executa código JavaScript fora de um navegador da web. Node.js permite que os desenvolvedores usem JavaScript para escrever ferramentas de linha de comando e para scripts do lado do servidor—executando scripts no servidor para produzir conteúdo dinâmico de páginas web antes que a página seja enviada para o navegador do usuário.

O que é um erro de sintaxe?

Erro de sintaxe significa que eu não entendo. Se você falar com alguém em inglês e essa pessoa não entender o que você diz, ela vai responder com "Eu não entendo". Se você falar com um computador em JavaScript e o computador não entender o que você diz, ele vai responder com "Erro de sintaxe".

O que é Visual Studio Code

Visual Studio Code é um editor de texto que ajuda você durante o processo de escrita do seu código JavaScript. É como um editor de texto comum, mas oferece destaque de sintaxe que ajuda você a identificar funções, variáveis, classes e tudo mais que pode ser diferente de texto comum.

O que é um programa Olá mundo em Node.js

Um programa olá mundo é o programa mais simples que você pode escrever. Ele simplesmente imprime a frase: Olá mundo na tela do computador. O programa Olá Mundo é o primeiro programa que os desenvolvedores escrevem em qualquer linguagem de programação.

Pré-requisitos

Aqui está o que você precisa para começar. Para escrever seu primeiro programa de computador em JavaScript, você precisa de um computador Windows, Visual Studio Code, Node.js e o código de exemplo apresentado abaixo.

  • Computador com Windows 10 ou 11
  • Visual Studio Code
  • Node.js
  • Projeto de exemplo Ozeki Hello World
Passo 1 - Baixar Visual Studio Code

Visual Studio Code

Neste primeiro vídeo, vamos mostrar como baixar o Visual Studio Code. É um processo fácil; você não terá dificuldade em acompanhar. O vídeo começa visitando o seguinte URL: https://code.visualstudio.com/download/. Seguir os passos vai levar você até ter o instalador no seu computador. A partir daí, você pode iniciar o processo de instalação.

Vídeo 1 - Como baixar Visual Studio Code (Tutorial em vídeo)

Escolha a opção para Windows

Para ter um instalador compatível com Windows, escolha a opção adequada para Windows 7, 8, 10. Ela está localizada sob o logotipo do Windows (Figura 1). Agora seu navegador iniciará o processo de download e você terá o instalador pronto para começar em pouco tempo.

baixar visual studio code
Figura 1 - Baixar Visual Studio Code

Passo 2 - Baixar Node.js

Node.js

O propósito deste vídeo é mostrar como você pode baixar o Node.js para o seu computador. O vídeo começará visitando a página de download do Node.js. O tutorial vai te guiar até você ter instalado o ambiente de execução. O vídeo em si tem pouco mais de 1 minuto e contém todas as informações que você precisa para completar o processo. Você pode baixar o Node.js no seguinte URL: https://nodejs.org/en/download/current/

Vídeo 2 - Como baixar Node.js (Tutorial em vídeo)

Página de download do Node.js

Na Figura 2, você pode ver a página de download do ambiente de execução Node.js. Você pode ver várias opções de métodos de instalação. Neste caso, escolha a versão direcionada ao seu sistema operacional. Para a maioria das pessoas, o Windows Installer será a opção correta.

Figura 2 - Baixar Node.js

Passo 3 - Instalar Visual Studio Code

Para escrever seu primeiro programa em Node.js, você precisará de um editor de texto como o Visual Studio Code. No vídeo a seguir, você pode ver como instalar o Visual Studio Code no seu computador. O vídeo começará visitando a página de download do ambiente de programação Visual Studio. Ele terminará com o instalador baixado pronto para uso. No processo, você aprenderá qual opção de download você precisa escolher. Este vídeo vale a pena assistir porque depois dele você será capaz de baixar o Visual Studio Code sempre que desejar. Ele tem apenas 1 minuto de duração, mas contém todas as informações que você precisa.

Vídeo 3 - Como instalar Visual Studio Code (Tutorial em vídeo)

Passo 4 - Instalar o Node.js

Para escrever seu primeiro programa em Node.js, você precisa instalar o ambiente de execução Node.js. O vídeo a seguir mostra como essa instalação pode ser feita. Ele começará com o instalador no seu computador. No final do vídeo, você terá o programa instalado com sucesso. O processo é fácil de fazer, e o vídeo é muito detalhado. Você não terá problemas em segui-lo.

Vídeo 4 - Como instalar o Node.js (Tutorial em vídeo)

Para testar se o Node.js está instalado, você precisa abrir o Prompt de Comando.

  1. Abra o menu Iniciar
  2. Digite "cmd" no campo de pesquisa
  3. Pressione Enter
  4. Você verá uma janela preta
  5. Digite o código no terminal que está em (Código 1)

node -v
	

Código 1 - Testando se o Node.js está instalado

Testar o Node.js

Para testar se o Node.js está instalado no seu computador, você precisa abrir um prompt de comando e digitar o código acima. Ele exibirá o número da versão do ambiente de execução se estiver instalado com sucesso (Figura 3).

Figura 3 - Testando se o Node.js está instalado

Após esses passos, podemos continuar nossa jornada para escrever nosso primeiro programa 'Olá mundo!' em JavaScript e executá-lo no ambiente Node.js.

Passo 5 - Configurando o ambiente

Precisamos criar uma pasta para armazenar nossos códigos. Podemos fazer isso antes de abrir o Visual Studio Code, mas também podemos fazer isso ao abrir uma pasta.

No Visual Studio Code, temos a capacidade de ter um terminal dentro do programa, então configuramos um terminal dentro do programa.

O vídeo a seguir mostrará como criar um novo projeto no Visual Studio Code. No processo, você vai criar uma nova pasta para o projeto. O vídeo tem apenas 52 segundos e é muito detalhado. Você aprenderá o processo assistindo ao vídeo.

Vídeo 5 - Como configurar nosso ambiente (Tutorial em vídeo)

Criando um novo arquivo no Visual Studio Code

Na Figura 4, você pode ver qual botão precisa pressionar para criar um novo arquivo dentro do projeto. Ele abrirá uma caixa de texto abaixo do botão, onde você precisa fornecer um nome para o projeto. Após nomear o projeto, você pode ver que a seção do editor de código mudou. Agora você pode começar a digitar o código e ele será salvo no projeto.

Figura 4 - Criando um novo arquivo no Visual Studio Code

Criar um novo terminal

Para executar seu primeiro programa, você precisará de um terminal. Você poderá usar o terminal para ver a saída do seu programa. Para criar um, clique no botão Terminal localizado na barra de menu do Visual Studio Code. Lá, você poderá encontrar o botão Novo Terminal. Este botão criará um terminal onde você pode executar seu programa. (Figura 5)

Figura 5 - Criando um novo terminal no Visual Studio Code

Passo 6 - Escrever seu programa 'olá mundo' em JavaScript

O primeiro programa que você escreve em qualquer linguagem de programação é o programa 'Olá mundo'. O único objetivo deste programa é imprimir o termo 'Olá mundo' na tela do computador. Neste exemplo, o programa contém apenas uma linha: console.log("Olá mundo!"); e esta linha retornará 'Olá mundo!' para a tela.

console.log("Olá mundo!");
	

Código 2 - O código que vai exibir 'Olá mundo!' no console

Escrevendo um script 'Olá Mundo' (Tutorial em vídeo)

O propósito do vídeo a seguir é ajudá-lo a escrever seu primeiro programa. Como na maioria dos casos, o primeiro programa que escreveremos é o programa 'Olá Mundo'. Ele simplesmente colocará 'Olá Mundo' no console. O vídeo começará com a seção do editor de código vazio e terminará com o programa finalizado. O vídeo é curto, mas muito detalhado. Leva apenas 14 segundos para assistir. Você não terá problemas para entendê-lo.

Vídeo 6 - Como escrever o script 'Olá mundo!' (Tutorial em vídeo)

Passo 7 - Executando o código dentro do terminal

Para executar seu código, você precisa abrir um terminal e escrever o seguinte código nele:

//Se você nomeou seu arquivo de outra forma, você deve substituir a parte 'helloWorld' por isso
node helloWorld.js
	

Código 3 - vai executar o código helloWorld.js

Isso traduzirá seu código JavaScript, e as palavras dentro dos parênteses do console.log(); serão exibidas no seu terminal.

Passo 8 - O que acontece se eu cometer um erro em JavaScript

O Visual Studio Code possui uma detecção de erros de sintaxe integrada, então, se você cometer um erro no seu código JavaScript, o IDE irá identificá-lo e ele será exibido entre os problemas. Se houver um erro no seu código e você executá-lo, o erro também será exibido no terminal. No próximo vídeo, você pode ver isso acontecer. Você aprenderá como é quando se comete um erro de digitação no código. Também aprenderá como corrigir o erro. O vídeo tem apenas 48 segundos e contém todas as informações necessárias para completar o processo. Você não terá problemas para seguir os passos.

Vídeo 7 - Como cometer um erro de sintaxe e depois corrigi-lo (Tutorial em vídeo)

Erros no código

Na Figura 6, você pode ver como é quando se comete um erro de digitação no código. Você pode ver a notificação sobre o erro na lista de projetos, no terminal e no editor de código. Isso torna a correção de um erro muito fácil. Certifique-se de corrigir os erros e executar seu programa novamente.

Figura 6 - Erro em um código JavaScript no Visual Studio Code

Resumo

Agora que você completou os cinco passos simples acima, deu o primeiro passo para se tornar um desenvolvedor de software Node.js. Este programa pode parecer simples e pode não fazer muito, mas é assim que grandes coisas começam. O próximo passo na sua jornada de aprendizado será criar uma requisição HTTP.

More information