Você está aprendendo desenvolvimento web e está confuso sobre como iniciar um projeto Node.js? Não se preocupe, eu estou com você! Vou guiá-lo na criação de seu primeiro back-end com Node.js e Express.js em apenas 5 etapas.

?️5 etapas principais:

• Etapa 1: Configurar o projeto
• Etapa 2: Organize suas pastas
• Etapa 3: Crie o arquivo server.js
• Etapa 4: Construir rotas
• Etapa 5: execute seu back-end

Etapa 1: configurar o projeto ?️

1. Instale Node.js e npm: Baixe e instale o Node.js do site oficial. Ele vem com npm (Node Package Manager), que ajuda a gerenciar pacotes.

2. Crie uma pasta de projeto: Crie uma pasta para seu projeto. Abra o terminal (ou prompt de comando) e digite:

   mkdir my-node-project
   cd my-node-project

3. Inicialize seu projeto: Dentro da pasta, configure um novo projeto Node.js digitando:

   npm init

Isso criará um arquivo package.json onde todas as informações e dependências do seu projeto serão armazenadas. Basta pressionar Enter para cada pergunta se não tiver certeza.

4. Instale Express.js: Express.js é uma estrutura que facilita a construção de um back-end. Instale-o digitando:

   npm install express

Etapa 2: Organize suas pastas?

Manter as coisas organizadas é importante! Veja como você pode estruturar seu projeto:

• server.js: É aqui que escrevemos o código principal do servidor.
• routes/: Armazene arquivos de rota aqui (onde você lida com solicitações da web).
• controllers/: armazena código que gerencia a lógica das rotas.
• models/: Armazene modelos de banco de dados se você estiver usando um banco de dados (não é necessário agora).

Exemplo de estrutura de pasta:

my-node-project/
├── routes/
├── server.js
├── package.json
└── node_modules/

Etapa 3: Crie o arquivo server.js ?️

1. Crie o arquivo: Dentro da pasta do seu projeto, crie um arquivo chamado server.js. Este será o ponto de entrada do seu aplicativo.

2. Escreva seu primeiro servidor Node.js:

   const express = require('express'); // Importing express
   const app = express(); // Creating an express app

   // Create a route that sends a response when visiting the homepage
   app.get('/', (req, res) => {
     res.send('
Hello, Express.js Server!
');
   });

   // Set up the server to listen on port 3000
   const port = 3000;
   app.listen(port, () => {
     console.log(`Server is running on port ${port}`);
   });

3. Teste: Execute seu servidor digitando:

   node server.js

Agora, abra seu navegador e vá para http://localhost:3000. Você deverá ver “Olá, servidor Express.js!” na tela!

Etapa 4: Construir rotas?

As rotas definem como seu servidor responde a diferentes solicitações de URL.

1. Crie uma rota: No arquivo server.js, você já tem uma rota:

   app.get('/', (req, res) => {
     res.send('Hello, Express.js Server!');
   });

2. Adicionar mais rotas: vamos adicionar mais algumas rotas:

   app.get('/about', (req, res) => {
     res.send('This is the about page');
   });

   app.get('/contact', (req, res) => {
     res.send('This is the contact page');
   });

3. Teste suas rotas: Após salvar, acesse seu navegador e visite estes URLs:

• http://localhost:3000/ – deve mostrar "Olá, servidor Express.js!"
• http://localhost:3000/about – deve mostrar "Esta é a página sobre"
• http://localhost:3000/contact – deve mostrar "Esta é a página de contato"

Etapa 5: execute seu back-end ??

Para manter seu servidor funcionando e testar alterações:

1. Inicie seu servidor: Execute seu servidor novamente:

   node server.js

2. Teste: você pode visitar os URLs em seu navegador ou usar uma ferramenta como o Postman para enviar solicitações.

3. Mantenha seu servidor atualizado: Você pode instalar o nodemon, que reinicia automaticamente o servidor quando você altera o código:

   npm install -g nodemon

Agora, em vez de node server.js, execute:

   nodemon server.js

Saída?:

Ao visitar http://localhost:3000/, você verá:

Hello, Express.js Server!

Ao visitar http://localhost:3000/about, você verá:

This is the about page

✅?Recomendação:

Use este modelo de noção de desenvolvedor de back-end para impressão para monitorar seu progresso!

Desenvolvedores iniciantes muitas vezes lutam para escolher a pilha de tecnologia certa, o que os leva à perda de tempo e motivação. Assim, criei um roteiro de desenvolvedor back-end de 6 meses com um design lindo e muito fácil de seguir no Notion para que você possa acompanhar seu progresso e cumprir seus objetivos._

Este roteiro:

• ?️ Fornece um caminho claro para evitar confusão.
• ? Ajuda você a se manter motivado, descrevendo onde começar e terminar.
• ? Segue um plano estruturado, semelhante a um programa escolar.
• ? Organiza seu aprendizado com metas semanais para ferramentas e idiomas.
• ⏳ Garante a conclusão em 6 meses, cobrindo tudo que você precisa.
• ? Apresenta um belo design para fácil navegação.

Obrigado por ler este artigo. Certifique-se de me seguir? para obter as atualizações mais recentes.

Leia mais: habilidades para se tornar um desenvolvedor backend em 6 meses (roteiro)