دورة إطار عمل Sencha التدريبية

أتقن Sencha Ext JS من خلال تدريب Sencha العملي. تعلم هندسة التطبيقات، نمذجة البيانات، شبكات عالية الأداء، النماذج، التحقق، ودمج البيانات البعيدة لبناء تطبيقات مؤسسية سريعة وقابلة للتوسع وغنية بالبيانات يثق بها المستخدمون.

معاينة الشهادة Elevify للشركات

ماذا ستتعلم:

يوفر تدريب Sencha مسارًا مركزًا لبناء تطبيقات Ext JS سريعة وغنية بالبيانات. تعلم هندسة التطبيقات القوية، MVVM مقابل MVC، وإعداد المشروع النظيف. مارس نمذجة بيانات الطلبات الواقعية، شبكات قوية مع التصفية والترتيب والتصفح، بالإضافة إلى نماذج مصقولة والتحقق وتجربة المستخدم. كما تتقن Ext.data.Store، الدمج البعيد، واجهات برمجية وهمية، تهيئة الأداء، الوصولية، ومعالجة الأخطاء القوية في تنسيق عملي مدمج.

كيف تدرس بشكل عملي دورة إطار عمل Sencha التدريبية

كيف تتدرب عملياً دورة إطار عمل Sencha التدريبية

لك إذا كنت شركة وتريد تدريب فريقك

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

اضغط هنا

محتوى الدورة

6 فصول • 30 دروسمدة بين 4 و 360 ساعة (أنت تقرر)

الفصل 1عرض التفاصيل

هندسة تطبيقات Ext JS وإعداد المشروع

الدرس 1 • إدارة الإصدارات وتكوين البناء وملاحظات التغليف لنموذج أولي (باستخدام JSON محلي أو نقاط نهاية واجهة برمجة تطبيقات وهمية)
تعلم كيفية إدارة إصدارات Ext JS و Cmd، تكوين البناء، وتغليف نموذج أولي. استخدم ملفات JSON المحلية أو واجهات برمجة التطبيقات الوهمية، قم بتعديل app.json، وأنشئ ملفات تعريف بناء تدعم التطوير التكراري منخفض المخاطر.
الدرس 2 • فهم إطارات Sencha Ext JS: الأداة الكلاسيكية، الأداة الحديثة، والاختلافات المتعلقة بتطبيقات البيانات الثقيلة
استكشف أدوات Ext JS الكلاسيكية والحديثة، نماذج التصيير، مجموعات المكونات، وخصائص الأداء. تعلم كيفية اختيار الأداة المناسبة أو نهج هجين لتطبيقات المؤسسة المعقدة الغنية بالبيانات.
الدرس 3 • اختيار MVVM مقابل MVC في Ext JS: المتحكمون، نماذج العرض، العروض، وأفضل الممارسات للصيانة
تعلم متى تختار MVVM أو MVC في Ext JS، كيف يتعاون المتحكمون ونماذج العرض والعروض، وكيفية هيكلة المسؤوليات للحفاظ على واجهات معقدة مدفوعة بالبيانات قابلة للصيانة وقابلة للاختبار وسهلة التوسع.
الدرس 4 • هيكل المشروع وتنظيم الملفات: مجلد التطبيق، النماذج، المخازن، العروض، متحكمي العرض، نماذج العرض، app.js/نافذة العرض
تعلم كيفية هيكلة مشروع Ext JS باستخدام مجلد التطبيق، النماذج، المخازن، العروض، متحكمي العرض، نماذج العرض، app.js/نافذة العرض، واتفاقيات التسمية التي تحافظ على قواعد الكود الكبيرة منظمة.
الدرس 5 • إعداد بيئة التطوير: Sencha Cmd، SDK لـ Ext JS، استخدام webpack أو خادم ثابت بسيط، إنشاء تطبيق Ext JS
أعد بيئة تطوير Ext JS منتجة باستخدام Sencha Cmd ومجموعة SDK لـ Ext JS. تعلم كيفية إنشاء تطبيقات، تشغيل خادم محلي، ودمج webpack أو خادم ثابت اختياري للنمذجة السريعة والاختبار.

الفصل 2عرض التفاصيل

نمذجة البيانات لإدارة الطلبات

