البرمجة

مقدمة في جافاسكربت — فهم الأساس والمنطق البرمجي

5 ديسمبر 20252 دقائق قراءة
مقدمة في جافاسكربت — فهم الأساس والمنطق البرمجي

جافاسكربت هي اللغة التي تمنح المواقع الحياة. بدونها الموقع صفحة ثابتة لا تتغير. باستخدام JavaScript تستطيع: جعل الموقع يتفاعل مع المستخدم إنشاء أزرار تعمل فعليًا التحكم في النصوص والصور حفظ البيانات جلب معلومات من الإنترنت (API)

وهي اليوم تُستخدم أيضًا في:

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

  • بناء برامج سطح المكتب

  • تشغيل السيرفر (Node.js)


🔍 المنطق البرمجي (Programming Logic) — أهم من الكود نفسه

قبل أن تتعلم كتابة الكود يجب أن تفهم كيف يفكر الكمبيوتر.

الكمبيوتر:

  • لا يفترض

  • لا يقدّر

  • لا يحزر

  • لا يكمل عنك

هو ينتظر منك تعليمات واضحة 100%.

مثال بسيط:
لو قلت لصديقك: “سكب لي ماء في الكأس” سيفهمك.
لكن لو قلت هذا الكلام لكمبيوتر؟
سيسألك:

  • أي كأس؟

  • كم كمية الماء؟

  • هل أسكب الآن أم لاحقًا؟

  • من أين أجلب الماء؟

الكمبيوتر يحتاج خطوات دقيقة.

هذا هو جوهر البرمجة.


🧠 مثال واقعي يشرح المنطق البرمجي

لنفرض أنك تريد بناء برنامج يقول للطالب:

  • ناجح إذا كانت درجته ≥ 50

  • راسب إذا كانت أقل

الإنسان يعرف هذا تلقائيًا، لكن الكمبيوتر يحتاج خطوات واضحة:

  1. استقبل درجة الطالب

  2. قارن الدرجة بالرقم 50

  3. إذا الدرجة أكبر أو تساوي 50 → اطبع “ناجح”

  4. غير ذلك → اطبع “راسب”

هذه هي العقلية البرمجية.


💻 مثال عملي في جافاسكربت

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

  • أهمية المتغيرات

  • تمرين بسيط لفهم الأساسيات

الوسوم

#برمجه

مقالات ذات صلة