ما هي الجي كويري jQuery ؟ وكيفية استخدامها

ما هو jQuery؟

jQuery هي مكتبة جافا سكريبت مجانية مفتوحة المصدر (JS) ترتقي إلى شعارها “Write Less, Do More.” "اكتب أقل ، افعل أكثر".

ما هي لغة جافا سكريبت ؟ والرواتب وافضل المصادر لتعلم اللغة ؟

تم تطوير jQuery من قبل John Resig  قدمها في عام 2006 في تجمع BarCamp NYC. كان جون يبحث عن طريقة لأخذ كتل الدوال الشائعة المتكررة في JS وتقليص كتابة الكود الغير ضرورية لترك "كود مختصر" قصير وذكي ومفهومة تسمى methods . بدلاً من الاضطرار إلى إعادة كتابة كل الاوامر مرارًا وتكرارًا ، يحتاج المطورون فقط إلى استدعاء طريقتهم - حيث يتولى jQuery مهمة البناء! وتم انشاء المكتبة لتسهيل واجهة المتسخدم UI.

ما هي مزايا تعلم jQuery؟

تبسط مكتبة jQuery مجموعة متنوعة من عمليات البرمجة ، بما في ذلك:

• الـEvent handling :- يتم التحكم في إجراءات المستخدم مثل النقر بالماوس ، أو إرسال النموذج ، أو ضغط لوحة المفاتيح - إلى بضعة أسطر من الشفرة التي يمكن إدراجها في أي مكان يوضع به شفرة js.
• الـDOM  أو Document Object Model ، هو واجهة متصفح تسمح بإضافة عناصر HTML أو حذفها أو تحديثها. تقدم jQuery أدوات متعددة للقيام بذلك في أساليب مثل .replaceAll () ، .remove () ، .append ().
• يبسط الأسلوب ajax () إرسال طلبات HTTP غير المتزامنة إلى الخادم دون إعادة تحميل الصفحة. تتضمن وظائف AJAX المفيدة الأخرى في المكتبة .getJSON () و .load () و .serialize () ، والتي يمكن استخدامها مع أي نظام أساسي ومتصفح.
• يمكن للمطورين إنشاء تأثيرات ديناميكية عبر التطبيق من خلال استدعاء العديد من أساليب الرسوم المتحركة في jQuery مثل .hide () / .show () و .slideUp () / .slideDown و. toggle (). إذا لم تفعل الرسوم المتحركة المضمنة ما تحتاج إليه تمامًا ، فيمكنك استخدام .animate () لإنشاء رسوم متحركة مخصصة للعديد من خصائص CSS.

معلومات لا تعرفها عن HTML5 ؟! التي اصر عليها ستيف جوبز

ما هي لغة CSS ؟ ومميزات ومعلومات عن خصائص CSS3 ؟ اسباب لكي تتعلمها

ما هي عيوب استخدام jQuery؟

• العيب الأكثر أهمية في jQuery هو أنه مكتبة ضخمة لاستيراد. jQuery هو ملف JS واحد يحتوي على جميع مكوناته DOM والأحداث والمؤثرات AJAX. اكتسب الملف ، بمرور الوقت والتطوير المستمر، كمية كبيرة من الكيلوبايت. كان الإصدار الأول من الإصدار 1.2 ، بحجم ملف يبلغ 77.40 كيلوبايت. أحدث إصدار ، 3.3.1 ، لديه حجم غير مضغوط من 272 كيلو بايت!) يجب على  متصفح المستخدم ، تنزيل المكتبة الثقيلة التي تتطلب المزيد من الوقت للفتح.
• ومن العوائق الأخرى أن تخليص jQuery يخفي الأجزاء المعقدة من جافا سكريبت ، مما يجعل تعلم جافا سكريبت أكثر صعوبة. ينتهي بك الأمر بعض المصممين والمطورين الذين يمكن أن يفعلوا عمليات معقدة وعرض الشرائح ببساطة، ولكن يواجهون مشاكل ضخمة عندما يطلب الامر التعديل علي DOM الحقيقي.
• ومن ثم jQuery DOM APIs عفا عليها الزمن الآن. يمكن للمتصفحات الحديثة الآن القيام بنفس العمل ، ولكن بسرعة أكبر بكثير من jQuery! Vanilla (sans framework) رمز التلاعب بجهاز جافا سكريبت DOM ، بالإضافة إلى التنفيذ البرق بسرعة ، هو أقل تشفيرًا للتطوير المشترك بين مجموعات ويتكامل تمامًا مع منطق أعمالك.

ما هي الشركات التي تستخدم jQuery لبناء منتجاتها؟

وفقًا لـ Stackshare ، تستخدم الشركات التالية أو استخدمت منتجات jQuery في منتجاتها:

1. Twitter
2. Kickstarter
3. Uber
4. Hootsuite
5. AngelList

أي نوع من الوظائف يتطلب مهارة jQuery؟

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

هل مكتبة jQuery مفيدة للمبتدئين لكي يتتعلمها؟

يتميز jQuery بكونه أول مكتبة يتم تعلمها لعدد كبير من المطورين. هذا بسبب:

• يقدم الكثير من الحلول المختصرة لتحديات JavaScript الشائعة التي لا تتضمن DOM. على سبيل المثال ، الفرز وتصفية المصفوفات وكائنات البيانات ، وتكون بسيطة بشكل مثير للدهشة باستخدام jQuery.
• بناء الجملة الخاص بها لإجرائات AJAX هو أبسط بكثير من XmlHttpRequest الأصلي.
• يعمل حتى على جانب الخادم مع nodejs.
• هناك أيضا الكثير من المكتبات الأخرى قد ترغب في استخدامها التي تم استخدام jQuery لبنيها.

الفرق بين Front-End و Back-End و Full-Stack ؟

ومع ذلك ، فبعد أن أصبح موضوعًا رئيسيًا في المناهج الدراسية في DigitalCrafts ، فإننا نعلم الآن jQuery! Vanilla (sans framework).  لسبب بسيط هو أن jQuery DOM APIs عفا عليها الزمن الآن.

ومع ذلك ، سيكون لدى العديد من الشركات تطبيقات تستخدم jQuery في رمزها الذي يحتاج إلى الحفاظ عليه. لهذا السبب فقط ، نوصي تمامًا بتكميل معرفتك مع جافا سكريبت لمساعدتك في العمل.

كيف يمكنني البدء في تعلم jQuery؟

قبل البدء ، من الأفضل:

• الحصول على فهم قوي جدًا لـ HTML و CSS ؛
• يمكن إعداد موقع ويب بسيط ومعرفة ماهية محددات CSS ، مثل  ids and classes.
• الحصول على معرفة أساسية بـ JS ، خاصة المتغيرات وأنواع البيانات.

يوفر مركز jQuery Learning ، وهو مستودع للتنفيذ والاستخدام وأفضل البرامج التعليمية التي تديرها مؤسسة jQuery ، ثروة من المعلومات لمساعدة المطورين على سرعة الوصول إلى المكتبة. مساهمات المدونة والوثائق مرحب بها! لا تنسَ إلقاء نظرة على سجل Plugins حيث يمكنك العثور على الجزء المثالي من الشفرة لتحسين تطبيقك.

في المحتوي العربي يوجد كورس الاستاذ اسامة من قناة Elzero web school:

تعلم jQuery بإحترافية
أمثلة وتطبيقات على مكتبة jQuery

يمكن دمج jQuery إما عن طريق تنزيل المكتبة الكاملة مباشرة أو استيرادها عبر CDN.