1. الرئيسية
  2. مسارات التعلم
  3. تعلّم JavaScript من الصفر
  4. ما هي JavaScript؟ أول برنامج لك
تعلّم JavaScript من الصفرالدرس 1 من 8

ما هي JavaScript؟ أول برنامج لك

أول درس في تعلم جافاسكريبت بالعربية: ما هي JavaScript وماذا تفعل في الصفحة وخارجها، وأين تكتب الكود، وconsole.log، وأول برنامج تشغّله في المتصفح.

محتويات الدرس
  1. ماذا تستطيع JavaScript أن تفعل؟
  2. أول برنامج
  3. أين تكتب JavaScript في صفحتك؟
  4. داخل الصفحة
  5. في ملف خارجي (الأفضل)
  6. وحدة التحكم في متصفحك
  7. قواعد الكتابة الأساسية
  8. أول خطأ لك
  9. الأسئلة الشائعة
  10. الخلاصة

JavaScript هي لغة البرمجة التي تجعل صفحات الويب تتفاعل: قائمة تفتح عند الضغط، ونموذج يتحقق من البريد، وخريطة تتحرك، ورسالة تظهر دون إعادة تحميل الصفحة. وهي اليوم من أكثر لغات البرمجة استخدامًا في العالم.

ماذا تستطيع JavaScript أن تفعل؟

  • في المتصفح: تغيير محتوى الصفحة وتنسيقها، والاستجابة للضغط والكتابة، وجلب البيانات من الخوادم.
  • في الخادم: مع Node.js تبني مواقع كاملة وواجهات برمجية. هذا الموقع نفسه مبني بها.
  • في التطبيقات: تطبيقات هاتف وسطح مكتب بأدوات مثل React Native وElectron.

أول برنامج

console.log تطبع أي شيء في «وحدة التحكم». في المحرر التالي، النتيجة تظهر يسارًا:

جرّب بنفسكعدّل الكود ثم اضغط تشغيل

أين تكتب JavaScript في صفحتك؟

داخل الصفحة

html
<script>
  console.log("أنا داخل الصفحة");
</script>

في ملف خارجي (الأفضل)

html
<script src="app.js" defer></script>

الكلمة defer تجعل المتصفح يشغّل الكود بعد قراءة الصفحة، فلا تتأخر ويجد الكود كل العناصر جاهزة.

وحدة التحكم في متصفحك

اضغط F12 في أي صفحة واختر Console. اكتب 2 * 21 واضغط Enter. هذا مكان رائع للتجربة، وفيه تظهر رسائل الأخطاء.

قواعد الكتابة الأساسية

  • كل تعليمة في سطر، وتنتهي غالبًا بفاصلة منقوطة ;.
  • JavaScript تفرّق بين الحروف الكبيرة والصغيرة: console.log تعمل، وConsole.Log لا.
  • التعليقات:
جرّب بنفسكعدّل الكود ثم اضغط تشغيل

أول خطأ لك

جرّب بنفسكعدّل الكود ثم اضغط تشغيل

البرنامج يتوقف عند الخطأ ويخبرك بسببه. قراءة رسائل الأخطاء مهارة أساسية: غالبًا تخبرك بالضبط أين المشكلة.

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

هل JavaScript هي Java؟

لا، لغتان مختلفتان تمامًا رغم تشابه الاسم. التشابه تسويقي من التسعينيات.

هل أحتاج تعلم HTML وCSS أولًا؟

للبرمجة في الصفحات نعم، فهي أسهل بكثير إن عرفت HTML وCSS. لكن الدروس الأولى هنا عن اللغة نفسها ولا تحتاجهما.

الخلاصة

  • JavaScript لغة البرمجة التي تجعل الصفحات تفاعلية، وتعمل في الخوادم أيضًا.
  • console.log لطباعة النتائج، وF12 لفتح وحدة التحكم.
  • ضعها في ملف خارجي مع defer.