ما JavaScript؟ المحركات (V8/SpiderMonkey) وبيئات التشغيل (المتصفح مقابل Node)
تعرّف إلى JavaScript وكيف تنفّذه المحركات، وكيف تختلف بيئات تشغيل المتصفح عن Node. اكتب برامجك الصغيرة الأولى.
ما JavaScript؟ المحركات (V8/SpiderMonkey) وبيئات التشغيل (المتصفح مقابل Node) درس مجاني في JavaScript Academy على CoddyKit. هذا هو الدرس 1 من أصل 3. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في JavaScript Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة JavaScript Academy 3 دروس في المجموع.
مقدمة
الهدف: فهم ماهية JS، وكيف تشغّله المحركات، وكيف تختلف بيئات التشغيل في المتصفح وNode. ستكتبون برامج صغيرة سهلة القراءة.
- المحركات: V8 وSpiderMonkey
- بيئات التشغيل: Browser وNode
- المخرجات الأولى
ما هي JavaScript؟
JavaScript لغة عالية المستوى وذات أنواع ديناميكية، وقد جرى توحيدها وفق معيار ECMAScript. وهي تشغّل واجهات المستخدم التفاعلية في المتصفحات، كما تعمل على الخوادم عبر Node.
أول مخرجات وحدة التحكم
أنشئوا دالة صغيرة واطبعوا باستخدام console.log. اجعلوا الأسطر قصيرة لتناسب الهاتف.
// First tiny program: prints a greeting
function greet(name) {
return "Hello, " + name + "!";
}
const msg = greet("CoddyKit");
console.log(msg);
المحركات وبيئات التشغيل
ينفّذ المحرك كود JS، مثل V8 وSpiderMonkey. وتضيف بيئة التشغيل واجهات برمجة للمضيف: يوفّر Browser واجهتي DOM وfetch، بينما يوفّر Node واجهتي fs وpath.
اكتشاف بيئة التشغيل
تحقّقوا من المتغيرات العامة قبل استخدام API، لكي يعمل الكود نفسه بأمان في كلتا البيئتين.
// Detect where code runs using simple globals
const inBrowser = typeof window !== "undefined" && typeof document !== "undefined";
const inNode = typeof process !== "undefined" && typeof process.versions === "object";
if (inBrowser) {
console.log("Runtime: Browser (DOM available).");
}
if (inNode) {
console.log("Runtime: Node (filesystem APIs available).");
}
اختيار المخرجات المناسبة
تعمل alert في المتصفح فقط، بينما تعمل console.log في كل مكان. استخدموا تحققًا من توفر الميزة.
// Use the right output method for each runtime
const text = "JS runs in different environments!";
const canAlert = typeof alert === "function";
if (canAlert) {
alert(text); // Browser popup
} else {
console.log(text); // Works in Node and browsers
}
اختبار المحرك وبيئة التشغيل
تحقق سريع: المحرك وبيئة التشغيل.
مراجعة
مراجعة: تعمل JS على محركات داخل بيئات تشغيل مختلفة. لقد طبعتم المخرجات، واكتشفتم البيئة، وتعلمتم أي واجهات API تنتمي إلى كل مضيف.
الأسئلة الشائعة
هل درس «ما JavaScript؟ المحركات (V8/SpiderMonkey) وبيئات التشغيل (المتصفح مقابل Node)» مجاني؟
نعم — نص درس «ما JavaScript؟ المحركات (V8/SpiderMonkey) وبيئات التشغيل (المتصفح مقابل Node)» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة JavaScript Academy، انتقل إلى CoddyKit PRO. تتضمن دورة JavaScript Academy 3 دروس في المجموع.
ماذا ستتعلم في «ما JavaScript؟ المحركات (V8/SpiderMonkey) وبيئات التشغيل (المتصفح مقابل Node)»؟
تعرّف إلى JavaScript وكيف تنفّذه المحركات، وكيف تختلف بيئات تشغيل المتصفح عن Node. اكتب برامجك الصغيرة الأولى. تتمرن على JavaScript Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ JavaScript Academy؟
لا تُشترط خبرة سابقة. JavaScript Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 1 من أصل 3.
كم من الوقت يستغرق درس «ما JavaScript؟ المحركات (V8/SpiderMonkey) وبيئات التشغيل (المتصفح مقابل Node)»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس JavaScript Academy هذا؟
نعم. كل درس في JavaScript Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- ما JavaScript؟ المحركات (V8/SpiderMonkey) وبيئات التشغيل (المتصفح مقابل Node)
- الإعداد: Node وnpm وتشغيل .js ووحدة تحكم DevTools
- البرنامج الأول والإدخال/الإخراج (console والتنبيهات في المتصفح)