مقدمة الدورة
اذا كنت جديدا في عالم HTML فيجب عليك أخذ دورة HTML قبل هذه الدورة من هنا . الموقع الالكتروني الذي تم كتابته وانشاءه عن طريق HTML فقط هو موقع الكتروني ثابت المحتوى .. أي محتوى الصفحة ثابت لا يتغير .. لذلك نتعلم الجافاسكربت التي تجعل الموقع ديناميكيا أي متحرك المحتوى ..
الموقع الثابت (HTML Only): هو مثل "الجريدة المطبوعة". بمجرد أن تفتح الصفحة، ترى نصوصاً وصوراً. إذا أردت رؤية معلومة جديدة، يجب عليك إعادة تحميل الصفحة بالكامل أو الانتقال لصفحة أخرى. لا توجد تفاعلات فورية.
الموقع الديناميكي (JavaScript): هو مثل "التطبيق الذكي". المحتوى يتغير أمام عينيك دون الحاجة لإعادة تحميل الصفحة.
ماذا ستتعلم في هذه الدورة؟
- ما هي JavaScript ولماذا هي مهمة في تطوير الويب
- المتغيرات وأنواع البيانات (Numbers / Strings / Booleans)
- الجمل الشرطية (if / else) واتخاذ القرار
- الحلقات (for / while) وتكرار العمليات
- الدوال (Functions) وفهم فكرة “إعادة الاستخدام”
- المصفوفات والكائنات (Arrays / Objects) بشكل مبسط
- التعامل مع عناصر الصفحة (DOM) وتغيير المحتوى
- الأحداث (Events) مثل click و input وغيرها
- مشاريع صغيرة وتطبيقات عملية تثبت فهمك
- ملخصات سريعة + تحديات بسيطة لكل مرحلة
لماذا هذه الدورة مهمة؟
التفاعل الحقيقي
JavaScript هي المسؤولة عن التفاعل: أزرار، قوائم، نماذج، تنبيهات، تغيّر محتوى الصفحة… بدونها الموقع يكون ثابت.
قاعدة لأي خطوة قادمة
فهم JavaScript جيدًا يجعل تعلم المكتبات والأطر مثل React أو Vue أسهل بكثير لاحقًا.
لمن هذه الدورة؟
- لمن تعلم HTML وCSS ويريد إضافة تفاعل للمواقع
- للمبتدئين الذين يريدون تعلم البرمجة بأسلوب واضح وتطبيقات عملية
- لمن يهدف لدخول مجال Front-End بشكل احترافي
ملاحظة مهمة ⚠️
هذه الدورة تركز على JavaScript في المتصفح (تفاعل صفحات الويب) بطريقة مناسبة للمبتدئ. سنبني أساس قوي أولاً قبل الدخول في مواضيع متقدمة مثل Asynchronous أو Frameworks.
متطلبات الدورة
قبل أن تبدأ
- ✅ معرفة بسيطة بـ HTML وCSS (مستوى مبتدئ)
- ✅ متصفح حديث + محرر أكواد (مثل VS Code)
- ✅ رغبة في التطبيق… أكثر من الحفظ
بعد الدورة ستكون قادرًا على
- 🧠 فهم أساسيات البرمجة في JavaScript
- 🖱️ التحكم بعناصر الصفحة وتغييرها
- ⚡ بناء تفاعلات ومشاريع صغيرة بنفسك
جاهز تجعل صفحاتك تتفاعل؟ 🚀
ابدأ الآن… ومع كل درس ستبني جزء حقيقي من مهارتك كمطور واجهات.