دورة هندسة الواجهات الأمامية وإتاحة الاستخدام

Name: دورة هندسة الواجهات الأمامية الحديثة وإتاحة واجهات المستخدم
Availability: InStock

بناء تطبيقات ويب قائمة على المكونات مع فحوص الإتاحة والاختبارات الآلية وضوابط التسليم للإنتاج.

دورة هندسة الواجهات الأمامية وإتاحة الاستخدام

نظرة سريعة

المدة: أسبوع واحد
نوع التدريب: حضوري
المدن: الدار البيضاء، أثينا، زنجبار، بوكيت، باريس، جوهانسبرغ وغيرها
أقرب موعد: 9 – 13 نوفمبر 2026، الدار البيضاء
متوسط الرسوم: 5,750 €

الرئيسية
برامج التدريب
دورة هندسة الواجهات الأمامية الحديثة وإتاحة واجهات المستخدم

نظرة عامة

دورة هندسة الواجهات الأمامية الحديثة وإتاحة واجهات المستخدم هي دورة متوسطة مدتها أسبوع للمطورين ومهندسي الواجهات، ويعود المشاركون منها بحزمة تطبيق واجهة أمامية للإنتاج. يقارن المشاركون بنى React وAngular وVue، ويبنون واجهات ويب قائمة على المكونات مع ضوابط إتاحة واجهات المستخدم والتوجيه والنماذج وإدارة الحالة وتكامل API والاختبارات وقياس الأداء وأدلة النشر. تحول الدورة ممارسات التطوير المتفرقة إلى مسار تسليم قابل للمراجعة. تقدم أجايل للتدريب هندسة أطر الواجهات الأمامية الحديثة.

الفئة المستهدفة

الفرق المسؤولة عن تطوير واجهات المنتجات التي تعمل عبر المتصفح
الوظائف المسؤولة عن المكونات القابلة لإعادة الاستخدام وبنية الواجهة الأمامية
الفرق المسؤولة عن ربط واجهات الويب مع API
الوظائف المسؤولة عن أدلة الاختبار والإتاحة والأداء
القيادات التقنية المسؤولة عن معايير تسليم الواجهات ومراجعتها

تفترض الدورة أن المشاركين يكتبون HTML وCSS وJavaScript لتطبيقات الويب، ولا تتناول البرمجة التمهيدية أو برمجيات التصميم المرئي أو أبحاث تجربة المستخدم أو تطوير تطبيقات الهاتف أو تنفيذ الخدمات الخلفية.

الإدارات والقطاعات المستهدفة

تدعم الدورة الإدارات والقطاعات التي تبني واجهات ويب إنتاجية وتحافظ عليها.

فرق هندسة البرمجيات والمنتجات الرقمية وتطوير الواجهات الأمامية
منصات الخدمات المصرفية والتأمين والتجارة الرقمية
بوابات الرعاية الصحية وخدمات تقنيات التعليم
الخدمات الحكومية الرقمية وتطبيقات الخدمات المهنية
قنوات الاتصالات والخدمات اللوجستية والخدمة الذاتية للعملاء

أهداف التعلم

بنهاية هذه الدورة، سيتمكن المشاركون من:

مقارنة بنى المكونات في React وAngular وVue ومقايضات التسليم
بناء مكتبات مكونات متجاوبة باستخدام رموز التصميم والواجهات محددة النوع
تطبيق أنماط التوجيه والنماذج وإدارة الحالة وتكامل API
تقييم واجهات الويب وفق معايير الإتاحة في WCAG 2.2
استخدام الاختبارات الآلية وميزانيات الأداء وفحوص أمن الواجهة الأمامية
بناء تطبيق صفحة واحدة بأسلوب إنتاجي ونشره

جدول الدورة

اليوم 1: بنية الأطر وإعداد المشروع

مصفوفة مقارنة بنى React وAngular وVue
هيكل مشروع Vite وخطة حدود الوحدات
تصميم واجهات TypeScript وعقود البيانات
مخطط تركيب المكونات وتدفق التبعيات
اتفاقية مستودع الواجهة الأمامية وفروع Git

اليوم 2: المكونات والواجهات المتجاوبة

