🥇JQuery इतिहास आणि वारसा

jQuery - हे सर्वात लोकप्रिय आहे जगात JavaScript लायब्ररी आहे. वेब डेव्हलपमेंट समुदायाने 2000 च्या उत्तरार्धात ते तयार केले, परिणामी jQuery चा वापर करून साइट्स, प्लगइन्स आणि फ्रेमवर्कची समृद्ध इकोसिस्टम तयार झाली.

परंतु अलिकडच्या वर्षांत, वेब डेव्हलपमेंटसाठी प्रमुख साधन म्हणून त्याची स्थिती कमी झाली आहे. jQuery का लोकप्रिय झाले आणि ते फॅशनच्या बाहेर का पडले आणि आधुनिक वेबसाइट्स तयार करण्यासाठी अद्याप कोणत्या प्रकरणांमध्ये ते वापरणे उचित आहे ते पाहू या.

jQuery चा संक्षिप्त इतिहास

जॉन रेसिग (जॉन रेसिग) 2005 मध्ये लायब्ररीची पहिली आवृत्ती तयार केली आणि 2006 मध्ये प्रकाशित-m, BarCampNYC नावाच्या कार्यक्रमात. चालू jQuery अधिकृत वेबसाइट लेखकाने लिहिले:

jQuery ही जावास्क्रिप्ट लायब्ररी आहे जी या बोधवाक्यावर आधारित आहे: Javascript कोड करण्यात मजा आली पाहिजे. jQuery सामान्य, पुनरावृत्ती कार्ये घेते, सर्व अनावश्यक मार्कअप काढून टाकते आणि त्यांना लहान, मोहक आणि स्वच्छ बनवते.

jQuery चे दोन मुख्य फायदे आहेत. प्रथम वेब पृष्ठे हाताळण्यासाठी एक सोयीस्कर API आहे. विशेषतः, ते घटक निवडण्यासाठी शक्तिशाली पद्धती प्रदान करते. तुम्ही केवळ आयडी किंवा वर्गानुसारच निवडू शकत नाही, jQuery तुम्हाला जटिल अभिव्यक्ती लिहिण्याची परवानगी देते, उदाहरणार्थ, इतर घटकांशी असलेल्या त्यांच्या संबंधांवर आधारित घटक निवडण्यासाठी:

// Select every item within the list of people within the contacts element
$('#contacts ul.people li');

कालांतराने, निवड यंत्रणा स्वतंत्र ग्रंथालय बनली चिमटा.

लायब्ररीचा दुसरा फायदा म्हणजे ब्राउझरमधील फरक अमूर्त केला. त्या वर्षांत, सर्व ब्राउझरमध्ये विश्वासार्हपणे कार्य करू शकणारे कोड लिहिणे कठीण होते.

मानकीकरणाच्या कमतरतेचा अर्थ असा होतो की विकासकांना ब्राउझर आणि एज केसेसमधील असंख्य फरक लक्षात घेणे आवश्यक आहे. एक नजर टाका हा प्रारंभिक jQuery स्त्रोत कोड आणि jQuery.browser शोधा. येथे एक उदाहरण आहे:

// If Mozilla is used
if ( jQuery.browser == "mozilla" || jQuery.browser == "opera" ) {
        // Use the handy event callback
        jQuery.event.add( document, "DOMContentLoaded", jQuery.ready );

// If IE is used, use the excellent hack by Matthias Miller
// http://www.outofhanwell.com/blog/index.php?title=the_window_onload_problem_revisited
} else if ( jQuery.browser == "msie" ) {

        // Only works if you document.write() it
        document.write("<scr" + "ipt id=__ie_init defer=true " + 
                "src=javascript:void(0)></script>");

        // Use the defer script hack
        var script = document.getElementById("__ie_init");
        script.onreadystatechange = function() {
                if ( this.readyState == "complete" )
                        jQuery.ready();
        };

        // Clear from memory
        script = null;

// If Safari  is used
} else if ( jQuery.browser == "safari" ) {
        // Continually check to see if the document.readyState is valid
        jQuery.safariTimer = setInterval(function(){
                // loaded and complete are both valid states
                if ( document.readyState == "loaded" || 
                        document.readyState == "complete" ) {

                        // If either one are found, remove the timer
                        clearInterval( jQuery.safariTimer );
                        jQuery.safariTimer = null;

                        // and execute any waiting functions
                        jQuery.ready();
                }
        }, 10);
}

