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