كورس تعلم JavaScript للمبتدئين حتى الاحتراف

الدرس 1: ما هي JavaScript؟

جافا سكربت هي لغة برمجة تُستخدم لجعل صفحات الويب تفاعلية.

// هذا مثال بسيط لعرض رسالة
alert("مرحباً بك في عالم JavaScript!");

شرح الكود:
- alert() هي دالة مدمجة في JavaScript تستخدم لعرض نافذة منبثقة برسالة للمستخدم.

الدرس 2: المتغيرات

let الاسم = "أحمد";
const العمر = 25;
var المدينة = "القاهرة";

شرح الكود:
- let: لإنشاء متغير يمكن تغيير قيمته لاحقاً.
- const: لإنشاء متغير لا يمكن تغيير قيمته.
- var: طريقة قديمة لإنشاء المتغيرات (يُفضل استخدام let أو const).

الدرس 3: العمليات الحسابية

let مجموع = 5 + 3;
let ضرب = 4 * 2;
let طرح = 10 - 7;

شرح الكود:
- يتم إجراء العمليات الحسابية باستخدام العلامات + و - و * و /.

الدرس 4: الشروط

let العمر = 20;
if (العمر >= 18) {
  alert("أنت بالغ");
} else {
  alert("أنت قاصر");
}

شرح الكود:
- نستخدم if لفحص شرط معين.
- إذا تحقق الشرط ينفذ ما بداخل القوسين، وإذا لم يتحقق ينفذ else.

الدرس 5: الحلقات التكرارية

for (let i = 1; i <= 5; i++) {
  console.log("رقم: " + i);
}

شرح الكود:
- for تستخدم لتكرار تنفيذ كود لعدد معين من المرات.
- في هذا المثال، يتم طباعة الأرقام من 1 إلى 5.

الدرس 6: الدوال (Functions)

function رحب(الاسم) {
  alert("مرحباً " + الاسم);
}
رحب("منى");

شرح الكود:
- أنشأنا دالة اسمها رحب تستقبل اسم وتعرض رسالة ترحيب.
- ثم قمنا باستدعاء الدالة وإعطائها اسم "منى".

الدرس 7: التعامل مع العناصر HTML

// HTML:
// اضغط

function تغيير() {
  alert("تم الضغط على الزر");
}

شرح الكود:
- عند الضغط على الزر يتم استدعاء الدالة تغيير() وعرض رسالة.

الدرس 8: الأحداث Events

document.getElementById("زر").addEventListener("click", function() {
  alert("تم الضغط!");
});

شرح الكود:
- نستخدم addEventListener لإضافة حدث عند الضغط على زر معين له ID باسم زر.

الدرس 9: المصفوفات

let أرقام = [1, 2, 3, 4];
console.log(أرقام[0]);

شرح الكود:
- أنشأنا مصفوفة تحتوي على 4 أرقام.
- ثم طبعنا العنصر الأول باستخدام [0] لأن الترقيم يبدأ من الصفر.

الدرس 10: الكائنات (Objects)

let شخص = {
  الاسم: "خالد",
  العمر: 30
};
alert(شخص.الاسم);

شرح الكود:
- أنشأنا كائن يحتوي على خصائص الاسم والعمر.
- استخدمنا شخص.الاسم للحصول على قيمة الاسم.

🎉 تهانينا! لقد أنهيت كورس JavaScript بنجاح!

الآن بعد أن أصبحت متمكنًا في JavaScript، يمكنك التقدم إلى تعلم لغة PHP لإنشاء مواقع تفاعلية ومتقدمة تحتوي على قواعد بيانات وأنظمة تسجيل دخول!