आणि jQuery बद्दल धन्यवाद, विकासक या सर्व अडचणींबद्दलची चिंता लायब्ररी विकसित करणाऱ्या टीमच्या खांद्यावर हलवू शकतात.

नंतर, jQuery ने अॅनिमेशन आणि Ajax सारख्या अधिक जटिल तंत्रज्ञानाची अंमलबजावणी करणे सोपे केले. लायब्ररी प्रभावीपणे वेबसाइट्ससाठी एक मानक अवलंबित्व बनली आहे. आणि आज ते इंटरनेटच्या मोठ्या वाटा सामर्थ्यवान आहे. W3Techs असा विश्वास ठेवतो आज 74% साइट्स jQuery वापरतात.

jQuery विकासावरील नियंत्रण देखील अधिक औपचारिक झाले आहे. 2011 मध्ये संघ jQuery बोर्ड तयार केले. आणि 2012 मध्ये jQuery बोर्ड jQuery फाउंडेशनमध्ये रूपांतरित झाले.

2015 मध्ये, jQuery फाउंडेशन डोजो फाउंडेशनमध्ये विलीन झाले, जेएस फाउंडेशन तयार करण्यासाठी, जे नंतर Node.js फाउंडेशन मध्ये विलीन झाले 2019-m तयार करण्यासाठी ओपनजेएस फाउंडेशन, ज्यामध्ये jQuery पैकी एक होती “यशस्वी प्रकल्प. "

बदलती परिस्थिती

तथापि, अलिकडच्या वर्षांत jQuery त्याची लोकप्रियता गमावली. GitHub माझ्या साइटच्या फ्रंटएंडमधून लायब्ररी काढली. बूटस्ट्रॅप v5 jQuery पासून मुक्त व्हाकारण ते त्याचे आहे"नियमित JavaScript साठी सर्वात मोठी क्लायंट अवलंबित्व"(सध्या 30 KB आकारात, लहान केलेले आणि पॅक केलेले). वेब डेव्हलपमेंटमधील अनेक ट्रेंडने jQuery ची स्थिती आवश्यक साधन म्हणून कमकुवत केली आहे.

ब्राउझर

अनेक कारणांमुळे, ब्राउझरमधील फरक आणि मर्यादा कमी महत्त्वाच्या झाल्या आहेत. प्रथम, मानकीकरण सुधारले आहे. प्रमुख ब्राउझर विकसक (Apple, Google, Microsoft आणि Mozilla) विकसित करण्यासाठी एकत्र काम करत आहेत वेब मानके चौकटीत वेब हायपरटेक्स्ट ऍप्लिकेशन टेक्नॉलॉजी वर्किंग ग्रुप.
जरी ब्राउझर अजूनही अनेक महत्त्वाच्या मार्गांनी एकमेकांपासून भिन्न असले तरी, विक्रेत्यांकडे किमान त्याऐवजी एक सामान्य डेटाबेस शोधण्याचे आणि तयार करण्याचे साधन आहे. कायम युद्ध एकत्र त्यानुसार, ब्राउझर API ने नवीन क्षमता प्राप्त केल्या आहेत. उदा. API आणा jQuery वरून Ajax फंक्शन्स बदलण्यास सक्षम:

// jQuery
$.getJSON('https://api.com/songs.json')
    .done(function (songs) {
        console.log(songs);
    })

