دبلوم احتراف البرمجة التفاعلية: لغة JavaScript من الصفر.

🌟 مقدمة تحفيزية:

“مرحباً بك يا صانع القرار ! هل تساءلت يوماً كيف يعرف الموقع أن كلمة المرور ‘خاطئة’ ؟ أو كيف يمنع النظام دخول شخص لم يدفع الرسوم ؟ اليوم في أكاديمية قياوي ، ستتعلم أقوى مهارة برمجية : اتخاذ القرار .

سنعلم الموقع كيف يختار بين طريقين ؛ إذا تحقق الشرط يفعل شيئاً ، وإذا لم يتحقق يفعل شيئاً آخر . أنت الآن تضع أولى لبنات الذكاء الاصطناعي في مشروعك !”

🏗️ 1 .  المفهوم  : كيف يفكر الكود ؟

نستخدم قاعدة if (إذا) و else (وإلا ) .

إذا كان الطالب ناجحاً ⬅️ أرسل له الشهادة .

وإلا (إذا لم ينجح) ⬅️ اطلب منه مراجعة الدروس .

💻 2 .  الهيكل البرمجي (Syntax)   إليك كيف نكتبها في JavaScript :

JavaScript

let score = 85;

if (score >= 50) {
    console.log("مبروك! لقد اجتزت الاختبار بنجاح.");
} else {
    console.log("للأسف، لم تتجاوز الاختبار. حاول مرة أخرى.");
}

⚖️ 3. تطبيق عملي (من واقع الاستشارات القانونية) بما أن موقعك يتميز بالجانب القانوني، لنطبق شرطاً يخص السن القانوني لطلب استشارة :

  JavaScript

let userAge = 20;

if (userAge >= 18) {
    alert("يمكنك حجز استشارة قانونية مباشرة.");
} else {
    alert("عذراً، يجب أن تكون فوق 18 عاماً أو برفقة ولي أمرك.");
}

🔍 4 . الرموز التي نستخدمها في الشروط:

لصناعة شرط دقيق ، نحتاج لهذه الرموز :

•      ==       :        هل يساوي؟  

•        >      :    أكبر من.

•        <         :    أصغر من.  

•         =        :   أكبر من أو يساوي.

•        !=       :   لا يساوي.

💡 لماذا هذا الدرس هو مفتاح الاحتراف  ؟

في الموقع qiyaouiacademy.com، الشروط هي التي ستدير كل شيء :

1 .      تسجيل الدخول  : (إذا كان البريد صحيحاً ⬅️ ادخل) .

2 .     عرض الدروس  :   (إذا أكمل الدرس الأول ⬅️ افتح الدرس الثاني)  .

3 .        التحفيز  :     (إذا حصل على 100% ⬅️ أضف وسام التميز لملفه)  .

🎯 تحدي المحترفين  :

“يا بطل ، قم بإنشاء متغير باسم hour وضع فيه الساعة الآن (مثلاً 14) .

اصنع شرطاً  : إذا كان الوقت أقل من 12 يظهر الموقع رسالة ‘صباح الخير’ ، وإذا كان أكثر يظهر ‘مساء الخير’ . هل تستطيع ربط هذا بما تعلمناه في دروس CSS لتغيير لون الخلفية أيضاً  ؟”

للتوضيح : 

في هذا الدرس سنتعلم كيف يتخذ البرنامج قرارات باستخدام الشروط في JavaScript .

تسمح لنا جملة If بتنفيذ كود معين عندما يتحقق شرط معين .

في نهاية الدرس سيكون الطالب قادراً على استعمال if و else للتحكم في سلوك البرنامج .

في الحياة اليومية نتخذ قرارات بناءً على شروط .

مثلاً : إذا كان الجو ممطراً → نحمل مظلة

إذا نجح الطالب → ينتقل إلى المستوى التالي

نفس الفكرة تستعمل في البرمجة . في لغة JavaScript نستعمل If لاتخاذ القرار .

🖼 فكرة الشروط في البرمجة  : https://scaler.com/topics/images/flowchart-representing-if-else-in-javascript.webphttps://miro.medium.com/v2/resize%3Afit%3A1400/1%2Ax9oEAp8TOKGeTdQyPlHluw.jpeg 3.4.1. If-StatementsWhat is an if-else flowchart: analysis with free examples 🟢 الشكل الأساسي لـ If   javascript 

if (condition) {

الكود الذي ينفذ إذا تحقق الشرط

}

🟢 مثال بسيط  : javascript

let age = 20;

if (age > 18) {

console.log("يمكنك الدخول");

}

النتيجة إذا كان العمر أكبر من 18 سيظهر : يمكنك الدخول 🟢 استعمال If و Else  javascript

let age = 16;

if (age >= 18) {

console.log("مسموح بالدخول");

} else {

console.log("غير مسموح بالدخول");

}

🟢 النتيجة إذا كان العمر أقل من 18 سيظهر: غير مسموح بالدخول 

🟢 مثال داخل صفحة ويب HTML

<button onclick="checkAge()">تحقق</button>

<script>

function checkAge(){

let age = 20;

if(age >= 18){

alert("مرحبا بك");

}else{

alert("العمر غير كاف");

}

}

</script>

🧠 فكرة مهمة

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

ولهذا تعتبر أساس الذكاء البرمجي.

🏆 تمرين للطلاب أنشئ برنامجاً بسيطاً :

إذا كانت النقطة أكبر من 10 → ناجح
إذا كانت أقل من 10 → راسب

استعمل if / else .

Scroll to Top