الدرس 1 • الارتباطات والبيانات المتداخلة: متى تمثيل العميل أو بنود الخط كارتباطات مقابل حقول غير طبيعية لنموذج أولي
تعلم متى تمثل العملاء وبنود الخط كارتباطات مقابل حقول مدمجة في نماذج Sencha، كيف يؤثر هذا الاختيار على المخازن والربط والأداء، وكيفية تطوير النماذج الأولية إلى هياكل إنتاج قابلة للصيانة.
الدرس 2 • تصميم سجلات عينة واقعية وبذور JSON: بناء حمولات عينة بما في ذلك حقول الوصف التعريفي للتصفح والإجماليات
استكشف كيفية تصميم طلبات وعملاء عينة واقعيين، بناء حمولات JSON مع بيانات التصفح والإجماليات والمرشحات، واستخدامها مع وكلاء ومخازن Sencha وخوادم وهمية لاختبار واجهة المستخدم بشكل متكرر.
الدرس 3 • أنواع بيانات الحقول والصيغ: الأعداد الصحيحة، العوائم/العشرية، التعدادات، صيغ التاريخ، واعتبارات التوطين
راجع أنواع حقول Sencha الرئيسية لبيانات الطلب، بما في ذلك الأرقام والتعدادات والتواريخ، اختر الصيغ للواجهات البرمجية وواجهة المستخدم، وتعامل مع التوطين للعملة والمناطق الزمنية والعرض الخاص بالمنطقة.
الدرس 4 • تصميم نموذج الطلب: الحقول المطلوبة (id، customerName، status، totalAmount، createdAt، updatedAt) والحقول الإضافية (priority، assignedTo، country) مع الأنواع وقواعد التحقق
حدد نموذج طلب Sencha كامل مع الحقول الأساسية والاختيارية، أنواع البيانات، القيم الافتراضية، وقواعد التحقق، وراقب كيف يدعم هذا النموذج الشبكات والنماذج وسير عمل التحرير والمنطق التجاري.
الدرس 5 • التحققات وقيود جانب العميل: الحقول المطلوبة، نطاقات الأرقام، regex للمعرفات، وقيود التاريخ
افهم كيفية تحديد التحققات الجانب العميل في نماذج Sencha، بما في ذلك الحقول المطلوبة، نطاقات الأرقام، أنماط المعرفات، وقواعد التاريخ، وكيفية عرض أخطاء التحقق في النماذج والشبكات.

الفصل 3عرض التفاصيل

Ext.data.Store ودمج البيانات البعيدة

الدرس 1 • استخدام BufferedStore والتمرير اللانهائي: bufferZone، pageSize، leadingBufferZone، وتأثيرات التصفية في الذاكرة مقابل البعيدة
استكشف BufferedStore والتمرير اللانهائي لمجموعات البيانات الكبيرة. كون pageSize و bufferZone و leadingBufferZone، وقارن بين التصفية في الذاكرة مقابل البعيدة لتحقيق التوازن بين الأداء والنطاق الترددي وتجربة المستخدم.
الدرس 2 • معالجة الأخطاء ودورة حياة الطلب: معالجة الفشل، استراتيجيات الإعادة، مهل الطلب الزمنية، وعرض الأخطاء للواجهة
افهم دورة حياة طلب Ext.data.Store وكيفية معالجة الفشل. نفذ المهل الزمنية والإعادة والتراجع، اعرض الأخطاء للواجهة، وسجل تفاصيل التشخيص لدعم التصحيح والمراقبة في الإنتاج.
الدرس 3 • محاكاة واجهات برمجة التطبيقات: تقديم JSON ثابت، نقاط نهاية خادم Express/JSON المحلي البسيط للتصفح/التصفية، وإرجاع meta (total) المناسب في الردود
ممارسة محاكاة واجهات برمجة التطبيقات للتطوير باستخدام ملفات JSON الثابتة وخوادم Express الخفيفة. نفذ نقاط نهاية تدعم التصفح والتصفية مع إرجاع بيانات الإجمالي المتوافقة مع توقعات متجر Ext JS.
الدرس 4 • تنفيذ تصفح على طراز الخادم في Ext JS: pageParam، startParam، limitParam، totalProperty وهيكل JSON المتوقع
تعلم كيفية عمل تصفح Ext JS على طراز الخادم مع pageParam و startParam و limitParam و totalProperty. افهم هيكل JSON المتوقع وكيفية تنسيق المتجر والشبكة والخادم لتحميل الصفحات بكفاءة.
الدرس 5 • تكوين Ext.data.Store مع وكيل Ajax أو REST: أنواع الوكيل، url، headers، تكوين القارئ، وتكوين الكاتب للإنشاء/التحديث
كون Ext.data.Store مع وكيل Ajax أو REST، بما في ذلك الروابط والرؤوس و extraParams. تعلم خيارات القارئ والكاتب لـ JSON، وكيفية إرسال عمليات الإنشاء والتحديث والحذف بصيغة متسقة وآمنة.

