आखिरकार jQuery 4 रिलीज़ हो ही गई... (क्या!?)

BBetter Stack
Internet TechnologyAdult EducationComputing/Software

Transcript

00:00:00आखिरकार jQuery 4 आ चुका है, और घबराइए मत, आप समय में पीछे नहीं चले गए हैं, यह
00:00:042016 के बाद से हमारा पहला बड़ा वर्ज़न अपडेट है। यह 2 साल से बीटा टेस्टिंग में था और
00:00:09jQuery के पहली बार पेश किए जाने के ठीक 20 साल बाद आया है।
00:00:12और आपको यह जानकर हैरानी हो सकती है कि jQuery आज भी काफी महत्वपूर्ण है। 88% वेबसाइटें
00:00:17अभी भी इसका इस्तेमाल करती हैं, जिसका श्रेय शायद मुख्य रूप से WordPress को जाता है, लेकिन आप देख सकते हैं कि कुछ
00:00:21बड़े नाम भी इसे अभी भी चला रहे हैं। आखिर, जब चीज़ सही चल रही हो, तो उसे छेड़ने की क्या ज़रूरत?
00:00:25सिवाय इसके कि यह अपडेट वास्तव में कुछ चीज़ों को बिगाड़ सकता है, क्योंकि उन्होंने इस बार
00:00:29वो सभी बड़े बदलाव किए हैं जो वे सालों से करना चाहते थे, जिसमें पुराने
00:00:32कोड को हटाना, पुराने APIs और बिना दस्तावेज़ वाले फंक्शन को खत्म करना, और ढेर सारे बग फिक्स शामिल हैं।
00:00:38तो चलिए सीधे गहराई से जानते हैं, इसके मुख्य बदलावों पर नज़र डालते हैं, और देखते हैं कि इन 20 सालों में
00:00:42jQuery ने कितना लंबा सफर तय किया है।
00:00:49सबसे पहले बड़े बदलाव की बात करें, तो Internet Explorer 10 और उससे पुराने वर्ज़न को अलविदा कहिए। इसका
00:00:53सपोर्ट अब खत्म कर दिया गया है, लेकिन अगर आप इसे Internet Explorer 11 पर देख रहे हैं तो घबराएं नहीं।
00:00:58उसका सपोर्ट jQuery 5 तक बना रहेगा, इसलिए आपके पास अभी भी सब्सक्राइब बटन दबाने का समय है। इसके साथ ही,
00:01:02उन्होंने Edge Legacy, पिछले 3 वर्ज़न से पुराने iOS वर्ज़न,
00:01:07पिछले 2 वर्ज़न से पुराने Firefox, और Android ब्राउज़र का सपोर्ट भी छोड़ दिया है।
00:01:12तो आप देख सकते हैं कि हम अब वास्तव में आधुनिक हो रहे हैं। असल में, अगले 3 बदलाव इसी बारे में हैं।
00:01:17दूसरे बदलाव की ओर बढ़ें, तो वे jQuery सोर्स कोड को AMD से ES मॉड्यूल में माइग्रेट कर रहे हैं,
00:01:22ताकि यह अब Vite, Webpack और आधुनिक बिल्ड सिस्टम के साथ बिना किसी परेशानी के तालमेल बिठा सके।
00:01:27तो क्यों न आप अपने अगले प्रोजेक्ट में इसे आज़माएँ और इंस्टॉल करें, बस थोड़े मजे या
00:01:31पुरानी यादें ताज़ा करने के लिए।
00:01:33और यादों की बात करें, तो यह अपडेट आपको दिखाएगा कि JavaScript ने
00:01:36कितनी तरक्की कर ली है, क्योंकि तीसरे बदलाव के लिए, उन्होंने jQuery के कई फंक्शन्स हटा दिए हैं क्योंकि
00:01:41JavaScript अब खुद ही वो सब कर सकता है। इनमें isArray, parseJSON, trim, now,
00:01:46isNumeric, isFunction और बहुत कुछ शामिल हैं। अब आप ये लगभग सभी काम
00:01:51बिना किसी अतिरिक्त लाइब्रेरी के खुद JavaScript में कर सकते हैं। मतलब, यह सोचना अजीब लगता है कि
00:01:56हमें शुरू में इन छोटे कामों के लिए भी एक अलग लाइब्रेरी की ज़रूरत थी, पर भाषाएं इसी तरह
00:02:00विकसित होती हैं।
00:02:01और विकास की बात करें, तो ब्राउज़र भी विकसित होते हैं। तो चौथे बदलाव के लिए, जो कि आधुनिकीकरण का आखिरी बड़ा
00:02:06अपडेट है, उन्होंने आखिरकार फोकस ऑर्डर को ठीक कर दिया है। अगर आप नहीं जानते, तो
00:02:11सालों तक ब्राउज़र फोकस और ब्लर इवेंट्स के क्रम पर सहमत नहीं थे, इसलिए jQuery की
00:02:15अपनी एक परिभाषा थी ताकि यह सब पर एक जैसा रहे। लेकिन अब, चूंकि वे
00:02:20पुराने ब्राउज़रों को हटा रहे हैं, तो Internet Explorer को छोड़कर बाकी सभी समर्थित ब्राउज़रों में
00:02:24बिल्कुल एक ही क्रम है, इसलिए jQuery अब नेटिव बिहेवियर को ओवरराइड नहीं करेगा।
00:02:29आप साफ़ देख सकते हैं कि टीम ने jQuery को आधुनिक बनाने पर पूरा ध्यान दिया है, क्योंकि अतीत में जो चीज़ें jQuery को
00:02:34उपयोगी बनाती थीं, वे वैसे भी धीरे-धीरे JavaScript में जोड़ दी गई हैं। लेकिन
00:02:38jQuery में अभी भी कुछ चीज़ें हैं जिन्हें आधुनिक बनाया जा सकता है, जैसे 'defers' और 'callbacks' जिन्हें
00:02:42प्रॉमिस (promises) से बदला जा सकता है, बशर्ते आप Internet Explorer 11 पर न हों, या फिर कुछ एनिमेशन हैं
00:02:47जो लोग jQuery के साथ करते हैं लेकिन अब CSS में करना काफी आसान है। तो अगर आप
00:02:52एक कदम और आगे जाना चाहते हैं, तो उन्होंने इसका एक 'slim build' भी बनाया है जो इन एक्स्ट्रा
00:02:55मॉड्यूल्स को हटा देता है जिससे यह सिर्फ 19.5 किलोबाइट का रह जाता है। मुझे लगता है कि यह
00:03:01एक बेहतरीन तरीका है कि ज़रूरत मंदों के लिए पूरे पैकेज में वो फंक्शन्स भी रहें,
00:03:04लेकिन एक 'slim build' भी मिले जिसमें आज के दौर में गैर-ज़रूरी एक्स्ट्रा चीज़ें न हों।
00:03:08तो ये थे मुख्य सुर्खियां बटोरने वाले बदलाव, लेकिन जाहिर है कि इसमें ढेरों बग फिक्स और
00:03:12छोटे सुधार हुए हैं, जिनमें से कुछ तो सालों पुराने हैं। सबसे पुराना जो मुझे मिला वो 2014 का था,
00:03:17जो jQuery द्वारा JSON को अपने आप JSONP में प्रमोट करने से जुड़ा था, जिसे अब ठीक कर दिया गया है। और
00:03:222015 का भी एक मुद्दा है, जो मुझे खुद याद है जब मैं jQuery CSS सेटर का इस्तेमाल करता था तो वो
00:03:28किसी भी नंबर के पीछे अपने आप 'पिक्सेल' जोड़ देता था जिसमें यूनिट न दी गई हो। इसे भी अब
00:03:33ठीक कर दिया गया है। इसमें ऐसी बहुत सी चीज़ें हैं जिन्हें आप खुद देख सकते हैं। यहाँ तक कि
00:03:37स्पेलिंग की गलतियां ठीक करने जैसे मामूली सुधार भी हैं। पर जाहिर है, इस वीडियो में उन सबको कवर करने में काफी समय लगेगा।
00:03:42और व्यक्तिगत रूप से, मैं बस jQuery को देखना चाहता था, कि इसने कितनी प्रगति की है क्योंकि
00:03:46यह वेब डेवलपमेंट के इतिहास का एक शानदार हिस्सा है। और शायद इसे इतिहास कहना
00:03:51गलत होगा जब इसका इस्तेमाल और रखरखाव अभी भी इतनी सक्रियता से हो रहा है। अब, जाहिर है, मैं
00:03:56React या किसी आधुनिक फ्रेमवर्क की जगह आज jQuery का इस्तेमाल करने की सलाह नहीं दूंगा, पर यह बस एक याद दिलाता है कि वेब
00:04:01टेक्नोलॉजी की परतों पर बना है। और कभी-कभी ये उबाऊ, सरल और पुराने उपकरण ही
00:04:06वेब को जोड़े रखते हैं, खासकर वो महत्वपूर्ण पुराने ऐप्स जिन्हें अपडेट करने की हिम्मत कोई नहीं करता।
00:04:10तो जो लोग अभी भी यहाँ हैं, मैं आपसे जानना चाहता हूँ, क्या आपने jQuery इस्तेमाल किया है या अब भी करते हैं?
00:04:15मुझे नीचे कमेंट्स में बताएं और वहां हैं ही, तो सब्सक्राइब भी कर लें। हमेशा की तरह,
00:04:19मिलते हैं अगले वीडियो में।

