برمجة YUI: واحدة من مكتبات JavaScript الأولى

إفشاء: يساعدك دعمك في الحفاظ على تشغيل الموقع! نحصل على رسوم إحالة لبعض الخدمات التي نوصي بها في هذه الصفحة.


خلال السنوات الأولى من الإنترنت ، كانت صفحات الويب مملة للغاية. جاء المستخدمون الذين تصفحوهم عبر صفحات الويب التي لم يتمكنوا من التفاعل معها كثيرًا ، نظرًا لأنها تحتوي فقط على نص وصور وروابط.

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

في نهاية المطاف ، نمت JavaScript لتصبح معقدة للغاية. ونتيجة لذلك ، تم إنشاء مكتبات JavaScript لتسهيل التطوير. إحدى هذه المكتبة كانت YUI أو مكتبة واجهة مستخدم Yahoo.

بدأ تطوير المكتبة بواسطة Yahoo! الموظف ، توماس شا ، عام 2005. كان الهدف من YUI هو توفير واجهة للتعامل بسهولة مع صفحات الويب من خلال JavaScript كانت متوافقة عبر جميع المتصفحات. احتوت المكتبة على العديد من الميزات بما في ذلك معالجة بيانات ملفات تعريف الارتباط في المتصفح ، ومعالجة أحداث المتصفح ، وقراءة بيانات النموذج.

ياهو! أصدرت إصدارات رئيسية في 2006 و 2009 ، مع الإصدار الأخير في 2014. تم إيقاف YUI نتيجة لتراجع الاهتمام بين المطورين وزيادة استخدام البرمجة النصية من جانب الخادم من خلال المكتبات مثل Node.js.

دروس YUI

ستساعد هذه الدروس التعليمية المبتدئين في البدء مع مكتبة YUI.

  • تقدم شرائح مقدمة YUI مقدمة للمكتبة موجهة نحو المبتدئين وقد قدمها كريستيان هيلمان في Webوجسات شمال 2009.
  • إنشاء واجهة تفاعلية باستخدام مكتبة YUI عبارة عن برنامج تعليمي خطوة بخطوة من مجلة Wired Magazine يصف كيفية إضافة ميزات غنية إلى صفحة الويب مثل عناصر التحكم في المكتبة والتقاويم.
  • YUI 3 Changes عبارة عن مقالة تقدم تفاصيل عن بعض الاختلافات بين YUI 2 و YUI 3.
  • يصف YUI Skinning كيفية تغيير “شكل ومظهر” الحاجيات وعناصر التحكم من YUI.
  • توفر أمثلة YUI العديد من الأمثلة التي يمكن للمطورين استخدامها للبدء في تطوير YUI وإنشاء واجهات غنية.
  • توفر مقدمة لـ YUI معلومات حول ميزات مكتبة YUI بما في ذلك DOM ومعالجات الأحداث ووحدات الرسوم المتحركة وطلبات Ajax – كاملة مع أمثلة التعليمات البرمجية.

يمكن للمطورين أيضًا إلقاء نظرة على دروس الفيديو التالية للمساعدة في تعلم YUI:

  • YUI Basics هو فيديو تعليمي يوفر نظرة عامة على مكتبة YUI.
  • YUI DataTables هو فيديو تعليمي يوفر نظرة عامة على مكونات DataTable. ويتضمن أمثلة برمجية ، ويتم تقديمه من قبل أحد المهندسين الذين عملوا في YUI.
  • يوضح YUI Mojito كيف يمكن للمطورين إنشاء تطبيقات الويب باستخدام Mojito ، إطار عمل MVC (وحدة تحكم عرض النموذج) لـ YUI.
  • عندما لا تستخدم YUI هو فيديو تعليمي ترفيهي ولكن بالمعلومات يوضح المواقف التي تتطلب استخدام YUI.
  • تقدم الأحداث المتطورة حديثًا من قبل Luke Smith حول التعامل مع DOM والأحداث الاصطناعية والمخصصة باستخدام YUI. تطبيقات الويب مدفوعة إلى حد كبير بالأحداث ، لذا فإن هذا البرنامج التعليمي يستحق التحقق منه.

مصادر تعليمية إضافية

تقدم العديد من المواقع برامج تعليمية تغطي مجموعة واسعة من المواضيع المتعلقة بـ YUI. فيما يلي بعض مواقع الويب التي سيجدها المطورون المتقدمون والمفيدون مفيدة.

  • موقع مكتبة YUI هو موقع يحتوي على العديد من المقالات في مكتبة YUI. من خلال تصفح هذا الموقع ، سيتمكن المطورون من البدء بسرعة في تطوير التطبيقات المستندة إلى YUI وعرض الوثائق وعرض الدروس والدردشة مع بقية مجتمع المطورين حول مواضيع YUI.
  • لا يقوم GitHub بتخزين مستودعات التعليمات البرمجية المختلفة لـ YUI فحسب ، بل يحتوي موقع الويب أيضًا على برامج تعليمية حول تغيير شكل ومظهر مختلف الأدوات وإجراء تعديلات على التعليمات البرمجية.
  • يشمل AlloyUI العديد من البرامج التعليمية مع أمثلة رمز متعمقة باستخدام مكتبة AlloyUI التي تم إنشاؤها فوق مكتبة YUI3. يمكن للمطورين الذين يزورون موقع الويب تنزيل المكتبات ومعرفة كيفية تنفيذ العديد من الميزات بما في ذلك دائري وأشرطة التقدم وجداول البيانات.

