ما هي JavaScript؟ أول برنامج لك
أول درس في تعلم جافاسكريبت بالعربية: ما هي JavaScript وماذا تفعل في الصفحة وخارجها، وأين تكتب الكود، وconsole.log، وأول برنامج تشغّله في المتصفح.
محتويات الدرس
JavaScript هي لغة البرمجة التي تجعل صفحات الويب تتفاعل: قائمة تفتح عند الضغط، ونموذج يتحقق من البريد، وخريطة تتحرك، ورسالة تظهر دون إعادة تحميل الصفحة. وهي اليوم من أكثر لغات البرمجة استخدامًا في العالم.
ماذا تستطيع JavaScript أن تفعل؟
- في المتصفح: تغيير محتوى الصفحة وتنسيقها، والاستجابة للضغط والكتابة، وجلب البيانات من الخوادم.
- في الخادم: مع Node.js تبني مواقع كاملة وواجهات برمجية. هذا الموقع نفسه مبني بها.
- في التطبيقات: تطبيقات هاتف وسطح مكتب بأدوات مثل React Native وElectron.
أول برنامج
console.log تطبع أي شيء في «وحدة التحكم». في المحرر التالي، النتيجة تظهر يسارًا:
أين تكتب JavaScript في صفحتك؟
داخل الصفحة
<script>
console.log("أنا داخل الصفحة");
</script>في ملف خارجي (الأفضل)
<script src="app.js" defer></script>الكلمة defer تجعل المتصفح يشغّل الكود بعد قراءة الصفحة، فلا تتأخر ويجد الكود كل العناصر جاهزة.
وحدة التحكم في متصفحك
اضغط F12 في أي صفحة واختر Console. اكتب 2 * 21 واضغط Enter. هذا مكان رائع للتجربة، وفيه تظهر رسائل الأخطاء.
قواعد الكتابة الأساسية
- كل تعليمة في سطر، وتنتهي غالبًا بفاصلة منقوطة
;. - JavaScript تفرّق بين الحروف الكبيرة والصغيرة:
console.logتعمل، وConsole.Logلا. - التعليقات:
أول خطأ لك
البرنامج يتوقف عند الخطأ ويخبرك بسببه. قراءة رسائل الأخطاء مهارة أساسية: غالبًا تخبرك بالضبط أين المشكلة.
الأسئلة الشائعة
هل JavaScript هي Java؟
لا، لغتان مختلفتان تمامًا رغم تشابه الاسم. التشابه تسويقي من التسعينيات.
هل أحتاج تعلم HTML وCSS أولًا؟
الخلاصة
- JavaScript لغة البرمجة التي تجعل الصفحات تفاعلية، وتعمل في الخوادم أيضًا.
console.logلطباعة النتائج، وF12 لفتح وحدة التحكم.- ضعها في ملف خارجي مع
defer.