Key Takeaway

jQuery 4.0 एक महत्वपूर्ण आधुनिकीकरण अपडेट है जो पुराने ब्राउज़रों और फंक्शन्स को हटाकर इसे आधुनिक वेब डेवलपमेंट टूल्स के अनुकूल बनाता है, जबकि अभी भी इंटरनेट के एक बड़े हिस्से को सहारा देता है।

Highlights

jQuery 4.0 का रिलीज़ 2016 के बाद पहला बड़ा अपडेट है, जो 20 साल के सफर को दर्शाता है।

आज भी 88% वेबसाइटें jQuery का उपयोग करती हैं, जिसमें वर्डप्रेस और बड़े ब्रांड्स शामिल हैं।

इंटरनेट एक्सप्लोरर 10 और उससे पुराने ब्राउज़रों का सपोर्ट पूरी तरह से खत्म कर दिया गया है।

सोर्स कोड को AMD से आधुनिक ES मॉड्यूल्स में माइग्रेट किया गया है ताकि यह Vite और Webpack के साथ काम कर सके।

JavaScript के आधुनिक होने के कारण कई पुराने jQuery फंक्शन्स जैसे isArray और trim को हटा दिया गया है।

प्रदर्शन को बेहतर बनाने के लिए 19.5 KB का एक 'slim build' भी पेश किया गया है।

