← الرئيسية المستوى 3 - الدرس 1 من 10

⚡ مقدمة في JavaScript

لغة برمجة الويب التفاعلية

تقدمك في المستوى الثالث 10%

📖 ما هو JavaScript؟

JavaScript هي لغة برمجة عالية المستوى تُستخدم لإضافة التفاعل والحركة لصفحات الويب. تعمل على المتصفح والسيرفر (باستخدام Node.js).

🎯 لماذا JavaScript؟

✅ تعمل على جميع المتصفحات
✅ لا تحتاج تركيب (تعمل مباشرة)
✅ مجتمع ضخم ومصادر تعليمية كثيرة
✅ تستخدم في Frontend وBackend
✅ أساس React, Vue, Angular

📝 أول كود JavaScript

<!-- طريقة 1: داخل HTML -->
<script>
    alert("مرحباً بالعالم!");
</script>

<!-- طريقة 2: ملف خارجي (مستحسن) -->
<script src="script.js"></script>
        

⚡ مخرجات JavaScript

// رسالة منبثقة
alert("رسالة تنبيه");

// طباعة في Console (للمطورين)
console.log("رسالة للمطور");
console.error("خطأ!");
console.warn("تحذير");

// كتابة في الصفحة (نادر الاستخدام)
document.write("نص في الصفحة");
        

💡 مثال تفاعلي

// تغيير محتوى عنصر
document.getElementById("demo").innerHTML = "تم التغيير!";

// تغيير لون الخلفية
document.body.style.backgroundColor = "lightblue";
        

🎓 ملخص الدرس

JavaScript تجعل المواقع تفاعلية
تعمل مباشرة في المتصفح
console.log() أهم أداة للتصحيح
يمكن كتابتها داخل HTML أو ملف خارجي