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.

El repositorio de JSCamp está organizado como una colección de directorios de módulos independientes, cada uno construido sobre los conocimientos del anterior. Esta estructura te permite saltar directamente al módulo que te interese sin necesidad de completar los anteriores, o bien seguir el bootcamp de forma lineal para ver cómo evoluciona el proyecto DevJobs de principio a fin.

​
Árbol del Repositorio

jscamp/
├── 00-html-css/              # Maquetación estática
├── 01-javascript/            # Vanilla JS con DOM y Fetch
├── 02-react/                 # React 19 con Vite
├── 02-react-cdn-version/     # React vía CDN sin build
├── 03-router-and-zustand/    # React Router + Zustand
├── 04-express/               # API REST con Express v5
├── 04-node/                  # Node.js core APIs
├── 05-testing/               # Playwright + Stagehand
├── 06-typescript/            # Ejercicios TypeScript
├── 07-inteligencia-artificial/ # Full-stack con IA
├── 08-sql/                   # SQLite + TypeScript
├── 09-ci-cd/                 # Monorepo CI/CD con Vitest
└── 10-docker/                # Docker y Docker Compose
Cada carpeta numerada es autónoma: tiene su propio package.json (cuando aplica), su propio código fuente y sus propias instrucciones de arranque. No existe una instalación global en la raíz del repositorio.

​
Módulos con Subdirectorios

Algunos módulos más avanzados separan el código en subcarpetas de backend y frontend, o están organizados como monorepos con workspaces. A continuación se detalla su estructura interna:

07-inteligencia-artificial

Monorepo con workspaces de npm que incluye tres subcarpetas:
  • backend/ — Servidor Node.js con integración de IA
  • frontend/ — Interfaz React que consume la API
  • examples/ — Scripts de demostración independientes

08-sql

Contiene únicamente una subcarpeta:
  • backend/ — API con TypeScript y SQLite
Utiliza pnpm como gestor de paquetes. Ejecuta pnpm install dentro de backend/.

09-ci-cd

Monorepo pnpm con workspaces y dos proyectos diferenciados:
  • projects/backend/ — API con tests de Vitest
  • projects/frontend/ — Interfaz con tests de Vitest
El pipeline de CI ejecuta los tests de ambos proyectos en paralelo.

05-testing

Contiene dos sub-proyectos de testing end-to-end:
  • e2e/ — Tests con Playwright clásico
  • ai-e2e-test/ — Tests con Stagehand (agente IA sobre Playwright)

​
Convenciones de Código

Todos los módulos del repositorio siguen las mismas convenciones para facilitar la lectura y el mantenimiento del código:
  • ES Modules en todos los módulos — todos los package.json incluyen "type": "module", por lo que se usa import/export en lugar de require/module.exports.
  • Variables de entorno en archivos .env — las claves de API, cadenas de conexión a bases de datos y otros secretos se almacenan en archivos .env locales. Estos archivos están incluidos en .gitignore y nunca deben commitearse al repositorio.
  • pnpm en módulos 08 y 09 — los módulos 08-sql y 09-ci-cd usan pnpm como gestor de paquetes en lugar de npm. Instálalo con npm install -g pnpm antes de trabajar con ellos.
  • Módulo 06 sin package.json — el módulo 06-typescript contiene únicamente archivos .ts de ejercicios puros. No tiene package.json ni dependencias; los ejercicios están pensados para ejecutarse directamente con tsx o compilarse con tsc.
¿Te preguntas cómo encaja cada módulo en el proyecto final? Consulta la página de visión general del proyecto para ver cómo cada módulo aporta una capa nueva a la misma aplicación DevJobs: desde la maquetación HTML hasta el despliegue con Docker, pasando por la API REST, la base de datos SQL y el pipeline de CI/CD.

Build docs developers (and LLMs) love

Get started for freeTalk to us