¿Estás aprendiendo desarrollo web y no sabes cómo iniciar un proyecto Node.js? ¡No te preocupes, te tengo! Te guiaré en la creación de tu primer backend con Node.js y Express.js en solo 5 pasos.

?️5 pasos clave:

• Paso 1: Configurar el proyecto
• Paso 2: Organiza tus carpetas
• Paso 3: Crear el archivo server.js
• Paso 4: Construir rutas
• Paso 5: Ejecute su backend

Paso 1: ¿Configurar el proyecto? ️

1. Instale Node.js y npm: descargue e instale Node.js desde el sitio web oficial. Viene con npm (Node Package Manager), que le ayuda a administrar paquetes.

2. Crear una carpeta de proyecto: cree una carpeta para su proyecto. Abra la terminal (o símbolo del sistema) y escriba:

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

3. Inicialice su proyecto: dentro de la carpeta, configure un nuevo proyecto Node.js escribiendo:

   npm init

Esto creará un archivo package.json donde se almacena toda la información y dependencias de su proyecto. Simplemente presione Entrar para cada pregunta si no está seguro.

4. Instale Express.js: Express.js es un marco que facilita la creación de un backend. Instálalo escribiendo:

   npm install express

Paso 2: ¿Organiza tus carpetas?

¡Mantener las cosas organizadas es importante! Así es como puedes estructurar tu proyecto:

• server.js: Aquí es donde escribimos el código del servidor principal.
• rutas/: almacena archivos de ruta aquí (donde manejas las solicitudes web).
• controladores/: Código de tienda que gestiona la lógica de las rutas.
• modelos/: almacena modelos de base de datos si estás utilizando una base de datos (no es necesario ahora).

Ejemplo de estructura de carpetas:

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

Paso 3: ¿Crear el archivo server.js? ️

1. Cree el archivo : dentro de la carpeta de su proyecto, cree un archivo llamado server.js. Este será el punto de entrada de tu aplicación.

2. Escriba su primer 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. Pruébelo: ejecute su servidor escribiendo:

   node server.js

Ahora, abre tu navegador web y ve a http://localhost:3000. Deberías ver "¡Hola, servidor Express.js!" en la pantalla!

Paso 4: ¿Construir rutas?

Las rutas definen cómo responde su servidor a diferentes solicitudes de URL.

1. Crear una ruta: en el archivo server.js, ya tienes una ruta:

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

2. Agregar más rutas: agreguemos algunas rutas más:

   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. Pruebe sus rutas: después de guardar, vaya a su navegador y visite estas URL:

• http://localhost:3000/ – debería mostrar "¡Hola, servidor Express.js!"
• http://localhost:3000/about – debería mostrar "Esta es la página acerca de"
• http://localhost:3000/contact – debería mostrar "Esta es la página de contacto"

Paso 5: ¿Ejecute su backend?

Para mantener tu servidor en funcionamiento y probar cambios:

1. Inicie su servidor: ejecute su servidor nuevamente:

   node server.js

2. Pruébalo: puedes visitar las URL en tu navegador o utilizar una herramienta como Postman para enviar solicitudes.

3. Mantenga su servidor actualizado: puede instalar nodemon, que reinicia automáticamente el servidor cuando cambia el código:

   npm install -g nodemon

Ahora, en lugar de node server.js, ejecuta:

   nodemon server.js

¿Producción?:

Cuando visites http://localhost:3000/, verás:

Hello, Express.js Server!

Cuando visites http://localhost:3000/about, verás:

This is the about page

✅?Recomendación:

¡Utilice esta plantilla imprimible de conceptos básicos para desarrolladores de backend para realizar un seguimiento de su progreso!

Los desarrolladores principiantes a menudo tienen dificultades para elegir la tecnología adecuada, lo que les lleva a perder tiempo y perder motivación. Por lo tanto, creé una hoja de ruta de desarrollador backend de 6 meses de hermoso diseño y muy fácil de seguir en Notion para que puedas realizar un seguimiento de tu progreso y cumplir tus objetivos._

Esta hoja de ruta:

• ?️ Proporciona un camino claro para evitar confusiones.
• ? Le ayuda a mantenerse motivado al indicar dónde empezar y terminar.
• ? Sigue un plan estructurado, similar al programa de estudios escolar.
• ? Organiza tu aprendizaje con objetivos semanales para herramientas e idiomas.
• ⏳ Asegura la finalización en 6 meses, cubriendo todo lo necesario.
• ? Presenta un hermoso diseño para una fácil navegación.

Gracias por leer este artículo. ¿Asegúrate de seguirme? para las últimas actualizaciones.

Leer más: habilidades para convertirte en desarrollador backend en 6 meses (hoja de ruta)