نظام رموز التصميم وخصائص CSS المخصصة
واجهة المكون القابل لإعادة الاستخدام وعقد الخصائص
نمط التخطيط المتجاوب باستخدام CSS Grid وFlexbox
بنية HTML الدلالية وتفاعلات ARIA
مجموعة حالات المكونات وتوثيقها في Storybook

اليوم 3: الحالة والتوجيه والنماذج وAPI

نمط التنقل وحماية المسارات باستخدام React Router
خريطة قرار الحالة المحلية والمشتركة وحالة الخادم
مواصفة التحقق من النماذج وحالات الخطأ
مسار تكامل Fetch API ومعالجة الإخفاق
قائمة مخاطر رموز المصادقة وتخزين المتصفح

اليوم 4: الجودة والإتاحة والتسليم

مراجعة لوحة المفاتيح والتركيز وفق WCAG 2.2
حزمة اختبارات المكونات والتفاعل باستخدام Testing Library
ميزانية الأداء وتدقيق التصيير باستخدام Lighthouse
مراجعة Content Security Policy ومخاطر التبعيات
قائمة خط بناء المشروع والنشر على الاستضافة الثابتة

اليوم 5: ممارسة تطبيق الواجهة الأمامية

تمرين مراجعة اختيار بنية الإطار
تمرين تجميع المكونات المتجاوبة وربط الحالة
تمرين اختبار النموذج المتاح والتفاعل بلوحة المفاتيح
تمرين مراجعة جاهزية الأداء والأمن والنشر
المهمة الختامية: حزمة تطبيق واجهة أمامية للإنتاج

التمارين التطبيقية

تستخدم الدورة أنشطة مقترحة لتحويل متطلبات الواجهة إلى أدلة تنفيذ قابلة للاختبار.

نشاط مقترح: مقارنة React وAngular وVue لواجهة خدمة مالية وتوثيق قرار البنية.
نشاط مقترح: بناء مكون متجاوب لبوابة رعاية صحية مع الحالات والتحقق وبيانات API.
نشاط مقترح: اختبار مسارات لوحة المفاتيح وسلوك التركيز وأداء التصيير وحالات الإخفاق.
نشاط مقترح: تجميع حزمة التطبيق مع الشيفرة والاختبارات ونتائج التدقيق وسجلات النشر.

الأسئلة الشائعة

لمن تناسب دورة أطر الواجهات الأمامية الحديثة، وما الذي تفترضه؟

تناسب الدورة المطورين ومهندسي الواجهات والبرمجيات والقيادات التقنية. وتفترض خبرة عملية في HTML وCSS وJavaScript، ولا تفترض خبرة متقدمة في إطار بعينه.

كيف تختلف هندسة واجهات المستخدم المتاحة عن تدريب تصميم الواجهات؟

تنفذ هندسة الواجهات سلوك المكونات والبنية الدلالية والوصول بلوحة المفاتيح والحالة والاختبارات والأداء والنشر، بينما يركز تدريب التصميم على الأنظمة المرئية والنماذج الأولية ومواصفات التسليم.

هل يحتاج مطور الواجهة الأمامية إلى دراسة React وAngular وVue معا؟

توفر المقارنة أساسا لفهم أنماط المكونات والتوجيه والحالة والبيانات المشتركة. تستخدم الدورة React للتطبيق المتعمق، وتقارن خيارات البنية في Angular وVue.

كيف يطبق WCAG 2.2 في تطوير الواجهات الأمامية؟

يطبق WCAG 2.2 عبر البنية الدلالية والوصول بلوحة المفاتيح والتركيز المرئي والتسميات ومعالجة الأخطاء والتباين وسلوك الأهداف وفحوص الإتاحة المتكررة عبر حالات الواجهة المتجاوبة.

الخاتمة

يعود المشاركون إلى العمل بحزمة تطبيق واجهة أمامية للإنتاج. تربط الحزمة قرارات البنية والمكونات والحالة والمسارات والنماذج وسلوك API وأدلة الإتاحة والاختبارات الآلية وقياس الأداء وضوابط الأمن وسجلات النشر. وتحول شيفرة الواجهة المنعزلة إلى مسار تسليم يمكن للفرق مراجعته وصيانته وتوسيعه.

