0Pricing
JavaScript Academy · Lektion

CI-Grundlagen – bei jedem Push Linting und Tests ausführen

Eine kleine CI einrichten: mit npm ci installieren, Linting und Tests ausführen und eine schnelle Feedbackschleife beibehalten

CI-Grundlagen – bei jedem Push Linting und Tests ausführen ist eine kostenlose JavaScript Academy-Lektion auf CoddyKit. Dies ist Lektion 3 von 3. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des JavaScript Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der JavaScript Academy-Kurs umfasst insgesamt 3 Lektionen.

Warum CI für Anfänger?

Ziel: Bei jedem Push Prüfungen ausführen.

  • Mit npm ci installieren
  • lint- und test-Scripts ausführen
  • Schnelles Feedback und einfache Protokolle
  • Die Pipeline für Anfänger klein halten
CI-Grundlagen – bei jedem Push Linting und Tests ausführen — Illustration 1

Scripts, die CI ausführt

Erstellen Sie kleine lint- und test-Scripts in package.json, damit CI sie ausführen kann.

// 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);
CI-Grundlagen – bei jedem Push Linting und Tests ausführen — Illustration 2

Pipeline-Schritte

Eine kleine Pipeline: Checkout → Node → npm ci → lint → test → Ergebnis.

// 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();
CI-Grundlagen – bei jedem Push Linting und Tests ausführen — Illustration 3

GH Actions (minimal)

Dieser kleine Workflow wird bei Pushes und PRs ausgeführt, installiert mit npm ci und führt anschließend lint und test aus.

// 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);
CI-Grundlagen – bei jedem Push Linting und Tests ausführen — Illustration 4

Geschwindigkeit und Klarheit

Kurze Tests und eine klare Ausgabe machen CI anfängerfreundlich; weitere Schritte können Sie später hinzufügen.

// 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();
CI-Grundlagen – bei jedem Push Linting und Tests ausführen — Illustration 5

Tests, die CI ausführen kann

Ihr npm test kann zunächst ein kleines Script ausführen; wechseln Sie später zu Jest/Vitest.

// 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");
CI-Grundlagen – bei jedem Push Linting und Tests ausführen — Illustration 6

Quiz zum CI-Installationsbefehl

Kurze Überprüfung: Eine das lockfile berücksichtigende Installation in CI.

CI-Grundlagen – bei jedem Push Linting und Tests ausführen — Illustration 7

Zusammenfassung

Zusammenfassung: CI wird bei jedem Push ausgeführt: npm ci → lint → test. Halten Sie die Prüfungen klein und verständlich, damit Anfänger schnelles Feedback erhalten.

CI-Grundlagen – bei jedem Push Linting und Tests ausführen — Illustration 8

Häufig gestellte Fragen

Ist die Lektion „CI-Grundlagen – bei jedem Push Linting und Tests ausführen“ kostenlos?

Ja — der vollständige Text von „CI-Grundlagen – bei jedem Push Linting und Tests ausführen“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des JavaScript Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der JavaScript Academy-Kurs umfasst insgesamt 3 Lektionen.

Was lerne ich in „CI-Grundlagen – bei jedem Push Linting und Tests ausführen“?

Eine kleine CI einrichten: mit npm ci installieren, Linting und Tests ausführen und eine schnelle Feedbackschleife beibehalten Du übst JavaScript Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.

Brauche ich Erfahrung, um JavaScript Academy zu starten?

Keine Vorkenntnisse erforderlich. JavaScript Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 3 von 3.

Wie lange dauert die Lektion „CI-Grundlagen – bei jedem Push Linting und Tests ausführen“?

Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.

Kann ich in dieser JavaScript Academy-Lektion Code schreiben und ausführen?

Ja. Jede JavaScript Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.

Alle Lektionen in diesem Kurs

  1. Testdenken – kleine Assertions, AAA, rot→grün→refaktorisieren
  2. Linting mit ESLint und Formatierung mit Prettier
  3. CI-Grundlagen – bei jedem Push Linting und Tests ausführen
← Zurück zu JavaScript Academy