// native
fetch('https://api.com/songs.json')
    .then(function (response) {
        return response.json();
    })
    .then(function (songs) {
        console.log(songs);
    });

पद्धती querySelector и querySelectorAll डुप्लिकेट jQuery पिकर्स:

// jQuery
const fooDivs = $('.foo div');

// native
const fooDivs = document.querySelectorAll('.foo div');

तुम्ही आता घटक वर्ग वापरून हाताळू शकता वर्गसूची:

// jQuery
$('#warning').toggleClass('visible');

// native
document.querySelector('#warning').classList.toggle('visible');

साइटवर तुम्हाला कदाचित jQuery ची गरज नाही सूचीमध्ये आणखी अनेक परिस्थिती आहेत ज्यात jQuery कोड नेटिव्ह कोडने बदलला जाऊ शकतो. काही डेव्हलपर नेहमी jQuery सह चिकटून राहतात कारण त्यांना नवीन API बद्दल माहिती नसते, परंतु जेव्हा ते करतात तेव्हा ते लायब्ररी कमी वेळा वापरण्यास सुरवात करतात.

मूळ वैशिष्ट्ये वापरल्याने पृष्ठ कार्यप्रदर्शन सुधारते. अनेक jQuery वरून अॅनिमेशन प्रभाव आता आपण अंमलबजावणी करू शकता जास्त प्रभावी CSS वापरून.

दुसरे कारण म्हणजे ब्राउझर पूर्वीपेक्षा खूप वेगाने अपडेट होतात. त्यापैकी बहुतेक वापरतात "सदाहरित" नूतनीकरण धोरणऍपल सफारीचा अपवाद वगळता. ते वापरकर्त्याच्या सहभागाशिवाय पार्श्वभूमीमध्ये अद्यतनित केले जाऊ शकतात आणि OS अद्यतनांशी जोडलेले नाहीत.

याचा अर्थ असा की नवीन ब्राउझर वैशिष्ट्ये आणि दोष निराकरणे खूप जलद वितरीत केली जातात आणि विकसकांना प्रतीक्षा करावी लागत नाही मी वापरू शकतो स्वीकारार्ह पातळीवर पोहोचेल. ते jQuery किंवा polyfills डाउनलोड न करता आत्मविश्वासाने नवीन वैशिष्ट्ये आणि API वापरू शकतात.

तिसरे कारण म्हणजे इंटरनेट एक्सप्लोरर पूर्ण असंबद्ध स्थितीकडे येत आहे. IE हे बर्याच काळापासून जगभरातील वेब डेव्हलपमेंटचा त्रास आहे. त्याचे बग सर्वत्र पसरले होते आणि IE चे 2000 च्या दशकात वर्चस्व असल्याने आणि सदाबहार अपडेट धोरण वापरत नसल्यामुळे, जुन्या आवृत्त्या अजूनही सामान्य आहेत.

2016 मध्ये, मायक्रोसॉफ्टने IE च्या डिकमिशनिंगला गती दिली, समर्थन करणे बंद करणे दहाव्या आणि पूर्वीच्या आवृत्त्या, IE 11 ला समर्थन मर्यादित करते. आणि वाढत्या प्रमाणात, वेब विकासकांना IE सुसंगततेकडे दुर्लक्ष करण्याची लक्झरी आहे.

अगदी jQuery ने IE 8 आणि त्याखालील चे समर्थन करणे बंद केले आवृत्ती 2.0, 2013 मध्ये प्रकाशित. आणि जरी काही प्रकरणांमध्ये IE समर्थन अद्याप आवश्यक आहे, उदाहरणार्थ, जुन्या साइट्सवर, या परिस्थिती कमी आणि कमी वेळा उद्भवतात.

नवीन फ्रेमवर्क

jQuery च्या आगमनापासून, आधुनिक नेत्यांसह अनेक फ्रेमवर्क तयार केले गेले आहेत प्रतिक्रिया द्या, टोकदार и व्ह्यू. jQuery पेक्षा त्यांचे दोन महत्त्वाचे फायदे आहेत.

