مدرسة البرمجة العربية

🔁 المتغيرات في JavaScript – الجزء الثاني

---

👋 رجعنا لكم أبطال البرمجة!

في الجزء الأول، عرفنا إن المتغير مثل صندوق بنخزن فيه معلومات. وتعلمنا كيف نكتب كود بسيط باستخدام let، وكيف نقدر نغير القيمة داخل المتغير.

اليوم رح نكمل، ونتعلم أشياء أعمق شوية، بس بطريقة سهلة كتير! 🎉

---

🟨 1. أنواع المتغيرات في JavaScript

في JavaScript، في 3 كلمات رئيسية ممكن نستخدمها لكتابة متغير:

• let – الأكثر استخدامًا، وبتخلينا نغير القيمة لاحقًا.
• const – يعني "ثابت"، وما بنقدر نغير قيمته بعد ما نكتبه.
• var – طريقة قديمة، ما بننصح نستخدمها كتير، رح نشرح ليش.

خلينا نشوف الفرق بمثال:

// let – بنقدر نغيره
let score = 5;
score = 10;
console.log(score); // 10

// const – ما بنقدر نغيره
const name = "ليلى";
name = "سارة"; // خطأ ❌

// var – قديم
var color = "أزرق";
console.log(color);

نصيحة: للأطفال والمبتدئين، استخدم let وconst فقط. 👍

---

🎯 2. إمتى نستخدم let؟ وإمتى const؟

سؤال ممتاز! الجواب بسيط:

• استخدم const لما تكون المعلومة ما رح تتغير أبدًا (زي اسم اللاعب).
• واستخدم let لما تكون القيمة رح تتغير (زي عدد النقاط، العمر، اللون... إلخ).

مثال:

const playerName = "سارة"; // ما رح يتغير
let playerScore = 0; // رح يتغير لما تكسب نقاط

playerScore = playerScore + 10; // صار 10

---

🧠 3. كيف نسمي المتغيرات؟

اسم المتغير لازم يكون واضح، عشان نعرف شو هو وظيفته. ما بنسميه أي اسم غريب! 😅

قواعد التسمية:

• ابدأ بحرف، مش برقم.
• ما تستخدم فراغات (استخدم الشرطة السفلية أو الأحرف الكبيرة).
• خلي الاسم يشرح نفسه: userAge أفضل من x.

أمثلة جيدة:

• userName
• highScore
• favoriteAnimal

أمثلة غير جيدة:

• a
• 123user ❌
• اسم المستخدم (لا تكتب اسم المتغير بالعربي داخل الكود!)

---

🚨 4. شو بصير إذا استخدمنا متغير بدون ما نكتبه؟

إذا جربت تستخدم متغير بدون ما تعرّفه، رح يعطيك خطأ. شوف المثال:

console.log(age); // خطأ! لأن age مش معرف

عشان هيك لازم دايمًا نبدأ بـ let أو const قبل نستخدم المتغير.

---

🧪 5. تمرين عملي – نجرب نكتب كود كامل

يلا نكتب كود يحكي عن حيواننا المفضل، وعمره، ولونه:

const petName = "لوزي";
let petAge = 3;
let petColor = "أبيض";

console.log("اسم الحيوان:", petName);
console.log("العمر:", petAge);
console.log("اللون:", petColor);

// نغير العمر
petAge = 4;
console.log("العمر الجديد:", petAge);

جرب تغير الاسم واللون والعمر، وشاركنا شو طلع معك!

---

❌ 6. أخطاء شائعة لازم ننتبه منها

• نسيان كلمة let أو const.
• كتابة اسم المتغير غلط (مثلاً: playerScore ثم playerscore).
• محاولة تغيير const.

لما يصير خطأ، المتصفح رح يكتبلك رسالة في الـ Console — حاول تقراها، بتساعدك تعرف المشكلة.

---

🎮 7. تمرين اليوم

اكتب كود يحتوي على المعلومات التالية:

• اسمك
• عمرك
• هوايتك المفضلة

بس تأكد إن:

• الاسم ما يتغير (استخدم const)
• العمر والهواية ممكن يتغيروا (استخدم let)

مثال:

const myName = "آدم";
let myAge = 10;
let myHobby = "كرة القدم";

console.log(myName, myAge, myHobby);

// غير الهواية!
myHobby = "السباحة";
console.log("هوايتي الجديدة:", myHobby);

---

💬 سؤال اليوم:

إذا كان عندك لعبة، شو المتغيرات اللي ممكن تستخدمها فيها؟ 🎮

مثلاً: playerName، score، level...

شاركنا بأفكارك في التعليقات! 👇👇👇