2014 और 2015 से लंबित कई पुराने बग्स और स्पेलिंग की गलतियों को सुधारा गया है।

Timeline

jQuery 4 का परिचय और महत्व

यह खंड jQuery 4 के बहुप्रतीक्षित रिलीज़ की घोषणा के साथ शुरू होता है, जो 2016 के बाद का पहला बड़ा अपडेट है। वक्ता बताते हैं कि भले ही आधुनिक फ्रेमवर्क्स का दौर है, लेकिन आज भी इंटरनेट की 88% वेबसाइटें इस लाइब्रेरी का उपयोग करती हैं। इसका मुख्य श्रेय वर्डप्रेस जैसी प्रणालियों और बड़े स्थापित ब्रांडों को जाता है जो अभी भी इस पर भरोसा करते हैं। इस अपडेट का मुख्य उद्देश्य पुराने कोड और बिना दस्तावेज़ वाले फंक्शन्स को हटाकर सिस्टम को साफ़ करना है। यह बदलाव उन लोगों के लिए महत्वपूर्ण है जो मानते थे कि jQuery अब प्रासंगिक नहीं रही।

ब्राउज़र सपोर्ट और आधुनिकीकरण

यहाँ वक्ता उन पुराने ब्राउज़रों की सूची देते हैं जिनका सपोर्ट अब आधिकारिक रूप से समाप्त कर दिया गया है। इंटरनेट एक्सप्लोरर 10 और उससे पुराने वर्ज़न, एज लेगेसी, और पुराने आईओएस वर्ज़न अब समर्थित नहीं हैं। हालांकि, इंटरनेट एक्सप्लोरर 11 का सपोर्ट jQuery 5 तक बना रहेगा, जो पुरानी प्रणालियों के लिए राहत की बात है। यह कदम jQuery को एक आधुनिक रूप देने के लिए उठाया गया है ताकि इसे भारी-भरकम होने से बचाया जा सके। ब्राउज़रों का यह छंटनीकरण डेवलपर्स को भविष्य के सुरक्षित और तेज़ वेब की ओर ले जाने का संकेत है।

