التعامل مع مكتبة jquery في وقت الحالي هل هو خيار مناسب

يعد استعمال مكتبة jQuery عمليا جدا في كثير من الحالات التي نحتاج فيها اختصار الوقت أو التعامل مع تفاعليات بسيطة الى عادية بشكل مكرر او غزير في صفحات الويب أين يكون استعمال vanilla Javascript أكثر استهلاكا للوقت أو الموارد.

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

أما ان كنت تستعمل جزئيات أخرى منها مثل كائن طلبيات ال Ajax وما إلى ذلك فسيكون الاعتماد عليها خيارا جيدا.

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

بالنسبة للسؤال الأول

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

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

في السابق، كان استخدام jQuery شائعًا جدًا في تطوير الويب، حيث كانت تساعد على تبسيط كتابة الشفرة وجعل التعامل مع DOM و Ajax والتحكم في التفاعلات بين الصفحة والمستخدم أسهل وأكثر فعالية.

ومع ظهور تقنيات جديدة مثل React وVue.js و Angular وغيرها، وأدوات الجافاسكريبت المتطورة مثل Webpack وParcel وغيرها، أصبح استخدام jQuery في تطوير الويب أقل شيوعًا في الآونة الأخيرة.

ولكن في الوقت الحالي، لا يزال هناك العديد من المواقف التي يمكن فيها استخدام jQuery بشكل مفيد وفعال، مثل تحديثات صغيرة وتفاعلات بسيطة في صفحات الويب.

أما بشأن البدائل لـ jQuery، فهناك العديد من المكتبات والإطارات التي تهدف إلى تسهيل عمليات تطوير الويب، وتتضمن بعضها:

• React: مكتبة JavaScript لبناء واجهات المستخدم الديناميكية.
• Vue.js: إطار عمل جافاسكريبت لبناء واجهات المستخدم.
• Angular: إطار عمل جافاسكريبت شامل لبناء تطبيقات الويب.

بالنسبة للسؤال الثاني

فإن تضمين المكتبة بشكل داخلي يعني وضع الملف المرتبط بـ jQuery داخل مجلد المشروع واستدعائه من خلال صفحات الويب التي تحتاج إليه.

بينما تضمين المكتبة باستخدام الرابط من مصدر خارجي، يعني استخدام CDN (شبكة توزيع المحتوى)، حيث يتم تحميل المكتبة من الخادم الخاص بالCDN بدلاً من تحميلها من خادم الموقع.

وعادةً ما تكون طريقة الـ CDN هي الخيار الأفضل، لأنها توفر تحميلًا أسرع وأكثر استقراراً، ويتم تخزينها في ذاكرة التخزين المؤقت (cache) للمتصفحات، وبالتالي يتم تحميل المكتبة من الذاكرة المؤقتة بدلاً من تحميلها من الخادم كل مرة.

كما أن استخدام CDN يخفض حجم الصفحة ويحسن سرعة التحميل، مما يساعد على تحسين تجربة المستخدم.

إجابة السؤال الأول

jQuery لا تزال تستخدم في الكثير من المواقع والتطبيقات الويب بسبب سهولة استخدامها وقوتها في التعامل مع العناصر الواجهة وتوفرها لمجموعة كبيرة من الوظائف والميزات. ومع ذلك ، هناك بعض البدائل الأخرى التي يمكن استخدامها بدلاً من jQuery:

1. React: React يجلب معه مجموعة من مكتبات JavaScript المسبقة التحميل. يستخدم React في مكتبات مثل React-DOM و React-Native وغيرها ، والتي تقوم ببناء واجهة المستخدم للتطبيق ، وقد اصبح React أكثر شيوعاً بين المطورين في الآونة الأخيرة.

2. Vue.js: يتيح لك Vue.js إنشاء واجهات مستخدم مماثلة لتلك التي يمكنك إنشاؤها باستخدام jQuery. تشبه Vue.js React في بعض الجوانب ولكن يتمتع بسهولة استخدام أكبر وقدرته على تحميل صفحات ويب بشكل أسرع.

3. Angular: يقدم Angular مجموعة متنوعة من المكتبات الثقيلة المفيدة لبناء التطبيقات الكبيرة والبرامج التعليمية التي تغطي معظم جوانب بناء تطبيقات الويب.

 في النهاية ، يمكنك استخدام أيًا من هذه البدائل بدلاً من jQuery ، ولكن من المهم الاستمرار في مراقبة الاتجاهات الحالية والتكيف مع الاحتياجات المتغيرة لتطوير التطبيقات.

