القائمة الرئيسية

الصفحات

jQuery Responsive Tabs

التكنولوجيا - jQuery

 JQuery هو نوع من مكتبات Javascript مصممة لجعل Javascript أكثر سهولة في الوصول إليها واستخدامها.  يبسط JQuery بناء جملة Javascript ويوفر نسبيًا تفاعلًا أفضل بين Javascript ولغات تطوير الويب الأخرى.  يوفر JQuery وصولاً أسهل إلى نموذج DOM ويسمح بإنشاء رسوم متحركة وعناصر واجهة مستخدم وشرائح ويب ديناميكية (AJAX) بسهولة مقارنة باستخدام Javascript وحده.  تعد JQuery أيضًا مكتبة جافا سكريبت الأكثر شيوعًا المستخدمة اليوم والتي تستخدمها العشرات من مواقع الويب المشهورة في أوبر
 تحظى JQuery بشعبية كبيرة لأنها تسمح بتحقيق مجموعة من الوظائف ، بسيطة ومعقدة باستخدام الحد الأدنى من التعليمات البرمجية.  عادةً ما يتم استخدام JQuery لتنفيذ أي ميزة في نموذج DOM بطريقة أبسط وأيضًا لوظيفة ajax.  حتى الوظائف المعقدة الظاهرة مثل كتل النص القابلة للتوسيع (والتي ربما تستخدم في الأسئلة الشائعة ، وما إلى ذلك) يمكن تحقيقها ببضعة أسطر من التعليمات البرمجية باستخدام JQuery.

 يمكن استخدام JQuery من خلال الإشارة إلى ملف جافا سكريبت واحد (متاح عبر الإنترنت ، وعكسه في عدة مواقع بما في ذلك google.com و microsoft.com) ، بمجرد ضبط المصدر على الملف ، سيتم إلحاق جميع وظائف JQuery بالكود الخاص بك.  أسهل طريقة لإلحاق JQuery بالكود الخاص بك هي استخدام جزء الكود أدناه
 يمكن تنزيل ملف jquery.js javascript من موقع الويب jquery.com الرسمي وتحميله على خادم الويب الخاص بك (أو استرداده عن بُعد من مرآة) ، ويمكن بعد ذلك تعيين المسار في قسم المصدر وستكون وظيفة JQuery متاحة على الفور لـ  كود داخل علامة البرنامج النصي.  JQuery متعدد الاستخدامات ومتوافق للغاية ويعمل على جميع الإصدارات الأحدث من المتصفحات الشائعة ويبلغ حجمه حوالي 25 كيلوبايت فقط.  ولكن من الممكن أيضًا تحميله بالرجوع إلى موقع عبر الإنترنت على خوادم Google كما فعلت هنا.  يشتمل السطر الأول من التعليمات البرمجية على الإصدار 1.4.2 من JQuery core ، بينما يقوم السطر الثاني بتحميل JQuery UI ، وهي مكتبة إضافية تتيح لك تنفيذ عناصر واجهة مستخدم رائعة (مثل منتقي البيانات ، ومربع حوار ، وأكورديون) بسهولة.  نحن نستخدم عددًا غير قليل من هؤلاء على أداة مقارنة الأسعار في The Lingerie Post ، ولا يتجاوز الحجم الإجمالي 30 كيلوبايت
 ميزة أخرى مدهشة لـ JQuery هي القدرة على تنفيذ وظائف AJAX.  يسمح لك Ajax بإنجاز العديد من الوظائف بطريقة أنيقة دون مغادرة الصفحة أو إعادة تحميلها.  يتيح ذلك بيئة ديناميكية لصفحة الويب حيث يمكن إجراء المهام على الصفحة في الخلفية دون الحاجة إلى إعادة تحميل الصفحة.  اليوم يتم استخدامه على نطاق واسع في العديد من مواقع الويب لأنه بديل أسرع وأكثر أناقة ويسمح JQuery بتنفيذ وظائف ajax بسهولة.  قد تجعل بعض الميزات المخصصة للغاية التي يتطلبها مطور الويب JQuery غير كافية لأنها لغة عالية المستوى للغاية ولكن المجتمع الذي يقف وراء مكتبة مفتوحة المصدر قوي وبالتالي تتم إضافة المزيد من الوظائف مع كل تحديث.
 المميزات والعيوب
 أصبحت AJAX بسرعة جزءًا لا يتجزأ من العديد من مواقع الويب ، حيث تستخدم العديد من العلامات التجارية الراسخة عبر الإنترنت الآن AJAX للتعامل مع تطبيقات الويب الخاصة بها لأنها توفر تفاعلاً أفضل لمستخدميها ، ويرجع ذلك إلى حقيقة أن تطبيق AJAX على موقع ويب لا يتطلب  الصفحة المراد إعادة تحميلها للمحتوى الديناميكي على صفحات الويب.  في حين أن هناك العديد من الأسباب للتبديل إلى AJAX ، إلا أن هناك بعض الأمور التي تجعلك تعيد النظر في استخدام هذه المجموعة من التقنيات أيضًا.  فيما يلي بعض مزايا وعيوب استخدام AJAX.

مثال جميل وبسيط في اسخدام jQuery


مزايا

 تفاعل أفضل

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

 تصفح أسهل

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

 بدعم من العلامات التجارية المشهورة

 سبب مؤكد آخر لاستخدام AJAX على مواقع الويب الخاصة بك هو حقيقة أن العديد من تطبيقات الويب المعقدة يتم التعامل معها باستخدام AJAX ، وخرائط Google هي المثال الأكثر إثارة للإعجاب والأكثر وضوحًا ، كما أن البرامج النصية القوية والشائعة الأخرى مثل برنامج منتدى vBulletin قد دمجت أيضًا AJAX في أحدثها  الإصدار.


 سلبيات

 يصبح زر الرجوع والتحديث عديم الفائدة

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

 إنه مبني على جافا سكريبت

 على الرغم من أن جافا سكريبت آمن وقد تم استخدامه بكثافة من قبل مواقع الويب لفترة طويلة من الوقت ، إلا أن نسبة مئوية من متصفحي مواقع الويب تفضل إيقاف تشغيل وظيفة جافا سكريبت على متصفحهم مما يجعل تطبيق AJAX عديم الفائدة ، كما يوجد حل لهذه المشكلة أيضًا ، حيث  سيحتاج المطور إلى ترميز إصدار متوازي غير جافا سكريبت لصفحة الويب الديناميكية لتلبية احتياجات هؤلاء المستخدمين.
لتحميل المثال التوضيحي من هنا                                    Google drive
هل اعجبك الموضوع :

تعليقات