مقدمة في جافاسكربت — فهم الأساس والمنطق البرمجي
جافاسكربت هي اللغة التي تمنح المواقع الحياة. بدونها الموقع صفحة ثابتة لا تتغير. باستخدام JavaScript تستطيع: جعل الموقع يتفاعل مع المستخدم إنشاء أزرار تعمل فعليًا التحكم في النصوص والصور حفظ البيانات جلب معلومات من الإنترنت (API)
وهي اليوم تُستخدم أيضًا في:
تطوير تطبيقات الموبايل
بناء برامج سطح المكتب
تشغيل السيرفر (Node.js)
🔍 المنطق البرمجي (Programming Logic) — أهم من الكود نفسه
قبل أن تتعلم كتابة الكود يجب أن تفهم كيف يفكر الكمبيوتر.
الكمبيوتر:
لا يفترض
لا يقدّر
لا يحزر
لا يكمل عنك
هو ينتظر منك تعليمات واضحة 100%.
مثال بسيط:
لو قلت لصديقك: “سكب لي ماء في الكأس” سيفهمك.
لكن لو قلت هذا الكلام لكمبيوتر؟
سيسألك:
أي كأس؟
كم كمية الماء؟
هل أسكب الآن أم لاحقًا؟
من أين أجلب الماء؟
الكمبيوتر يحتاج خطوات دقيقة.
هذا هو جوهر البرمجة.
🧠 مثال واقعي يشرح المنطق البرمجي
لنفرض أنك تريد بناء برنامج يقول للطالب:
ناجح إذا كانت درجته ≥ 50
راسب إذا كانت أقل
الإنسان يعرف هذا تلقائيًا، لكن الكمبيوتر يحتاج خطوات واضحة:
استقبل درجة الطالب
قارن الدرجة بالرقم 50
إذا الدرجة أكبر أو تساوي 50 → اطبع “ناجح”
غير ذلك → اطبع “راسب”
هذه هي العقلية البرمجية.
💻 مثال عملي في جافاسكربت
let grade = 65;
if (grade >= 50) {
console.log("ناجح");
} else {
console.log("راسب");
}
🔍 تحليل الكود:
let grade = 65;
هنا خزّنا قيمة الدرجة داخل متغير اسمهgrade.if (grade >= 50)
هنا نسأل الكمبيوتر سؤالاً منطقيًا:
هل الدرجة أكبر أو تساوي 50؟إذا نعم: اطبع "ناجح"
إذا لا: اطبع "راسب"
لاحظ أن الكمبيوتر لا يتخذ قرارًا من تلقاء نفسه — أنت الذي تحدد القواعد.
🧩 لماذا نستخدم المتغيرات (Variables)؟
المتغير يشبه "صندوق" تخزّن فيه بيانات لكي تستخدمها لاحقًا.
مثال:
let name = "Osama";
let age = 25;
المنطق البرمجي هنا:
أعطينا اسمًا للصندوق (
name)وضعنا فيه قيمة (“Osama”)
الآن نستطيع استخدام هذه القيمة في أي مكان
مثال:
console.log("مرحبا " + name);
🎓 تمرين بسيط للمبتدئ
اكتب برنامجًا:
يخزّن اسمك في متغير
يخزّن عمرك في متغير
يطبع جملة تقول:
”اسمي فلان وعمري كذا“
الحل:
let name = "Ali";
let age = 22;
console.log("اسمي " + name + " وعمري " + age);
🧠 ملاحظة مهمة:
أغلب المبتدئين يريدون حفظ الكود… لكن البرمجة ليست حفظًا.
البرمجة هي فهم المنطق:
لماذا استخدمنا المتغير؟
لماذا وضعنا شرطًا؟
ماذا سيحدث لو كانت القيمة مختلفة؟
كلما فهمت "لماذا"، أصبحت أقوى من أي شخص يحفظ الكود فقط.
📌 الخلاصة
في هذا الدرس تعلّمنا:
ما هي جافاسكربت ولماذا هي مهمة
كيف يفكر الكمبيوتر
ما معنى المنطق البرمجي
مثال على شرط if
أهمية المتغيرات
تمرين بسيط لفهم الأساسيات