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

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

عرض 1-20 من 76 أحداث

الموقع	التواريخ	المدة	النمط	السعر
الدار البيضاء	الأسبوع 46, 2026 9 – 13 نوفمبر 2026	أسبوع واحد	حضوري	€4,100
أثينا	الأسبوع 46, 2026 9 – 13 نوفمبر 2026	أسبوع واحد	حضوري	€6,700
زنجبار	الأسبوع 46, 2026 15 – 19 نوفمبر 2026	أسبوع واحد	حضوري	€5,500
بوكيت	الأسبوع 47, 2026 22 – 26 نوفمبر 2026	أسبوع واحد	حضوري	€6,000
باريس	الأسبوع 48, 2026 23 – 27 نوفمبر 2026	أسبوع واحد	حضوري	€5,700
جوهانسبرغ	الأسبوع 48, 2026 29 نوفمبر – 3 ديسمبر 2026	أسبوع واحد	حضوري	€4,500
دبي	الأسبوع 50, 2026 7 – 11 ديسمبر 2026	أسبوع واحد	حضوري	€4,500
اسطنبول	الأسبوع 50, 2026 7 – 11 ديسمبر 2026	أسبوع واحد	حضوري	€4,500
أبوظبي	الأسبوع 50, 2026 7 – 11 ديسمبر 2026	أسبوع واحد	حضوري	€4,700
تورنتو	الأسبوع 50, 2026 13 – 17 ديسمبر 2026	أسبوع واحد	حضوري	€12,000
القاهرة	الأسبوع 52, 2026 21 – 25 ديسمبر 2026	أسبوع واحد	حضوري	€4,100
أمستردام	الأسبوع 52, 2026 21 – 25 ديسمبر 2026	أسبوع واحد	حضوري	€5,700
الكويت	الأسبوع 52, 2026 27 – 31 ديسمبر 2026	أسبوع واحد	حضوري	€5,500
لندن	الأسبوع 53, 2026 28 ديسمبر 2026 – 1 يناير 2027	أسبوع واحد	حضوري	€5,700
جنيف	الأسبوع 53, 2027 3 – 7 يناير 2027	أسبوع واحد	حضوري	€6,200
لشبونة	الأسبوع 02, 2027 11 – 15 يناير 2027	أسبوع واحد	حضوري	€5,700
ميلان	الأسبوع 03, 2027 18 – 22 يناير 2027	أسبوع واحد	حضوري	€5,700
أبوظبي	الأسبوع 04, 2027 25 – 29 يناير 2027	أسبوع واحد	حضوري	€4,700
طشقند	الأسبوع 04, 2027 31 يناير – 4 فبراير 2027	أسبوع واحد	حضوري	€4,500
الدوحة	الأسبوع 05, 2027 7 – 11 فبراير 2027	أسبوع واحد	حضوري	€5,500

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

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

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

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

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

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

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

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

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

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