0Pricing
JavaScript Academy · درس

أساسيات CI — تشغيل الفحص والاختبارات مع كل دفع

أعدّوا CI بسيطًا: ثبّتوا الحزم باستخدام npm ci، وشغّلوا الفحص والاختبارات، وحافظوا على حلقة تغذية راجعة سريعة

أساسيات CI — تشغيل الفحص والاختبارات مع كل دفع درس مجاني في JavaScript Academy على CoddyKit. هذا هو الدرس 3 من أصل 3. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في JavaScript Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة JavaScript Academy 3 دروس في المجموع.

لماذا CI للمبتدئين؟

الهدف: تشغيل الفحوص عند كل push.

  • ثبّت باستخدام npm ci
  • شغّل scripts الخاصة بـ lint وtest
  • ملاحظات سريعة وسجلات بسيطة
  • أبقِ المسار بسيطًا للمبتدئين
أساسيات CI — تشغيل الفحص والاختبارات مع كل دفع — رسم توضيحي 1

Scripts التي سيشغّلها CI

أنشئ scripts صغيرة باسمَي lint وtest في package.json لكي يتمكن CI من تشغيلها.

// 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 — تشغيل الفحص والاختبارات مع كل دفع — رسم توضيحي 2

خطوات المسار

مسار بسيط: checkout → Node → npm ci → lint → test → النتيجة.

// 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 — تشغيل الفحص والاختبارات مع كل دفع — رسم توضيحي 3

GH Actions (الحد الأدنى)

يعمل سير العمل الصغير هذا عند عمليات push وPR، ويثبّت باستخدام npm ci، ثم يشغّل lint و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);
أساسيات CI — تشغيل الفحص والاختبارات مع كل دفع — رسم توضيحي 4

السرعة والوضوح

تحافظ الاختبارات القصيرة والمخرجات الواضحة على سهولة CI للمبتدئين؛ أضف مزيدًا من الخطوات لاحقًا.

// 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 — تشغيل الفحص والاختبارات مع كل دفع — رسم توضيحي 5

اختبارات يمكن لـ CI تشغيلها

يمكن لـ npm test تشغيل script صغير في البداية؛ ثم انتقل إلى 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 — تشغيل الفحص والاختبارات مع كل دفع — رسم توضيحي 6

اختبار أمر التثبيت في CI

تحقق سريع: تثبيت في CI يحترم lockfile.

أساسيات CI — تشغيل الفحص والاختبارات مع كل دفع — رسم توضيحي 7

مراجعة

مراجعة: يعمل CI عند كل push: npm ci → lint → test. اجعل الفحوص صغيرة وواضحة ليحصل المبتدئون على ملاحظات سريعة.

أساسيات CI — تشغيل الفحص والاختبارات مع كل دفع — رسم توضيحي 8

الأسئلة الشائعة

هل درس «أساسيات CI — تشغيل الفحص والاختبارات مع كل دفع» مجاني؟

نعم — نص درس «أساسيات CI — تشغيل الفحص والاختبارات مع كل دفع» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة JavaScript Academy، انتقل إلى CoddyKit PRO. تتضمن دورة JavaScript Academy 3 دروس في المجموع.

ماذا ستتعلم في «أساسيات CI — تشغيل الفحص والاختبارات مع كل دفع»؟

أعدّوا CI بسيطًا: ثبّتوا الحزم باستخدام npm ci، وشغّلوا الفحص والاختبارات، وحافظوا على حلقة تغذية راجعة سريعة تتمرن على JavaScript Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.

هل أحتاج إلى خبرة سابقة لأبدأ JavaScript Academy؟

لا تُشترط خبرة سابقة. JavaScript Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 3 من أصل 3.

كم من الوقت يستغرق درس «أساسيات CI — تشغيل الفحص والاختبارات مع كل دفع»؟

معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.

هل يمكنني كتابة وتشغيل أكواد في درس JavaScript Academy هذا؟

نعم. كل درس في JavaScript Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.

جميع الدروس في هذه الدورة

  1. عقلية الاختبار — تأكيدات صغيرة وAAA ومن الأحمر إلى الأخضر ثم إعادة الهيكلة
  2. الفحص باستخدام ESLint وتنسيق Prettier
  3. أساسيات CI — تشغيل الفحص والاختبارات مع كل دفع
← العودة إلى JavaScript Academy