كتب على YUI

على عكس العديد من اللغات والمكتبات الأخرى ، لا يوجد سوى عدد قليل من الكتب الجيدة على YUI. يقدمون مقدمة كاملة عن YUI ويقدمون بعض الأمثلة المتعمقة.

  • تعلم ياهو! توفر مكتبة واجهة المستخدم (2008) ، التي كتبها Dan Wellman ، للمطورين نظرة عامة جيدة على YUI مع أمثلة تفصيلية. سيتعرض المطورون الذين يقرؤون الكتاب لمفاهيم المبتدئين والمتقدمين. لا يفترض خبرة سابقة.
  • يحتوي YUI 3 Cookbook (2012) ، بواسطة Evan Goer ، على مقتطفات متعددة من التعليمات البرمجية أو “الوصفات” التي تحل مشكلات معينة يمكن للمطورين استخدامها مباشرة في مشاريعهم. تتضمن بعض الأمثلة في الكتاب طرقًا لإنشاء الرسوم المتحركة وتصحيح التعليمات البرمجية وإنشاء المكونات ومعالجة الأحداث.
  • أطر جافا سكريبت الاحترافية: النموذج الأولي ، YUI ، ExtJS ، Dojo ، و MooTools (2009) ، من قبل Orchard ، وآخرون ، يتميز بنظرة عامة على أطر مختلفة بما في ذلك YUI وكذلك عينات التعليمات البرمجية. باستخدام هذا الكتاب ، يمكن للمطورين تعلم كيفية إنشاء تأثيرات واجهة المستخدم مثل السحب والإفلات واستخدام أدوات CSS وإنشاء أدوات باستخدام YUI.

موارد بديلة

منذ الإصدار الأخير من YUI كان في عام 2014 ، قد يرغب المطورون في التفكير في أطر عمل بديلة. تتضمن بعض البدائل الشائعة jQuery ، الذي يستخدم في غالبية مواقع الويب. فيما يلي بعض موارد jQuery للنظر فيها.

  • يعلم W3Schools jQuery Tutorial المطورين العديد من ميزات المكتبة بما في ذلك البنية الأساسية وتنفيذ معالجات الأحداث واختيار عناصر HTML. تسمح W3Schools أيضًا للمطورين بتعديل التعليمات البرمجية وتنفيذها على موقع الويب نفسه.
  • jQuery Course هو فصل دراسي عبر الإنترنت من CodeCademy للمطورين لتعلم أساسيات المكتبة وتنفيذ المشاريع.
  • Udemy jQuery Course عبارة عن دورة تدريبية مكثفة ستأخذ المطورين من خلال أساسيات JavaScript و jQuery. تتضمن الدورة العديد من ملفات التعليمات البرمجية المصدر التي يمكن استخدامها ويتم تحديثها بانتظام.

هل يستحق التعلم YUI?

على الرغم من توقف تطوير YUI بواسطة Yahoo ، إلا أن تعلم أنه لا يزال بإمكانه تحسين مهاراتك. من خلال تعلم YUI ، تكتسب التعرض لنموذج إطار عمل آخر. يمكن أن يساعدك تعلم هذا الإطار في فهم مكتبات مماثلة مثل jQuery أو AngularJS.

يساعد تعلم أطر العمل الإضافية أيضًا على تعزيز فهم أنماط تصميم البرامج شائعة الاستخدام. على سبيل المثال ، تستخدم YUI نظام وحدة تحكم Model View المستخدمة في مكتبات أخرى. أخيرًا ، نظرًا لأن إطارات الويب مثل YUI مفتوحة المصدر ، يمكن للمطورين فهم تصفح الويب وأساسيات JavaScript من خلال فحص شفرة مصدر الأطر.

مزيد من القراءة والموارد

لدينا المزيد من الأدلة والبرامج التعليمية والرسوم البيانية ذات الصلة بالتشفير وتطوير مواقع الويب:

  • إنشاء HTML جيد: هذه مقدمة قوية لكتابة HTML جيد التكوين واستخدام برنامج مدقق HTML.
  • CSS3 – مقدمة ، أدلة & الموارد: هذا مكان رائع لبدء تعلم تخطيط صفحة الويب.
  • تعلم واتقن jQuery: مقدمة حول jQuery.

ما رمز يجب أن تتعلمه?

هل تشعر بالارتباك حول لغة البرمجة التي يجب أن تتعلم البرمجة بها؟ تحقق من مخطط المعلومات الخاص بنا ، ما هو الرمز الذي يجب أن تتعلمه؟ إنه لا يناقش الجوانب المختلفة للغات فحسب ، بل يجيب على أسئلة مهمة مثل ، “كم من المال سأجني برمجة جافا للعيش؟”

ما هو الرمز الذي يجب أن تتعلمه؟
ما رمز يجب أن تتعلمه?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map