📦 JavaScript Basics

المتغيرات (Variables)

هتتعلم إزاي تخزّن البيانات في متغيرات، وتستخدمها، وتغيّر قيمها — كل ده بأمثلة عملية تقدر تشغّلها بنفسك.

⏱ مدة الدرس: ~20 دقيقة 📚 4 أقسام ▶️ شغّل الكود بنفسك 🎯 مستوى: مبتدئ

🤔 ليه نستخدم المتغيرات؟ ⏱ دقيقتين

💡 بدل ما أفضل أكتب الرقم كل مرة...
ممكن أخزنه في مكان!
وده اسمه Variable (متغير)

المتغير هو مكان في الذاكرة بنخزن فيه قيمة، ودي القيمة ممكن تتغير (علشان كده اسمه متغير).

📦 تعريف متغير ⏱ 5 دقائق

بنستخدم let عشان نعرف متغير جديد، وبنخزن فيه أي قيمة نريدها.

variables.js JavaScript

let age = 16;
console.log(age);

— دوس Run عشان تشوف الناتج —

✏️

جرب بنفسك

غير الرقم 16 لسنك أنت وشوف النتيجة!

variables.js JavaScript

let name = "Ahmed";
console.log(name);

— دوس Run عشان تشوف الناتج —

✏️

جرب بنفسك

غير "Ahmed" لاسمك أنت وشوف النتيجة!

variables.js JavaScript

let school = "Derb Negm";
console.log(school);

— دوس Run عشان تشوف الناتج —

💡 نلاحظ: كل متغير بيخزن نوع مختلف من البيانات:
• age → رقم (Number)
• name → نص (String)
• school → نص (String)

🔄 تغيير قيمة المتغير ⏱ 5 دقائق

المتغير اسمه متغير لأن قيمته بتتغير! نقدر نغير القيمة في أي وقت.

change-value.js JavaScript

let score = 50;
console.log(score);
score = 90;
console.log(score);

— دوس Run عشان تشوف الناتج —

❓ سؤال للمناقشة

ليه اتسمى "متغير"؟

💡 الإجابة: لأن قيمته بتتغير! زي ما شفنا score كانت 50 وبعدين بقت 90.

➕ العمليات على المتغيرات ⏱ 8 دقائق

زي ما قدرنا نحسب بالأرقام مباشرة، نقدر كمان نحسب باستخدام المتغيرات!

operations.js JavaScript

let x = 10;
let y = 20;

console.log(x + y);
console.log(x - y);
console.log(x * y);
console.log(y / x);

— دوس Run عشان تشوف الناتج —

💡 نلاحظ:
• x + y = 30 (جمع)
• x - y = -10 (طرح)
• x * y = 200 (ضرب)
• y / x = 2 (قسمة)

✏️

جرب بنفسك

غير قيم x و y لقيم تانية وشوف النتيجة بتتغير إزاي!

🎯 تدريب عملي ⏱ للتطبيق

📋 اكتب برنامج بنفسك وحاول تشغله:

🧮 ثم جرّب العمليات الحسابية:

💡 تلميح: جرب تكتب الكود في أي محرر JavaScript (زي VS Code أو حتى في الـ Console بتاع المتصفح) وشغله بنفسك.

المتغيرات في جافا سكريبت