तकनीकी बदलाव: ES मॉड्यूल्स और नेटिव JavaScript

इस हिस्से में सोर्स कोड के आंतरिक बदलावों पर चर्चा की गई है, जहाँ jQuery अब AMD से आधुनिक ES मॉड्यूल्स पर माइग्रेट हो गया है। इससे यह Vite और Webpack जैसे आधुनिक बिल्ड टूल्स के साथ सहजता से काम कर पाएगा। वक्ता उन कई फंक्शन्स का ज़िक्र करते हैं जिन्हें हटा दिया गया है क्योंकि नेटिव JavaScript अब उन्हें खुद संभाल सकती है, जैसे isArray और parseJSON। यह दर्शाता है कि पिछले दो दशकों में कोडिंग भाषाएं कितनी विकसित हो गई हैं और अब बाहरी लाइब्रेरी की ज़रूरत कम होती जा रही है। यह बदलाव डेवलपर्स को शुद्ध और तेज़ कोड लिखने के लिए प्रोत्साहित करता है।

इवेंट हैंडलिंग और स्लिम बिल्ड

वीडियो का यह खंड फोकस और ब्लर इवेंट्स के क्रम में सुधार के बारे में विस्तार से बताता है जो पहले ब्राउज़रों में अलग-अलग थे। अब jQuery नेटिव ब्राउज़र व्यवहार को ओवरराइड नहीं करेगा क्योंकि आधुनिक ब्राउज़र अब एक ही मानक का पालन करते हैं। वक्ता 'promises' के उपयोग और 'slim build' की उपलब्धता पर भी प्रकाश डालते हैं जो केवल 19.5 KB का है। स्लिम बिल्ड उन अनावश्यक मॉड्यूल्स को हटा देता है जिन्हें अब CSS या आधुनिक JS से बदला जा सकता है। यह विकल्प उन लोगों के लिए बेहतरीन है जो प्रदर्शन और गति को प्राथमिकता देते हैं।

बग फिक्स और निष्कर्ष

अंतिम भाग में उन ऐतिहासिक बग्स की चर्चा की गई है जिन्हें 2014 और 2015 के बाद से अब जाकर ठीक किया गया है। इसमें JSONP प्रमोशन और CSS यूनिट्स में पिक्सेल के स्वतः जुड़ने जैसे दिलचस्प तकनीकी उदाहरण शामिल हैं। वक्ता स्वीकार करते हैं कि वे आधुनिक प्रोजेक्ट्स के लिए React जैसे फ्रेमवर्क्स की तुलना में jQuery की सलाह नहीं देंगे, लेकिन इसकी उपयोगिता से इनकार नहीं किया जा सकता। वे इसे वेब के इतिहास का एक गौरवशाली हिस्सा मानते हैं जो आज भी इंटरनेट की बुनियादी परतों को थामे हुए है। वीडियो दर्शकों से उनके अनुभव पूछने और सब्सक्राइब करने के अनुरोध के साथ समाप्त होता है।

Community Posts

No posts yet. Be the first to write about this video!

Write about this video