Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/midudev/jscamp/llms.txt

Use this file to discover all available pages before exploring further.

En esta guía configurarás tu entorno de desarrollo desde cero y ejecutarás los dos primeros módulos del bootcamp: el módulo 00 (HTML & CSS estático con Live Preview) y el módulo 02 (React con Vite). Al terminar tendrás la aplicación DevJobs corriendo en tu navegador, lista para empezar a modificar.
1

Instala Node.js 20 o superior

JSCamp requiere Node.js versión 20 o superior para los módulos de React, Express y TypeScript.Descárgalo desde nodejs.org y selecciona la versión LTS (recomendada). Una vez instalado, verifica la versión en tu terminal:
node --version
# v20.x.x o superior
2

Instala Git

Necesitarás Git para clonar el repositorio y gestionar el control de versiones a lo largo del bootcamp.Descárgalo desde git-scm.com y verifica la instalación:
git --version
# git version 2.x.x
3

Instala VS Code y la extensión Live Preview

El editor recomendado es Visual Studio Code. Una vez instalado, añade la extensión Live Preview para visualizar los archivos HTML del módulo 00 sin necesidad de un servidor externo:
  1. Abre VS Code
  2. Ve a la pestaña Extensiones (Ctrl+Shift+X / Cmd+Shift+X)
  3. Busca Live Preview (publicada por Microsoft, id: ms-vscode.live-server)
  4. Haz clic en Instalar
También puedes instalarla directamente desde la Marketplace de VS Code.
4

Clona el repositorio de JSCamp

Clona el repositorio oficial y entra en el directorio del proyecto:
git clone https://github.com/midudev/jscamp.git && cd jscamp
Verás la siguiente estructura de carpetas, una por cada módulo del bootcamp:
jscamp/
├── 00-html-css/
├── 01-javascript/
├── 02-react/
├── 03-router-and-zustand/
├── 04-express/
├── 05-testing/
├── 06-typescript/
├── 07-inteligencia-artificial/
├── 08-sql/
├── 09-ci-cd/
└── README.md
5

Ejecuta el módulo 00 — HTML & CSS

Navega a la carpeta del primer módulo:
cd 00-html-css
Abre el archivo index.html en VS Code y lánzalo con Live Preview:
  1. Haz clic derecho sobre index.html en el explorador de archivos de VS Code
  2. Selecciona “Show Preview” (o usa el botón de Live Preview en la barra superior)
Verás la interfaz estática de la aplicación DevJobs en el panel integrado de VS Code, con estilos CSS ya aplicados.
6

Ejecuta el módulo 02 — React con Vite

Ahora levanta la versión React de la aplicación. Primero instala las dependencias y luego arranca el servidor de desarrollo:
cd ../02-react
npm install
npm run dev
Vite levantará el servidor en http://localhost:5173. Abre esa URL en tu navegador para ver la aplicación DevJobs construida con React 19.
VITE v7.x.x  ready in ~300ms

➜  Local:   http://localhost:5173/
➜  Network: use --host to expose
Docker no es necesario hasta el módulo 09. No hace falta tenerlo instalado para seguir los módulos 00 al 08. Cuando llegues a ese módulo, sigue la guía de instalación oficial en docker.com.

​
Próximos Pasos

Ya tienes el entorno listo y los primeros módulos funcionando. Continúa explorando:

Introducción

Conoce la estructura completa del bootcamp, el certificado y el perfil del instructor.

El Proyecto

Descubre cómo evoluciona la aplicación DevJobs módulo a módulo a lo largo de todo el bootcamp.

Guía de Instalación

Instrucciones detalladas para instalar cada herramienta del stack por sistema operativo.

Build docs developers (and LLMs) love

Get started for freeTalk to us