لأن المتغير هو الأساس الذي تُبنى عليه كل البرامج:

• الألعاب

• تطبيقات الويب

• مواقع التواصل

• المتاجر الإلكترونية

• قواعد البيانات

كلها تعتمد على تخزين بيانات، ومعالجتها، ثم استخدامها.
وهذا بالضبط ما يفعله المتغير.

🧠 أولاً: ما هو المتغير (Variable)؟

المتغير يشبه صندوق يخزن قيمة معينة.

تطلب من الكمبيوتر:

• افتح لي صندوق اسمه X

• وضع بداخله هذه القيمة

• وسأحتاج هذا الصندوق لاحقاً

مثال حقيقي تخيّلي:

• صندوق باسم name → يحتوي "Osama"

• صندوق باسم age → يحتوي 25

• صندوق باسم score → يحتوي 98

وهكذا…

💡 ثانياً: لماذا نحتاج المتغيرات؟

فكّر معي:

في الحياة الواقعية، أنت تتذكر:

• اسمك

• عمرك

• رقم جوالك

ولو أردت استخدام هذه المعلومات (مثلاً للتسجيل في موقع)، فأنت تستدعيها من ذاكرتك.

الكمبيوتر لا يملك ذاكرة طويلة الأمد إلا إذا أعطيته متغيرات يخزن فيها القيم.

🧩 ثالثاً: كيف ننشئ متغير في JavaScript؟

لدينا ثلاث طرق:

let name = "Osama";
const age = 25;
var city = "Riyadh";

لكن أيهم نستخدم في 2025؟

✔️ استخدم let و const فقط.

وابتعد عن var.

ما الفرق بين let و const؟

الكلمةهل تتغير قيمتها؟متى تستخدمها؟letنعمعندما تحتاج قيمة تتغيرconstلاعندما تكون القيمة ثابتة

مثال:

let score = 10;
score = 20; // عادي

const pi = 3.14;
pi = 5; // ❌ خطأ

🔍 رابعاً: المنطق البرمجي وراء المتغيرات

خلّنا نفكر كأننا نبني برنامجًا للمدرسة:

تريد حساب نجاح الطالب حسب درجته:

1. نحتاج تخزين اسم الطالب

2. نحتاج تخزين درجته

3. نحتاج مقارنة الدرجة بالنجاح

بدون المتغيرات لن تستطيع عمل أي خطوة.

مثال منطقي:

let name = "Ali";
let grade = 85;

if (grade >= 50) {
  console.log(name + " ناجح");
} else {
  console.log(name + " راسب");
}

تحليل المنطق:

• خزّنا اسم الطالب في متغير

• خزّنا الدرجة في متغير

• طبقنا منطق if بناءً على القيمة

• القرار يتغير حسب قيمة المتغير

بدون المتغيرات لن تستطيع كتابة if أصلًا.

💻 خامساً: المتغيرات عبارة عن ذاكرة قابلة للتغيير

لنأخذ مثالًا بسيطًا:

let count = 0;

count = count + 1;  // count = 1
count = count + 1;  // count = 2
count = count + 1;  // count = 3

console.log(count);

المنطق البرمجي:

• المتغير يبدأ من 0

• كل مرة نضيف عليه واحد

• الكمبيوتر لا “يتذكر” إلا عبر المتغيرات

لو لم يكن count موجودًا، فلن تستطيع بناء عدّاد.

🧪 مثال واقعي تطبيقي: عداد زيارات صفحة

كلما دخل مستخدم إلى صفحة، نريد عدّاد الزيارات:

let visits = 0;

visits = visits + 1;
console.log("عدد الزيارات: " + visits);

بهذه الفكرة تُبنى:

• عدادات المشاهدات في TikTok

• عدادات اللايك في Instagram

• عدادات الزوار في مواقع الويب

• عدادات النقاط في الألعاب

نظام كامل يعتمد على متغير واحد فقط.

📝 سادساً: أخطاء شائعة عند المبتدئين

❌ 1) كتابة المتغير بدون let أو const

name = "Ali"; // خطأ

❌ 2) استخدام var

var age = 20; // قديم وغير آمن

❌ 3) إعادة تعريف const

const x = 5;
x = 10; // خطأ

🎓 سابعاً: تمرين تطبيقي

✨ المهمة:

اكتب برنامجًا يخزن:

1. اسم منتج

2. سعر المنتج

3. كمية المنتج

4. ثم يحسب السعر الإجمالي

الحل:

let product = "Laptop";
let price = 2000;
let quantity = 3;

let total = price * quantity;

console.log("اسم المنتج: " + product);
console.log("الإجمالي: " + total + " ريال");

المنطق البرمجي:

• خزّنا معلومات أساسية

• طبقنا عملية حسابية

• استخدمنا المتغيرات لإنتاج قيمة جديدة

بدون المتغيرات لا يمكن بناء أي نظام مالي.

📌 الخلاصة

في هذا الدرس تعلمت:

• معنى المتغير

• لماذا نحتاجه

• الفرق بين let و const

• أمثلة عملية

• منطق برمجي حقيقي

• تمرين تطبيقي للمبتدئين