إجابة السؤال الثاني

من الناحية التقنية، لا يوجد فرق كبير بين استخدام مكتبة jQuery بشكل داخلي (Internal) أو خارجي (External)، حيث يؤدي كل منهما إلى تحقيق نفس الغرض ويسمح بتنفيذ نفس الوظائف. ولكن من الناحية العملية، يفضل استخدام رابط خارجي (External) لتحميل المكتبة jQuery، حيث يعود ذلك إلى الأسباب التالية:

1. التحديث السهل: عند استخدام رابط خارجي، يمكن تحديث مكتبة jQuery بسهولة من الرابط الخارجي، دون الحاجة لتحديث صفحات HTML بشكل داخلي.

2. الملائمة العامة: يتم استخدام مكتبة jQuery في العديد من مواقع الويب، وبالتالي فإنه من الأفضل استخدام رابط خارجي لتحميل المكتبة بدلاً من استخدامها بشكل داخلي في كل صفحة HTML.

3. السرعة: عند استخدام رابط خارجي، يمكن تحميل مكتبة jQuery من المصدر الموثوق به الذي يتم استخدامه في الكثير من المواقع، وبالتالي فإنه يتم تحسين السرعة بشكل عام. 

بالإضافة إلى ذلك، يوفر استخدام رابط خارجي لمكتبة jQuery القدرة على تحميل المكتبة من خلال Content Delivery Network (CDN)، وهي شبكة توزيع محتوى تضمن توفير مكتبة jQuery بسرعة وسهولة، مما يعزز الأداء ويخفض تكاليف الاستضافة والتحميل على الموقع.

يجب عليك أول قبل تحديد أهمية تعلم jquery حالياً معرفة أسباب استخدامها في السابق

• كانت jQuery موجوده للمساعدة في العديد من المشكلات المتعلقة بالمتصفحات في ذلك الوقت. مشاكل توافق المستعرض كان هناك الكثير من الاختلافات بين المتصفحات. إذا اختبرت الرمز الخاص بك في مستعرض حديث - مثل Firefox أو Chrome - فلن يكون مضمونًا أنه يعمل في Explorer. كان هناك الكثير من الاختلافات في CSS ، وأقل قليلاً في JS.
• المحددات : تحتوي CSS على نموذج معقول للغاية لاختيار العناصر من مستند: المحددات.في ذلك الوقت ، تم استخدام JavaScript فقط على المتصفح: لذلك ، تم استخدام JS و CSS من قبل نفس الأشخاص ، وكانوا يريدون محددات CSS على جانب JS أيضًا. في ذلك الوقت ، لم يكن لدى المتصفحات أي شيء مثل هذا متاحًا في الأصل.كانت هذه ميزة أخرى متوفرة مع jQuery. باستخدامه ، يمكنك العثور على عناصر DOM بشيء بسيط مثل

  var element = $(‘.some-class’);

• واجهات برمجة تطبيقات المتصفح : تم تطوير الإصدار الأول من JavaScript في 10 أيام — لذلك كان هناك العديد من الحواف الخشنة.استمرت طبيعتها الخاصة على مر السنين. كان XMLHttpRequest ميزة أساسية لتحويل JavaScript إلى لغة يمكن استخدامها لتطوير التطبيقات من جانب المستعرض — فقد سمح بإجراء طلبات إضافية من JS إلى الخادم. طريقة استخدامه ليست لطيفة للقراءة ولكن باستخدام jQuery ، يمكن تحقيق الهدف نفسه بسهولة أكبر:

ولكن حالياً بالكاد نسمع عن مشكلات التوافق في الوقت الحاضر.  فيمكنك افتراض أن جميع المتصفحات تعمل بنفس الطريقة. وانتظر تقارير الأخطاء في حالة أنها لا تعمل جميعها بالطريقة نفسها.تتم معالجة مشكلات واجهة برمجة التطبيقات أيضًا - لدينا document.querySelectorAll و fetch الذي يوفر واجهة برمجة تطبيقات لطيفة لإجراء عمليات مشتركة بوظائف أصلية.

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