تُعدّ لغة جافاسكريبت أساسية لإنشاء مواقع ويب تفاعلية وديناميكية. يستكشف هذا الدليل طريقتين لتنفيذ شفرة جافاسكريبت: مباشرةً داخل متصفح كروم باستخدام أدوات المطور، واستخدام Node.js لمنهج جانب الخادم أو المنهج المستقل.
محتويات
تشغيل جافاسكريبت في Chrome DevTools
هذه الطريقة مثالية للاختبار السريع و تصحيح أخطاء مقاطع جافاسكريبت ضمن سياق صفحة الويب. لا حاجة إلى عمليات تثبيت إضافية.
1. إنشاء ملف جافاسكريبت الخاص بك:
استخدم محرر نصوص (Notepad، TextEdit، VS Code، إلخ) لإنشاء ملف (مثل myScript.js) مع شفرة جافاسكريبت الخاصة بك:
console.log("Hello from myScript.js!");
let message = "This is a variable.";
console.log(message);
2. فتح Chrome DevTools:
افتح كروم، وانتقل إلى أي صفحة ويب، وانقر بزر الماوس الأيمن، وحدد “Inspect” أو “Inspect Element” (أو اضغط على F12). انقر فوق علامة التبويب “Console”.
3. تشغيل الشفرة الخاصة بك (الطريقة الأولى: الإدخال المباشر):
اكتب جافاسكريبت مباشرةً في وحدة التحكم واضغط على Enter لتشغيله. هذا أفضل للمقاطع الصغيرة.
4. تشغيل الشفرة الخاصة بك (الطريقة الثانية: استخدام ملف HTML):
هذا أفضل للبرامج النصية الأكبر. أنشئ ملف HTML (مثل index.html):
<!DOCTYPE html>
<html>
<head>
<title>My JavaScript Test</title>
</head>
<body>
<script src="myScript.js"></script>
</body>
</html>
افتح index.html في كروم. ستعرض وحدة التحكم الإخراج من myScript.js.
تشغيل جافاسكريبت مع Node.js
يسمح لك Node.js بتشغيل جافاسكريبت خارج متصفح الويب، وهو مثالي لبرامج نصوص جانب الخادم، وأدوات سطر الأوامر، إلخ. وبالرغم من أنه ليس مباشرةً *داخل* كروم، إلا أنه ضروري لتطوير جافاسكريبت التي قد تُستخدم في ملحقات كروم أو تطبيقات الويب.
1. تثبيت Node.js:
قم بتنزيل وتثبيت Node.js من nodejs.org. هذا يُثبت أيضًا npm (Node Package Manager).
2. إنشاء ملف جافاسكريبت الخاص بك:
أنشئ ملف myScript.js الخاص بك كما هو موضح أعلاه.
3. التشغيل من سطر الأوامر:
افتح محطة العمل الخاصة بك، وانتقل إلى الدليل الذي يحتوي على myScript.js، وشغّل:
node myScript.js
سيظهر الإخراج في محطة العمل الخاصة بك. يُنفذ Node.js جافاسكريبت مباشرةً على جهاز الكمبيوتر الخاص بك، وليس داخل متصفح كروم.