0Pricing
JavaScript Academy · Pelajaran

Dasar CI — Jalankan Lint/Pengujian pada Setiap Push

Siapkan CI kecil: instal dengan npm ci, jalankan lint dan pengujian, serta pertahankan siklus umpan balik yang cepat

Dasar CI — Jalankan Lint/Pengujian pada Setiap Push adalah pelajaran JavaScript Academy gratis di CoddyKit. Ini adalah pelajaran 3 dari 3. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar JavaScript Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus JavaScript Academy mencakup 3 pelajaran total.

Mengapa CI untuk pemula?

Tujuan: Jalankan pemeriksaan setiap kali melakukan push.

  • Instal dengan npm ci
  • Jalankan scripts lint dan test
  • Umpan balik cepat, log sederhana
  • Buat alur kerja tetap kecil agar mudah dipahami pemula
Dasar CI — Jalankan Lint/Pengujian pada Setiap Push — ilustrasi 1

Scripts yang akan dijalankan CI

Buat scripts lint dan test kecil dalam package.json agar CI dapat menjalankannya.

// 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);
Dasar CI — Jalankan Lint/Pengujian pada Setiap Push — ilustrasi 2

Langkah alur kerja

Alur kerja kecil: checkout → Node → npm ci → lint → test → hasil.

// 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();
Dasar CI — Jalankan Lint/Pengujian pada Setiap Push — ilustrasi 3

GH Actions (minimal)

Alur kerja kecil ini berjalan saat push dan permintaan tarik, melakukan instalasi dengan npm ci, lalu menjalankan lint dan 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);
Dasar CI — Jalankan Lint/Pengujian pada Setiap Push — ilustrasi 4

Kecepatan dan kejelasan

Pengujian singkat dan keluaran yang jelas membuat CI mudah digunakan pemula; tambahkan lebih banyak langkah nanti.

// 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();
Dasar CI — Jalankan Lint/Pengujian pada Setiap Push — ilustrasi 5

Pengujian yang dapat dijalankan CI

npm test Anda awalnya dapat menjalankan skrip kecil; beralihlah ke Jest/Vitest nanti.

// 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");
Dasar CI — Jalankan Lint/Pengujian pada Setiap Push — ilustrasi 6

Kuis perintah instalasi CI

Cek cepat: Instalasi di CI yang mengikuti berkas kunci.

Dasar CI — Jalankan Lint/Pengujian pada Setiap Push — ilustrasi 7

Ringkasan

Ringkasan: CI berjalan setiap kali melakukan push: npm ci → lint → test. Buat pemeriksaan tetap kecil dan jelas agar pemula mendapatkan umpan balik dengan cepat.

Dasar CI — Jalankan Lint/Pengujian pada Setiap Push — ilustrasi 8

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Dasar CI — Jalankan Lint/Pengujian pada Setiap Push” gratis?

Ya — teks lengkap “Dasar CI — Jalankan Lint/Pengujian pada Setiap Push” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus JavaScript Academy, upgrade ke CoddyKit PRO. Kursus JavaScript Academy mencakup 3 pelajaran total.

Apa yang akan aku pelajari di “Dasar CI — Jalankan Lint/Pengujian pada Setiap Push”?

Siapkan CI kecil: instal dengan npm ci, jalankan lint dan pengujian, serta pertahankan siklus umpan balik yang cepat Kamu berlatih JavaScript Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.

Apakah aku perlu pengalaman untuk memulai JavaScript Academy?

Tidak diperlukan pengalaman sebelumnya. JavaScript Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 3 dari 3.

Berapa lama pelajaran “Dasar CI — Jalankan Lint/Pengujian pada Setiap Push” memakan waktu?

Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.

Bisakah aku menulis dan menjalankan kode dalam pelajaran JavaScript Academy ini?

Ya. Setiap pelajaran JavaScript Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.

Semua pelajaran dalam kursus ini

  1. Pola Pikir Pengujian — Pernyataan Kecil, AAA, merah→hijau→refaktor
  2. Linting dengan ESLint; Pemformatan Prettier
  3. Dasar CI — Jalankan Lint/Pengujian pada Setiap Push
← Kembali ke JavaScript Academy