
تطوير تطبيقات الويب الأمامية باستخدام React هي دورة في متوسط تطوير الواجهة الأمامية تُقدَّم حضوريًا وعبر الإنترنت من قبل أكاديمية صبيح للبرمجيات في عمّان، الأردن.
5 أيام (40 ساعة)
آخر تحديث ١٦ آب ٢٠٢٦
المواضيع الرئيسية:
مواضيع فرعية تفصيلية:
تمرين عملي: بناء واجهة عرض منتجات ثابتة كمجموعة مكوّنات مركّبة (ProductCard، ProductList، FilterBar) مُتحكَّم بها بالكامل عبر الخصائص.
سيناريو من واقع العمل: تحتاج صفحة كتالوج تسوّق إلى عرض قائمة منتجات قابلة للتصفية من مجموعة بيانات ثابتة قبل إضافة أي سلوك ديناميكي.
نتيجة التعلم: يصبح المشاركون قادرين على تفكيك واجهة إلى مكوّنات جيدة البنية وقابلة لإعادة الاستخدام وتمرير البيانات بشكل صحيح عبر الخصائص.
المواضيع الرئيسية:
مواضيع فرعية تفصيلية:
تمرين عملي: إضافة تصفية تفاعلية ونموذج بحث مُتحكَّم به إلى كتالوج اليوم الأول، مع استخراج منطق التصفية إلى خطاف مخصص.
سيناريو من واقع العمل: يحتاج المستخدمون إلى تصفية والبحث في كتالوج المنتجات فورياً أثناء الكتابة، دون الحاجة إلى إعادة تحميل الصفحة.
نتيجة التعلم: يصبح المشاركون قادرين على إدارة حالة المكوّن المحلية والتأثيرات الجانبية بشكل صحيح، وتحديد وإصلاح أخطاء useEffect الشائعة.
المواضيع الرئيسية:
مواضيع فرعية تفصيلية:
تمرين عملي: إضافة توجيه متعدد الصفحات (كتالوج، تفاصيل المنتج، السلة) إلى التطبيق، بجلب بيانات منتجات حقيقية من واجهة REST API بمعالجة سليمة للتحميل والأخطاء.
سيناريو من واقع العمل: يحتاج الكتالوج إلى أن يصبح تطبيقاً متعدد الصفحات بعرض تفاصيل منتج يُجلب مباشرة من واجهة API خلفية، بما في ذلك معالجة سلسة لفشل الشبكة.
نتيجة التعلم: يصبح المشاركون قادرين على تنفيذ التوجيه من جانب العميل وربط تطبيق React بواجهة API خلفية حقيقية بمتانة.
المواضيع الرئيسية:
مواضيع فرعية تفصيلية:
تمرين عملي: نقل سلة التسوق إلى حالة عامة باستخدام Context API، وإضافة التخزين المؤقت للحساب لمنع إعادة العرض غير الضرورية، وكتابة اختبارات مكوّنات لمنطق السلة.
سيناريو من واقع العمل: تحتاج السلة إلى أن تكون متاحة من شريط التنقل وصفحة الكتالوج وصفحة الدفع دون تمرير خصائص عبر كل مكوّن وسيط.
نتيجة التعلم: يصبح المشاركون قادرين على تصميم استراتيجيات مشاركة حالة مناسبة لتطبيق متنامٍ وكتابة اختبارات آلية ذات معنى لمكوّنات React.
المواضيع الرئيسية:
مواضيع فرعية تفصيلية:
تمرين عملي: إنهاء تطبيق التسوق متعدد الصفحات، وإضافة مسارات محمّلة كسولاً، وإجراء فحص إمكانية وصول، وإنتاج بناء إنتاجي جاهز للنشر.
سيناريو من واقع العمل: التطبيق جاهز للتسليم إلى عميل؛ يحتاج إلى بناء صحيح للإنتاج، وتحميل سريع، وتلبية توقعات إمكانية الوصول الأساسية.
نتيجة التعلم: يغادر المشاركون بتطبيق React كامل ومُختبَر وببناء إنتاجي، ومهارات هيكلة مشروع جديد بالطريقة نفسها.
هذه الدورة للمطورين الذين يعرفون بالفعل JavaScript ويريدون بناء تطبيقات حقيقية وبجودة إنتاجية باستخدام React.
أساسيات JavaScript متينة مطلوبة؛ هذه ليست دورة أولى في تطوير الويب.
عند إتمام التدريب بنجاح، سيحصل المشاركون على شهادة إتمام رسمية.

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