प्रथम, ते वापरकर्ता इंटरफेस घटकांमध्ये वेगळे करणे सोपे करतात. फ्रेमवर्क पृष्ठ प्रस्तुतीकरण आणि अद्यतने हाताळण्यासाठी डिझाइन केलेले आहेत. आणि jQuery चा वापर सहसा फक्त अपडेट करण्यासाठी केला जातो, सर्व्हरला प्रारंभिक पृष्ठ प्रदान करण्याचे कार्य सोडून.

दुसरीकडे, React, Angular आणि Vue घटक तुम्हाला HTML, कोड आणि अगदी CSS जोडण्याची परवानगी देतात. ज्याप्रमाणे आपण कोड बेसला अनेक स्वयंपूर्ण फंक्शन्स आणि क्लासेसमध्ये विभाजित करतो, त्याचप्रमाणे इंटरफेसला पुन्हा वापरता येण्याजोग्या घटकांमध्ये विभाजित करण्याची क्षमता जटिल साइट्स तयार करणे आणि देखरेख करणे सोपे करते.

दुसरा फायदा असा आहे की अधिक अलीकडील फ्रेमवर्क घोषणात्मक पॅराडाइमचे पालन करतात, ज्यामध्ये विकासक इंटरफेस कसा असावा याचे वर्णन करतो आणि इच्छित ते साध्य करण्यासाठी सर्व आवश्यक बदल करण्यासाठी फ्रेमवर्कवर सोडतो. हा दृष्टिकोन jQuery कोडचे वैशिष्ट्य असलेल्या अनिवार्य दृष्टिकोनाच्या विरुद्ध आहे.

jQuery मध्ये, तुम्ही कोणतेही बदल करण्यासाठी पायऱ्या स्पष्टपणे लिहा. आणि घोषणात्मक फ्रेमवर्कमध्ये तुम्ही म्हणता, "या डेटानुसार, इंटरफेस असा दिसला पाहिजे." हे बग-मुक्त कोड लिहिणे खूप सोपे करू शकते.

डेव्हलपर्सनी वेबसाइट डेव्हलपमेंटसाठी नवीन पध्दती स्वीकारल्या आहेत, त्यामुळेच jQuery ची लोकप्रियता कमी झाली आहे.

jQuery कधी वापरायचे?

मग कधी असणे आवश्यक आहे jQuery वापरायचे?

जर प्रकल्पाची जटिलता वाढली, तर दुसर्या लायब्ररी किंवा फ्रेमवर्कसह प्रारंभ करणे चांगले आहे जे आपल्याला जटिलतेचे अर्थपूर्ण व्यवस्थापन करण्यास अनुमती देते. उदाहरणार्थ, इंटरफेसला घटकांमध्ये विभाजित करा. अशा साइट्सवर jQuery वापरणे सुरुवातीला चांगले वाटू शकते, परंतु ते त्वरीत स्पॅगेटी कोडकडे नेईल जेथे पृष्ठाच्या कोणत्या भागावर कोणता भाग प्रभावित होतो याची आपल्याला खात्री नसते.

माझी अशी अवस्था झाली आहे, कोणताही बदल करण्याचा प्रयत्न करताना ते अवघड काम वाटते. आपण काहीही खंडित करणार नाही याची खात्री बाळगू शकत नाही कारण jQuery निवडक हे सर्व्हरद्वारे व्युत्पन्न केलेल्या HTML संरचनेवर अवलंबून असतात.

स्केलच्या दुसऱ्या टोकाला सोप्या साइट्स आहेत ज्यांना फक्त थोडीशी संवादात्मकता किंवा डायनॅमिक सामग्रीची आवश्यकता असते. या प्रकरणांमध्ये मी jQuery ला डीफॉल्ट करणार नाही, कारण तुम्ही मूळ API सह बरेच काही करू शकता.

