NahdaAIنهضة
JavaScript • المستوى الأول • الدرس 1

مقدمة في JavaScript والمتغيرات (Variables)

العودة لفهرس المستوى

أهداف الدرس العلمية

  • فهم دور لغة JavaScript في إعطاء الحياة والحركة لصفحات الويب.
  • استخدام الأمر console.log() لطباعة المخرجات واختبار البيانات.
  • فهم مفهوم المتغيرات (Variables) كأماكن تخزين في ذاكرة الحاسوب.
  • التمييز الدقيق بين طرق الإعلان عن المتغيرات let و const و var.

1. ما هي لغة JavaScript وكيف نفعلها؟

تُعد لغة JavaScript العقل المفكر لصفحات الويب. نقوم بكتابة أكواد JS داخل عنصر <script> داخل مستند HTML، أو في ملف منفصل بصيغة .js.

لاختبار ورؤية المخرجات نستخدم الأمر المباشر console.log().

javascript
// مثال سريع على طباعة الرسائل
console.log("مرحباً بالعالم!");

2. المتغيرات: let مقابل const

تُستخدم المتغيرات لحفظ البيانات (مثل أرقام، أسماء، أو نصوص) واستدعائها لاحقاً داخل البرنامج:

let age = 25;

تُستخدم مع البيانات القابلة للتغيير أو التعديل مستقبلاً خلال عمل البرنامج.

const country = "الأردن";

تُستخدم مع الثوابت التي لا تتغير قيمتها إطلاقاً بعد تعريفها الأول.

مثال تطبيقي لتعريف المتغيرات:

javascript
let score = 100;
const platform = "منصة نهضة";

console.log(platform); // يطبع: منصة نهضة
console.log(score);    // يطبع: 100
التطبيق العملي المباشر

تحدي الدرس الأول: تعريف متغير وطباعته

قم بكتابة كود JavaScript داخل وسم <script> لتنفيذ الشروط التالية:

  1. تعريف متغير ثابت const باسم userName وتعيين اسمك له كنص.
  2. طباعة قيمة المتغير في وحدة التحكم باستخدام console.log(userName);.
  3. انقر على زر "تشغيل الكود" لاختبار الكود ومعاينة النتيجة!
محرر الأكواد — HTML
14px
جارٍ تهيئة البيئة...
المخرجات — المخرجات
الكونسول (Console)
13px
nahda@runner — html
0 lines
(لا يوجد إخراج)
HTMLLn 20, Col 1UTF-8Spaces: 2
330 chars