الإعداد: Node وnpm وتشغيل .js ووحدة تحكم DevTools
ثبّت Node، وتحقّق من الإصدارات، وشغّل ملفات .js، وتعلّم أساسيات npm، وتدرّب باستخدام وحدة تحكم DevTools في المتصفح.
الإعداد: Node وnpm وتشغيل .js ووحدة تحكم DevTools درس مجاني في JavaScript Academy على CoddyKit. هذا هو الدرس 2 من أصل 3. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في JavaScript Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة JavaScript Academy 3 دروس في المجموع.
مقدمة
الهدف: إعداد Node وnpm، وتشغيل ملف .js، واستخدام وحدة تحكم DevTools في المتصفح.
- تثبيت Node والتحقق منه
- أساسيات npm
- تشغيل ملفات .js
- استخدام أدوات وحدة التحكم
التحقق من Node وnpm
تحقق: شغّلوا node -v وnpm -v في الطرفية. إذا ظهرت أرقام الإصدارات، فهذا يعني أن إعدادكم جاهز.
إنشاء ملف وتشغيله
أنشئوا hello.js وشغّلوه باستخدام node hello.js.
// hello.js — minimal program to run with Node
function greet(name) {
return "Hello, " + name + "!";
}
const message = greet("CoddyKit");
console.log(message);
// Run from terminal in this folder: node hello.js
بدء سريع باستخدام npm
داخل مجلد المشروع، شغّلوا npm init -y لإنشاء package.json. أضيفوا برنامجًا نصيًا: "start": "node hello.js". ثم شغّلوا npm run start.
أدوات وحدة التحكم
استخدموا console.log وconsole.table وconsole.time لفحص المهام الصغيرة وقياسها.
// Basic console utilities that work in Node and browsers
const user = { name: "Ayla", level: 1 };
console.log("User:", user);
console.table([{ key: "name", value: user.name }, { key: "level", value: user.level }]);
console.time("work");
for (let i = 0; i < 100000; i++) {}
console.timeEnd("work");
console.warn("Heads up: demo complete.");
أساسيات DevTools
افتحوا DevTools (بالضغط على F12 أو بالنقر بزر الفأرة الأيمن ← Inspect) وانتقلوا إلى Console. الصقوا مقاطع صغيرة، واضغطوا على Enter، ثم اقرأوا المخرجات. نصيحة: امسحوا المحتوى باستخدام clear().
اختبار إصدار Node
تحقق سريع: أمر إصدار Node.
مراجعة
مراجعة: تحقّقتم من Node وnpm، وشغّلتم ملف .js، وتعلمتم برنامجًا نصيًا بسيطًا في npm، واستخدمتم أدوات وحدة التحكم في Node والمتصفح.
الأسئلة الشائعة
هل درس «الإعداد: Node وnpm وتشغيل .js ووحدة تحكم DevTools» مجاني؟
نعم — نص درس «الإعداد: Node وnpm وتشغيل .js ووحدة تحكم DevTools» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة JavaScript Academy، انتقل إلى CoddyKit PRO. تتضمن دورة JavaScript Academy 3 دروس في المجموع.
ماذا ستتعلم في «الإعداد: Node وnpm وتشغيل .js ووحدة تحكم DevTools»؟
ثبّت Node، وتحقّق من الإصدارات، وشغّل ملفات .js، وتعلّم أساسيات npm، وتدرّب باستخدام وحدة تحكم DevTools في المتصفح. تتمرن على JavaScript Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ JavaScript Academy؟
لا تُشترط خبرة سابقة. JavaScript Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 2 من أصل 3.
كم من الوقت يستغرق درس «الإعداد: Node وnpm وتشغيل .js ووحدة تحكم DevTools»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس JavaScript Academy هذا؟
نعم. كل درس في JavaScript Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- ما JavaScript؟ المحركات (V8/SpiderMonkey) وبيئات التشغيل (المتصفح مقابل Node)
- الإعداد: Node وnpm وتشغيل .js ووحدة تحكم DevTools
- البرنامج الأول والإدخال/الإخراج (console والتنبيهات في المتصفح)