
تطوير الويب الحديث باستخدام HTML5 وCSS3 وJavaScript هي دورة في مبتدئ تطوير الواجهة الأمامية تُقدَّم حضوريًا وعبر الإنترنت من قبل أكاديمية صبيح للبرمجيات في عمّان، الأردن.
5 أيام (40 ساعة)
آخر تحديث ١٦ آب ٢٠٢٦
المواضيع الرئيسية:
مواضيع فرعية تفصيلية:
تمرين عملي: بناء البنية الدلالية لـHTML لموقع بورتفوليو شخصي متعدد الأقسام، بما في ذلك نموذج تواصل بمدخلات مُسمّاة بشكل صحيح.
سيناريو من واقع العمل: يحتاج محترف مستقل إلى موقع شخصي بسيط بقسم "نبذة عني" ومعرض بورتفوليو ونموذج تواصل.
نتيجة التعلم: يصبح المشاركون قادرين على كتابة صياغة HTML5 نظيفة ودلالية وقابلة للوصول لصفحة حقيقية متعددة الأقسام.
المواضيع الرئيسية:
مواضيع فرعية تفصيلية:
تمرين عملي: تنسيق موقع البورتفوليو من اليوم الأول: شريط تنقل بـFlexbox، معرض بورتفوليو قائم على Grid، وطباعة متسقة باستخدام متغيرات CSS.
سيناريو من واقع العمل: يحتاج موقع البورتفوليو بصياغة HTML الخام إلى مظهر احترافي ومنظّم بصرياً قبل عرضه على عملاء محتملين.
نتيجة التعلم: يصبح المشاركون قادرين على تخطيط صفحة حقيقية باستخدام CSS الحديث (Flexbox وGrid) دون الاعتماد على إطار عمل.
المواضيع الرئيسية:
مواضيع فرعية تفصيلية:
تمرين عملي: جعل موقع البورتفوليو متجاوباً بالكامل عبر نقاط توقف الجوال واللوحي وسطح المكتب، بما في ذلك نمط تنقل للجوال.
سيناريو من واقع العمل: تُظهر التحليلات أن أكثر من نصف زوّار الموقع على أجهزة جوالة، لكن التخطيط الحالي يتعطّل تحت عرض 768 بكسل.
نتيجة التعلم: يصبح المشاركون قادرين على تصميم وتنفيذ تخطيط متجاوب يعمل بشكل صحيح عبر أحجام الأجهزة الشائعة.
المواضيع الرئيسية:
مواضيع فرعية تفصيلية:
تمرين عملي: إضافة تفاعلية JavaScript إلى موقع البورتفوليو: مبدّل قائمة جوال، تحقق من صحة نموذج التواصل من جانب العميل، ومعرض بورتفوليو قابل للتصفية ديناميكياً.
سيناريو من واقع العمل: يسمح نموذج التواصل حالياً بالتقديم ببريد إلكتروني فارغ أو غير صحيح، ويحتاج معرض البورتفوليو إلى فلتر تصنيف يعمل.
نتيجة التعلم: يصبح المشاركون قادرين على استخدام JavaScript الخام لمعالجة DOM والاستجابة لتفاعل المستخدم بشكل صحيح.
المواضيع الرئيسية:
مواضيع فرعية تفصيلية:
تمرين عملي: إضافة قسم ديناميكي إلى موقع البورتفوليو يجلب ويعرض بيانات حية من واجهة API عامة (مثل الطقس أو مستودعات GitHub)، مع حالات تحميل وخطأ سليمة، ثم نشر الموقع النهائي.
سيناريو من واقع العمل: سيستفيد البورتفوليو من قسم حي "أقرأ حالياً" أو "أحدث مشاريعي" مسحوب تلقائياً من خدمة خارجية بدلاً من التحديث اليدوي.
نتيجة التعلم: يغادر المشاركون بموقع ويب كامل ومتجاوب وتفاعلي — مبنيّ ومنشور بالكامل باستخدام HTML5 وCSS3 وJavaScript الخام — والأساس اللازم للانتقال إلى إطار عمل مثل React.
هذه الدورة نقطة البداية المعتمدة لأي شخص بلا خلفية سابقة في تطوير الويب يريد بناء مواقع ويب حقيقية من الصفر.
لا حاجة لخبرة سابقة في تطوير الويب أو البرمجة.
عند إتمام التدريب بنجاح، سيحصل المشاركون على شهادة إتمام رسمية.

نظرة على دورتنا التدريبية — جلسات تدريب عملية مع محترفين من الأردن ودول الخليج.
تواصل معنا وسنساعدك في تخطيط التدريب المناسب لفريقك.