JavaScript Academy · Lección

Fundamentos de CI: ejecutar lint y test en cada push

Configure una CI pequeña: instale con npm ci, ejecute lint y los tests, y mantenga un ciclo de feedback rápido.

Lección 3 de 38 pasos

Fundamentos de CI: ejecutar lint y test en cada push es una lección gratuita de JavaScript Academy en CoddyKit. Esta es la lección 3 de 3. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de JavaScript Academy, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de JavaScript Academy incluye 3 lecciones en total.

¿Por qué usar CI para principiantes?

Objetivo: Ejecutar comprobaciones en cada push.

  • Instale con npm ci
  • Ejecute los scripts de lint y test
  • Obtenga comentarios rápidos y registros sencillos
  • Mantenga el pipeline mínimo para principiantes
Fundamentos de CI: ejecutar lint y test en cada push — ilustración 1

Scripts que ejecutará CI

Cree scripts mínimos de lint y test en package.json para que CI pueda ejecutarlos.

// Minimal scripts your CI will call
const pkgScripts = {
  lint: "eslint .",
  test: "node test-runner.js"
};

console.log("scripts:", Object.keys(pkgScripts));
console.log("lint ->", pkgScripts.lint);
console.log("test ->", pkgScripts.test);
Fundamentos de CI: ejecutar lint y test en cada push — ilustración 2

Pasos del pipeline

Un pipeline mínimo: checkout → Node → npm ci → lint → test → resultado.

// Simulate CI steps with prints
function runCI() {
  console.log("🔹 Checkout code");
  console.log("🔹 Use Node 20");
  console.log("🔹 Install deps with npm ci");
  console.log("🔹 Run: npm run lint");
  console.log("🔹 Run: npm test");
  console.log("✅ If all pass, mark build green");
}

runCI();
Fundamentos de CI: ejecutar lint y test en cada push — ilustración 3

GH Actions (mínimo)

Este flujo de trabajo mínimo se ejecuta con pushes y PR, instala con npm ci y después ejecuta lint y test.

// Print a minimal GitHub Actions workflow (as lines)
const gha = [
  "name: ci",
  "on: [push, pull_request]",
  "jobs:",
  "  build:",
  "    runs-on: ubuntu-latest",
  "    steps:",
  "      - uses: actions/checkout@v4",
  "      - uses: actions/setup-node@v4",
  "        with:",
  "          node-version: 20",
  "      - run: npm ci",
  "      - run: npm run lint",
  "      - run: npm test"
];

for (const l of gha) console.log(l);
Fundamentos de CI: ejecutar lint y test en cada push — ilustración 4

Velocidad y claridad

Las pruebas breves y una salida clara hacen que CI sea accesible para principiantes; añada más pasos después.

// Keep CI snappy: small tests, small logs
function ciTips() {
  console.log("• Keep tests small and fast");
  console.log("• Fail early; print clear messages");
  console.log("• Cache deps (advanced later)");
  console.log("• Lint + unit tests first; more later");
}
ciTips();
Fundamentos de CI: ejecutar lint y test en cada push — ilustración 5

Pruebas que puede ejecutar CI

Su npm test puede ejecutar primero un script mínimo; cambie a Jest/Vitest más adelante.

// A tiny local test runner you can call in CI
function assertEqual(actual, expected, name) {
  if (actual === expected) console.log("✅", name);
  else console.log("❌", name, "expected:", expected, "got:", actual);
}

function add(a, b) { return a + b; }
assertEqual(add(2, 3), 5, "add adds numbers");

function isAdult(age) { return age >= 18; }
assertEqual(isAdult(18), true, "adult boundary");
Fundamentos de CI: ejecutar lint y test en cada push — ilustración 6

Cuestionario sobre el comando de instalación de CI

Comprobación rápida: Instalación en CI que respeta el lockfile.

Fundamentos de CI: ejecutar lint y test en cada push — ilustración 7

Resumen

Resumen: CI se ejecuta con cada push: npm ci → lint → test. Mantenga las comprobaciones pequeñas y claras para que los principiantes reciban comentarios rápidos.

Fundamentos de CI: ejecutar lint y test en cada push — ilustración 8
Gratis para empezar

Aprende JavaScript con un tutor de IA — gratis

Escribe y ejecuta código real en tu navegador, obtén ayuda instantánea de un tutor de IA disponible 24/7 y continúa donde lo dejaste en la web o en la aplicación.

Cursos
59
Lecciones
200

Preguntas frecuentes

¿La lección «Fundamentos de CI: ejecutar lint y test en cada push» es gratis?

Sí — el texto completo de «Fundamentos de CI: ejecutar lint y test en cada push» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de JavaScript Academy, actualiza a CoddyKit PRO. El curso de JavaScript Academy incluye 3 lecciones en total.

¿Qué aprenderé en «Fundamentos de CI: ejecutar lint y test en cada push»?

Configure una CI pequeña: instale con npm ci, ejecute lint y los tests, y mantenga un ciclo de feedback rápido. Practicas JavaScript Academy con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.

¿Necesito experiencia previa para empezar JavaScript Academy?

No se requiere experiencia previa. JavaScript Academy en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 3 de 3.

¿Cuánto tiempo toma la lección «Fundamentos de CI: ejecutar lint y test en cada push»?

La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.

¿Puedo escribir y ejecutar código en esta lección de JavaScript Academy?

Sí. Cada lección de JavaScript Academy incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.

Todas las lecciones de este curso

  1. Mentalidad de testing: aserciones pequeñas, AAA y rojo→verde→refactor
  2. Linting con ESLint y formato con Prettier
  3. Fundamentos de CI: ejecutar lint y test en cada push
← Volver a JavaScript Academy