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

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

نظرة سريعة

المدة
أسبوع واحد
نوع التدريب
حضوري
المدن
الدار البيضاء، أثينا، زنجبار، بوكيت، باريس، جوهانسبرغ وغيرها
أقرب موعد
9 – 13 نوفمبر 2026، الدار البيضاء
متوسط الرسوم
5,750 €
  1. الرئيسية
  2. برامج التدريب
  3. دورة هندسة الواجهات الأمامية الحديثة وإتاحة واجهات المستخدم
Download Brochure (PDF) Print PDF

نظرة عامة

دورة هندسة الواجهات الأمامية الحديثة وإتاحة واجهات المستخدم هي دورة متوسطة مدتها أسبوع للمطورين ومهندسي الواجهات، ويعود المشاركون منها بحزمة تطبيق واجهة أمامية للإنتاج. يقارن المشاركون بنى 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
عرض 61-76 من 76 أحداث
الصورة الموقع التواريخ المدة النمط السعر الإجراءات
فيينا فيينا الأسبوع 36, 2027
6 – 10 سبتمبر 2027 		أسبوع واحد حضوري €5,700
ميلان ميلان الأسبوع 37, 2027
13 – 17 سبتمبر 2027 		أسبوع واحد حضوري €5,700
مونترو مونترو الأسبوع 38, 2027
20 – 24 سبتمبر 2027 		أسبوع واحد حضوري €7,500
المنامة المنامة الأسبوع 38, 2027
26 – 30 سبتمبر 2027 		أسبوع واحد حضوري €4,700
طوكيو طوكيو الأسبوع 39, 2027
27 سبتمبر – 1 أكتوبر 2027 		أسبوع واحد حضوري €10,000
دبي دبي الأسبوع 40, 2027
4 – 8 أكتوبر 2027 		أسبوع واحد حضوري €4,500
برلين برلين الأسبوع 40, 2027
4 – 8 أكتوبر 2027 		أسبوع واحد حضوري €5,700
نيروبي نيروبي الأسبوع 40, 2027
10 – 14 أكتوبر 2027 		أسبوع واحد حضوري €4,500
لندن لندن الأسبوع 42, 2027
18 – 22 أكتوبر 2027 		أسبوع واحد حضوري €5,700
أبوظبي أبوظبي الأسبوع 42, 2027
18 – 22 أكتوبر 2027 		أسبوع واحد حضوري €4,700
برشلونة برشلونة الأسبوع 43, 2027
25 – 29 أكتوبر 2027 		أسبوع واحد حضوري €5,700
جاكرتا جاكرتا الأسبوع 43, 2027
25 – 29 أكتوبر 2027 		أسبوع واحد حضوري €5,700
بانكوك بانكوك الأسبوع 43, 2027
31 أكتوبر – 4 نوفمبر 2027 		أسبوع واحد حضوري €6,000
القاهرة القاهرة الأسبوع 44, 2027
1 – 5 نوفمبر 2027 		أسبوع واحد حضوري €4,100
كيب تاون كيب تاون الأسبوع 44, 2027
7 – 11 نوفمبر 2027 		أسبوع واحد حضوري €4,500
عن بعد عن بعد الأسبوع 45, 2027
8 – 12 نوفمبر 2027 		أسبوع واحد حضوري €1,500

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

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

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

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

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

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

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

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

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

هذه الدورة في المدن

دورات ذات صلة

الدورة التدريبية في أنظمة تصميم واجهات المستخدم والنماذج الأولية

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

دورة تطوير البرمجيات المتكاملة وتصميم التطبيقات
المزيد من التاريخ والمواقع
دورة إدارة الواجهات والتنسيق بين الإدارات

دورة إدارة الواجهات والتنسيق بين الإدارات
المزيد من التاريخ والمواقع