الفصل 4عرض التفاصيل

الشبكة، التصفية، الترتيب، وتجربة مستخدم مجموعات البيانات الكبيرة

الدرس 1 • الترتيب والترتيب البعيد: تمكين remoteSort، sortParam، directionParam وسلوك الخادم المتوقع
افهم كيفية تكوين الترتيب المحلي والبعيد للشبكات، بما في ذلك ترتيب الأعمدة المتعددة. تعلم استخدام remoteSort و sortParam و directionParam، وحدد توقعات واضحة لسلوك الترتيب جانب الخادم والردود.
الدرس 2 • بناء شبكة الطلبات: أنواع الأعمدة، وظائف العرض، موسع الصف أو صفوف الملخص، وقفل الأعمدة إذا لزم الأمر
تعلم تصميم شبكة طلبات بأنواع أعمدة مناسبة، وظائف العرض المخصصة، الملخصات، وتوسيع الصفوف. كون التحديد والقفل والتخطيطات المتجاوبة لعرض بيانات الطلب المعقدة بوضوح وكفاءة للمستخدمين النهائيين.
الدرس 3 • شريط أدوات التصفح مقابل التمرير المخزن: اختيار الاستراتيجية، تكوين Ext.toolbar.Paging و Ext.grid.plugin.BufferedRenderer
قارن بين شرائط أدوات التصفح والتمرير المخزن لمجموعات البيانات الكبيرة. تعلم متى يناسب كل استراتيجية، كيفية تكوين Ext.toolbar.Paging و Ext.grid.plugin.BufferedRenderer، وضبط تجربة المستخدم والأداء واستخدام الذاكرة.
الدرس 4 • تنفيذات البحث والتصفية: بحث نصي (customerName)، مرشح حالة (enum)، دمج المرشحات، وكيفية تنفيذ التصفية البعيدة مقابل المحلية
استكشف البحث النصي ومرشحات التعداد لحالة الطلب، دمج معايير متعددة، وقرار بين التصفية المحلية والبعيدة. تعلم تكوين مكونات التصفية، ربطها بالمخازن، والحفاظ على حالة واجهة المستخدم و URL متزامنة.
الدرس 5 • تحسينات الأداء للشبكات الكبيرة: التصيير المخزن، افتراضية الأعمدة، اعتبارات ارتفاع الصف، تقليل إعادة التدفق، وتحميل مسبق المتجر
ركز على تقنيات الأداء للشبكات الكبيرة جداً، بما في ذلك التصيير المخزن، افتراضية الأعمدة، وضبط ارتفاع الصف. تعلم تقليل إعادة التدفق لـ DOM، تحميل مسبق صفحات المتجر، وملف أداء الشبكة في المشاريع الحقيقية.

الفصل 5عرض التفاصيل

النماذج، التحرير، وتحقق البيانات

الدرس 1 • صناديق الدمج ومخازن بعيدة/محلية لقوائم الاختيار (status، assignedTo، country) مع typeAhead والتصفح لمجموعات الخيارات الكبيرة
استكشف كيفية تكوين صناديق الدمج المدعومة بمخازن محلية أو بعيدة لقوائم الاختيار مثل الحالة أو البلد. تعلم typeAhead وأوضاع الاستعلام والتصفح وتقنيات الأداء لمجموعات البيانات الكبيرة والتصفية السريعة الاستجابة.
الدرس 2 • قواعد التحقق جانب العميل وتجربة المستخدم: علامة مطلوب، رسائل تحقق الحقل، min/max رقمي، تحقق التاريخ ومنع الإرسال غير الصالح
افهم التحقق جانب العميل في نماذج Sencha، بما في ذلك علامات المطلوب، مصادقي الحقول، قيود الأرقام والتواريخ، ومنع الإرسالات غير الصالحة. تعلم عرض رسائل تحقق واضحة ويمكن الوصول إليها للمستخدمين.
الدرس 3 • تصميم نموذج إنشاء/تحرير الطلب: اختيار الحقول (text، numberfield، combobox، datefield)، التخطيط، والقيم الافتراضية
صمم نموذج إنشاء وتحرير طلب قوي باستخدام مكونات Sencha. تعلم اختيار أنواع الحقول المناسبة، تكوين التخطيطات والحاويات، إدارة القيم الافتراضية، ودعم تصاميم النماذج الودية لسطح المكتب والهواتف المحمولة.
الدرس 4 • ربط النموذج بالسجل عبر viewmodel أو استخدام نمط record.loadForm/save وتمكين الربط ذو الاتجاهين
تعلم أنماط ربط النماذج بالسجلات باستخدام ربط بيانات ViewModel أو طرق التحميل والحفظ الكلاسيكية. كون الربط ذو الاتجاهين بحيث تحديثات واجهة المستخدم النماذج وبيانات الخادم مع الحفاظ على النماذج متزامنة مع سجلات المتجر.
الدرس 5 • تدفقات الحفظ وواجهة المستخدم المتفائلة: store.add/save، سلوك sync()، معالجة ردود الكاتب، التراجع عند الفشل، وإشعارات المستخدم
تعلم كيفية معالجة مخازن بيانات Sencha تدفقات الإنشاء والتحديث، بما في ذلك أنماط واجهة المستخدم المتفائلة، سلوك sync()، تفسير ردود الكاتب، التراجع عن التغييرات الفاشلة، وتقديم تعليقات وإشعارات واضحة للمستخدم.

