: ما هي JavaScript؟ ولماذا هي مهمة؟
- تضغط زر → يظهر تنبيه
- تكتب في نموذج → يتم التحقق من البيانات
- تختار خيار → يتغير المحتوى مباشرة
JavaScript تعمل غالبًا داخل المتصفح ولا تحتاج تثبيت أي برامج خاصة.
ما الفرق بين HTML و CSS و JavaScript؟
HTML
هيكل الصفحة (العناوين – الفقرات – الصور)
CSS
الشكل والتصميم (الألوان – الخطوط – الترتيب)
JavaScript
التفاعل والسلوك (الأزرار – الأحداث – الحركة)
مثال بسيط للتوضيح:
HTML = هيكل البيت، CSS = الديكور والألوان، JavaScript = الكهرباء والأبواب الذكية.
لماذا تعتبر JavaScript مهمة جدًا؟
JavaScript ليست لغة جانبية، بل هي أساس الويب الحديث. تُستخدم في المواقع التفاعلية والمتاجر الإلكترونية ولوحات التحكم وغيرها.
- المواقع التفاعلية
- المتاجر الإلكترونية
- الألعاب البسيطة
- لوحات التحكم (Dashboards)
- تطبيقات الويب الحديثة
تقريبًا كل موقع حديث يستخدم JavaScript بشكل أو بآخر.
أين تعمل JavaScript؟
تعمل JavaScript في متصفحات الويب مثل Chrome و Firefox و Edge، ويمكن كتابتها داخل الصفحة أو في ملف خارجي. في هذه الدورة سنركز على JavaScript داخل المتصفح بأسلوب مناسب للمبتدئين.
سنركز على ✅
- JavaScript داخل المتصفح
- أمثلة عملية وتطبيقات صغيرة
- شرح مبسط للمبتدئ
سنؤجل ❌
- مواضيع متقدمة مبكرًا
- Frameworks قبل الأساس
- تعقيد غير ضروري
أول مثال JavaScript (بدون تعقيد)
هذا مثال بسيط جدًا: زر عند الضغط عليه يعرض رسالة.
<button onclick="alert('مرحبًا بك في JavaScript!')">
اضغط هنا
</button>ماذا يحدث هنا؟
- المستخدم يضغط الزر
- JavaScript تشغّل دالة alert
- تظهر رسالة على الشاشة
لا تقلق لو لم تفهم كل شيء الآن — سنشرح كل جزء بالتفصيل لاحقًا.
كيف سنشرح JavaScript في هذه الدورة؟
- شرح خطوة بخطوة بدون تعقيد
- أمثلة عملية بدل الحفظ
- تطبيقات صغيرة تثبت فهمك
- أخطاء شائعة وكيف تتجنبها
ماذا تحتاج قبل البدء؟
المطلوب ✅
- معرفة بسيطة بـ HTML و CSS
- متصفح حديث
- محرر أكواد مثل VS Code
غير مطلوب ❌
- خبرة برمجية سابقة
- رياضيات معقدة
- تثبيت برامج خاصة
أخطاء شائعة عند تعلم JavaScript
- حفظ الكود بدون فهم
- القفز لمواضيع متقدمة بسرعة
- نسخ الكود بدون تجربة
في هذه الدورة: نفهم قبل ما نكتب، ونطبّق أكثر مما نحفظ.
ماذا بعد هذا الدرس؟
الدرس القادم هو أول خطوة عملية حقيقية 🎯
سنتعلم كيف نكتب JavaScript داخل صفحة HTML، وأين نضع الكود، وكيف نشغله بالطريقة الصحيحة.
ملخص الدرس
- JavaScript تضيف التفاعل للمواقع
- هي جزء أساسي من تطوير الويب
- سنبدأ من الصفر وبأسلوب مبسط
- التطبيق أهم من الحفظ