مقارنة إطار عمل جافا سكريبت: تجربة المستخدم

تحسين تجربة المستخدم (UE)

حتى الآن، ركزت هذه المقالة بشكل كامل على فوائد استخدام أطر عمل JavaScript وكيف تسهل إنشاء تطبيقات تفاعلية. ومع ذلك، من ناحية أخرى، كل إطار له آفاقه الجذابة الخاصة، بما في ذلك مكونات واجهة المستخدم (UI) وتحسينات تجربة المستخدم (UE)، والتي تتطلب الكثير من الجهد.

سوف يستكشف هذا الفصل تجربة المستخدم للأطر التالية: Prototype وjQuery وYUI وExtJS وMooTools.

النموذج الأولي

يعد النموذج الأولي واحدًا من النماذج القليلة التي لا تتضمن مكونات واجهة المستخدم الجاهزة أو تحسينات تجربة المستخدم. بدلاً من ذلك، فهو يخضع لجميع المكتبات الشقيقة لـ script.aculo.us (Scripty2، وهو أحدث إصدار معروف). يضيف script.aculo.us دعمًا شاملاً لتأثيرات وسلوكيات النموذج الأولي. تتضمن هذه التأثيرات: التمييز، والتشوه، والطي، والارتعاش، والانزلاق، والتوسيع. يدعم script.aculo.us أيضًا السحب والإفلات والانزلاق وتحرير Ajax في الوقت الفعلي والمطالبات التلقائية. يترك Script.aculo.us تصميم عناصر التحكم (مثل شريط التمرير والإكمال التلقائي) للمطورين ولا يوفر الأسطح القياسية.

مسج

على عكس مكتبة النموذج الأولي، تتضمن jQuery بعض تجارب المستخدم الأساسية في جوهرها. وهذا يشبه بعض التأثيرات البسيطة لـ Script.aculo.us، مثل الانزلاق والتلاشي. ومع ذلك، للحصول على المزيد من ميزات تجربة المستخدم المتقدمة، تحتاج إلى تنزيل مكتبة jQuery UI، والتي تتضمن المزيد من التأثيرات مثل السحب والتكبير/التصغير والفرز. على عكس Script.aculo.us، تتضمن jQuery UI أيضًا بعض الأدوات أو المكونات الصغيرة وتوفر للمطورين عذرًا أكثر جاذبية، مما يجعل التطوير أسهل. تتضمن هذه المكونات حاليًا: Accordion، وDatepicker، وDialog، وProgressbar، وSlider، وTabs. الأدوات قابلة للتخصيص بالكامل، وتحتوي jQuery UI على مجموعة واسعة من السمات التي يمكنك استخدامها لتناسب احتياجات موقع الويب الخاص بك أو تطبيق الويب. يوضح الشكل 1 عنصر واجهة مستخدم jQuery UI Datepicker وموضوع Apple.

الشكل 1: أداة منتقي البيانات jQuery UI