الفصل 6عرض التفاصيل

تفاصيل تجربة المستخدم، الوصولية، ومعالجة الأخطاء

الدرس 1 • تعليقات المستخدم للعمليات: أقنعة التحميل، مؤشرات التقدم، Toasts/MessageBox عند نجاح أو فشل الحفظ
استكشف تقنيات التواصل حالة العمليات في تطبيقات Sencha. كون أقنعة التحميل، مؤشرات التقدم، ورسائل التوست أو مربع الرسائل للإشارة بوضوح إلى النجاح أو الفشل والمهام الطويلة دون إرهاق المستخدم.
الدرس 2 • الوصولية ودعم لوحة المفاتيح للشبكات والنماذج: إدارة التركيز، سمات ARIA، واختصارات لوحة المفاتيح للإجراءات الشائعة
تعلم بناء شبكات ونماذج Sencha يمكن الوصول إليها جيداً مع لوحات المفاتيح وتقنيات المساعدة. كون ترتيب التركيز، سمات ARIA، واختصارات لوحة المفاتيح بحيث يمكن لجميع المستخدمين التنقل والتشغيل بكفاءة.
الدرس 3 • استراتيجيات التسجيل والتجهيز والتصحيح: مراقبة أحداث المتجر، رسائل Console، استخدام Sencha Inspector أو أدوات تطوير المتصفح لتتبع الطلبات
افهم كيفية مراقبة وتصحيح تدفقات بيانات Sencha في الإنتاج والتطوير. تعلم مراقبة أحداث المتجر، تسجيل إخراج وحدة التحكم ذي المعنى، واستخدام Sencha Inspector وأدوات تطوير المتصفح لتتبع الطلبات ومشكلات الأداء.
الدرس 4 • التحلل الرشيق والتطوير غير المتصل: ما يُظهر عندما تكون واجهة برمجة التطبيقات غير متاحة، استراتيجيات التراجع إلى محاكاة محلية
تعلم تصميم تطبيقات Sencha التي تبقى صالحة للاستخدام عند فشل واجهات برمجة التطبيقات أو عندما يكون المستخدم غير متصل. استكشف أنماط التحلل الرشيق، بيانات وهمية محلية، واستراتيجيات الحفاظ على الواجهات سريعة الاستجابة ومعلومة تحت الظروف السيئة.
الدرس 5 • أنماط تمكين الإجراء: تعطيل أزرار التحرير/الحفظ عند عدم وجود تحديد أو نموذج غير صالح وعكس حالة قذارة المتجر
أتقن الأنماط التي تحافظ على الإجراءات آمنة وواعية بالسياق. تعلم تمكين أو تعطيل الأزرار بناءً على التحديد، صحة النموذج، وحالة قذارة المتجر بحيث يمكن للمستخدمين فقط تشغيل عمليات ذات معنى وصالحة في واجهة Sencha الخاصة بك.

الشهادة

شهادتك الصالحة للتخرج

ماذا يقول طلابنا

آراء من درسوا معنا:

دروسكم مثالية. اشتريت الباقة السنوية، وأخيراً أصبح لدي الفرصة لمتابعة مواضيع متنوعة تهمني دون الحاجة لتغيير المنصة... أشكركم على كل ما تقومون به، لقد أوصيت بكم لأشخاص آخرين...