मला काही अधिक शक्तिशाली हवे असले तरीही, मी एक विशेष लायब्ररी शोधेन, उदा. अक्ष Ajax साठी किंवा एनिमेट. सीएसएस अॅनिमेशनसाठी. छोट्या कार्यक्षमतेसाठी सर्व jQuery लोड करण्यापेक्षा हे सोपे होईल.

मला वाटतं jQuery वापरण्याचा सर्वोत्तम तर्क हा आहे की ते वेबसाइटच्या पुढच्या टोकासाठी सर्वसमावेशक कार्यक्षमता प्रदान करते. विविध नेटिव्ह API किंवा विशेष लायब्ररी शिकण्याऐवजी, तुम्ही फक्त jQuery दस्तऐवजीकरण वाचू शकता आणि झटपट उत्पादक होऊ शकता.

अत्यावश्यक दृष्टीकोन चांगले मोजमाप करत नाही, परंतु इतर लायब्ररींच्या घोषणात्मक दृष्टिकोनापेक्षा शिकणे सोपे आहे. स्पष्टपणे मर्यादित क्षमता असलेल्या साइटसाठी, jQuery वापरणे आणि शांतपणे कार्य करणे चांगले आहे: लायब्ररीला जटिल असेंब्लीची किंवा संकलनाची आवश्यकता नाही.

याव्यतिरिक्त, तुमची साइट कालांतराने क्लिष्ट होणार नाही याची तुम्हाला खात्री असेल आणि तुम्हाला मूळ कार्यक्षमतेची काळजी नसेल तर jQuery चांगली आहे, ज्यासाठी jQuery पेक्षा निश्चितपणे अधिक कोड लिहिण्याची आवश्यकता असेल.

तुम्हाला IE च्या जुन्या आवृत्त्यांचे समर्थन करायचे असल्यास तुम्ही ही लायब्ररी देखील वापरू शकता. मग jQuery तुम्हाला सेवा देईल जसे की IE हा सर्वात लोकप्रिय ब्राउझर होता.

भविष्यात पहा

jQuery लवकरच कधीही अदृश्य होणार नाही. ती सक्रियपणे विकसित होत आहे, आणि अनेक विकसक त्याचे API वापरण्यास प्राधान्य देतात, जरी मूळ पद्धती उपलब्ध असल्या तरीही. लायब्ररीने विकासकांच्या संपूर्ण पिढीला कोणत्याही ब्राउझरवर काम करणाऱ्या वेबसाइट तयार करण्यात मदत केली आहे. जरी ते नवीन लायब्ररी, फ्रेमवर्क आणि प्रतिमानांनी अनेक प्रकारे बदलले असले तरी, आधुनिक वेबच्या निर्मितीमध्ये jQuery ने खूप सकारात्मक भूमिका बजावली आहे.

jQuery ची कार्यक्षमता लक्षणीयरीत्या बदलत नाही तोपर्यंत, पुढील काही वर्षांमध्ये लायब्ररीचा वापर हळूहळू पण सातत्याने घटत राहण्याची शक्यता आहे. नवीन वेबसाइट्स सुरुवातीपासूनच अधिक आधुनिक फ्रेमवर्क वापरून तयार केल्या जातात आणि jQuery साठी योग्य वापर प्रकरणे दुर्मिळ होत आहेत.

काही लोकांना वेब डेव्हलपमेंट टूल्स ज्या दराने अप्रचलित होतात ते आवडत नाही, परंतु माझ्यासाठी ते जलद प्रगतीचा पुरावा आहे. jQuery ने आम्हाला बर्‍याच गोष्टी चांगल्या प्रकारे करण्याची परवानगी दिली आहे. तिच्या उत्तराधिकार्‍यांच्या बाबतीतही असेच आहे.

स्त्रोत: www.habr.com

jQuery इतिहास आणि वारसा