دورة أساسيات الويب وتطوير الواجهات الأمامية (HTML5 & Modern CSS & JS)
دورة تأسيسية تطبيقية مكثفة (24 ساعة تدريبية) لفهم كيفية عمل الويب وهيكلة الصفحات الدلالية بـ HTML5، والتنسيق المتجاوب بـ Modern CSS والبرمجة بـ JavaScript والتعامل مع DOM والـ APIs والنشر على Git/GitHub.
نظرة عامة عن البرنامج
تشكل هذه الدورة حجر الأساس المتين لكل مهندس ومطور ويب. تركز على الفهم العميق لبيئة الويب، الخوادم والعميل، دورة حياة الطلب (HTTP Request Lifecycle)، وبناء صفحات ويب نظيفة ودلالية متوافقة مع معايير الوصولية ومحركات البحث (SEO). تنتقل بعد ذلك إلى إتقان التنسيقات الحديثة (Flexbox & CSS Grid) والتصميم المتجاوب مع كافة الشاشات، ثم البرمجة العملية بلغة JavaScript، ومعالجة أحداث الـ DOM، واستهلاك الواجهات البرمجية (REST APIs) وعرض البيانات الحية، وإدارة الإصدارات ورفع المشاريع على GitHub ونشرها على استضافة حية.
ماذا ستتعلم في هذا البرنامج؟
الخطة التدريبية والمنهاج
منهج تطبيقي متدرج يجمع بين فهم الأسس العميقة وتطبيق أحدث المعايير البرمجية مع أدوات الذكاء الاصطناعي.
كيف يعمل الويب، بروتوكولات الإنترنت، وهيكلة الصفحات الدلالية بـ HTML5
- فهم بنية الويب والعميل/الخادم (Client/Server) ودورة حياة الطلب HTTP/HTTPS.
- آلية عمل النطاقات (DNS) والاستضافات واستجابة المتصفحات.
- كتابة كود HTML5 دلالي ونظيف ومتوافق مع معايير الوصولية (Accessibility).
- هيكلة النماذج (Forms) وحقول الإدخال وقواعد البيانات النصية لتهيئة الموقع لمحركات البحث (SEO).
التنسيق المتقدم، أنظمة التصميم الحديثة، والواجهات المتجاوبة بـ Modern CSS
- إتقان نموذج الصندوق (CSS Box Model) والألوان والمتغيرات المخصصة (Custom Properties).
- احتراف نظام الصناديق المرنة (Flexbox) لمحاذاة وتوزيع العناصر باحترافية.
- بناء الشبكات المعقدة والتخطيطات ثنائية الأبعاد بنظام CSS Grid.
- الاستعلامات الإعلامية (Media Queries) وضمان التجاوب التام مع كافة الشاشات والأجهزة، وتوظيف أطر التنسيق المساعدة.
البرمجة بلغة JavaScript، التفاعل الحي، والتعامل مع شجرة عناصر الصفحة (DOM)
- مفاهيم وقواعد JavaScript الحديثة (ES6+): المتغيرات، الدوال السهمية، المصفوفات، والكائنات.
- التعامل مع شجرة عناصر الصفحة (DOM Tree Selection & Traversal).
- معالجة أحداث المستخدم والنقر والإدخال (Event Listeners & Event Delegation).
- التحقق اللحظي من صحة النماذج وإضافة المؤثرات التفاعلية وتعديل الـ CSS ديناميكياً.
الطلبات غير المتزامنة، استهلاك الـ APIs، وإدارة الإصدارات والنشر بـ Git & GitHub
- البرمجة غير المتزامنة بـ Fetch API و Async/Await والتعامل مع استجابات JSON.
- استهلاك واجهات برمجية عامة (RESTful APIs) وعرض البيانات الحية والتعامل مع الأخطاء.
- أدوات المطور بالمتصفح (DevTools) لتتبع الشبكة والأداء واستكشاف الأخطاء (Debugging).
- إدارة الإصدارات البرمجية بـ Git، إنشاء المستودعات على GitHub، ونشر المشروع النهائي برابط حي.
لمن صُمم هذا البرنامج؟
مدربو وموجهو البرنامج
م. معاذ أبو عودة
مستشار برمجيات ومدرب رئيسي في هندسة الويب والـ AI
مهندس برمجيات ومستشار تقني ذو خبرة تزيد عن 9 سنوات في بناء منصات الويب المعقدة والمعمارية النظيفة (Clean Architecture). قاد وأشرف على تطوير العديد من المشروعات والأنظمة الرقمية الكبرى، ومتحمس لنقل المعرفة التقنية المعاصرة وتدريب الكفاءات الشابة على أحدث تقنيات Vue 3 و Nuxt و Laravel وأدوات الذكاء الاصطناعي. من أهم أعماله منصة العمل الحر وريادة الأعمال netloopers، وهو مدرب معتمد حاصل على شهادة المزاولة في تدريب الويب.