ساعات معتمدة: 5 ساعة في اليوم

وضع الدورة: دوام كامل

مقدم الدورة: مركز (Agile Leaders) للتدريب

Download Brochure (PDF) Print PDF

عرض 21-40 من 76 أحداث

الموقع	التواريخ	المدة	النمط	السعر
فرانكفورت	الأسبوع 07, 2027 15 – 19 فبراير 2027	أسبوع واحد	حضوري	€5,700
أكرا	الأسبوع 07, 2027 21 – 25 فبراير 2027	أسبوع واحد	حضوري	€4,100
سيول	الأسبوع 09, 2027 1 – 5 مارس 2027	أسبوع واحد	حضوري	€10,000
نيويورك	الأسبوع 10, 2027 8 – 12 مارس 2027	أسبوع واحد	حضوري	€12,000
لاغوس	الأسبوع 10, 2027 14 – 18 مارس 2027	أسبوع واحد	حضوري	€4,100
دبي	الأسبوع 11, 2027 15 – 19 مارس 2027	أسبوع واحد	حضوري	€4,500
أديس أبابا	الأسبوع 12, 2027 22 – 26 مارس 2027	أسبوع واحد	حضوري	€4,500
أمستردام	الأسبوع 13, 2027 29 مارس – 2 أبريل 2027	أسبوع واحد	حضوري	€5,700
بالي	الأسبوع 13, 2027 4 – 8 أبريل 2027	أسبوع واحد	حضوري	€5,700
بورتو	الأسبوع 15, 2027 12 – 16 أبريل 2027	أسبوع واحد	حضوري	€5,700
سنغافورة	الأسبوع 16, 2027 19 – 23 أبريل 2027	أسبوع واحد	حضوري	€5,700
كوالالمبور	الأسبوع 17, 2027 26 – 30 أبريل 2027	أسبوع واحد	حضوري	€5,200
أبوظبي	الأسبوع 17, 2027 26 – 30 أبريل 2027	أسبوع واحد	حضوري	€4,700
روما	الأسبوع 18, 2027 3 – 7 مايو 2027	أسبوع واحد	حضوري	€5,700
ميونخ	الأسبوع 18, 2027 3 – 7 مايو 2027	أسبوع واحد	حضوري	€5,700
شيكاغو	الأسبوع 18, 2027 9 – 13 مايو 2027	أسبوع واحد	حضوري	€12,000
ماربيا	الأسبوع 19, 2027 16 – 20 مايو 2027	أسبوع واحد	حضوري	€5,700
مسقط	الأسبوع 20, 2027 23 – 27 مايو 2027	أسبوع واحد	حضوري	€5,700
لندن	الأسبوع 21, 2027 24 – 28 مايو 2027	أسبوع واحد	حضوري	€5,700
عمان	الأسبوع 21, 2027 30 مايو – 3 يونيو 2027	أسبوع واحد	حضوري	€4,100

الأسئلة الشائعة

ما الذي تغطيه هذه الدورة؟

نظرة عامةدورة هندسة الواجهات الأمامية الحديثة وإتاحة واجهات المستخدم هي دورة متوسطة مدتها أسبوع للمطورين ومهندسي الواجهات، ويعود المشاركون منها بحزمة تطبيق واجهة أمامية للإنتاج. يقارن المشاركون بنى React وAngular وVue، ويبنون واجهات ويب قائمة على المكونات مع ضوابط إتاحة واجهات المستخدم والتوجيه والنماذج وإدارة الحالة وتكامل API والاختبارات وقياس الأداء وأ…

هل تتوفر مواعيد لهذه الدورة؟

نعم. المواعيد والوجهات المتاحة مدرجة في قسم مواعيد الدورة في هذه الصفحة.

كيف يمكنني التسجيل؟

اختر موعداً متاحاً في هذه الصفحة ثم أكمل نموذج التسجيل، أو أرسل استفساراً عن البرنامج.

هل يمكنني تنزيل كتيب الدورة؟

نعم. استخدم رابط تنزيل الكتيب الموجود في هذه الصفحة.

دورة هندسة الواجهات الأمامية وإتاحة الاستخدام