jQuery ઇતિહાસ અને વારસો

jQuery - આ સૌથી લોકપ્રિય છે વિશ્વમાં JavaScript પુસ્તકાલય. વેબ ડેવલપમેન્ટ સમુદાયે તેને 2000 ના દાયકાના અંતમાં બનાવ્યું, પરિણામે હૂડ હેઠળ jQuery નો ઉપયોગ કરીને સાઇટ્સ, પ્લગઇન્સ અને ફ્રેમવર્કની સમૃદ્ધ ઇકોસિસ્ટમ મળી.

પરંતુ તાજેતરના વર્ષોમાં, વેબ ડેવલપમેન્ટ માટે પ્રીમિયર ટૂલ તરીકેની તેની સ્થિતિ ઘટી ગઈ છે. ચાલો જોઈએ કે શા માટે jQuery લોકપ્રિય બની અને શા માટે તે ફેશનમાંથી બહાર નીકળી ગઈ, અને તે પણ કે કયા કિસ્સાઓમાં તેનો ઉપયોગ આધુનિક વેબસાઇટ્સ બનાવવા માટે હજુ પણ સલાહભર્યું છે.

jQuery નો સંક્ષિપ્ત ઇતિહાસ

જ્હોન રેસિગ (જ્હોન રેસિગ) 2005 માં પુસ્તકાલયનું પ્રથમ સંસ્કરણ બનાવ્યું, અને 2006 માં પ્રકાશિત-m, BarCampNYC નામની ઇવેન્ટમાં. ચાલુ jQuery સત્તાવાર વેબસાઇટ લેખકે લખ્યું:

jQuery એ જાવાસ્ક્રિપ્ટ લાઇબ્રેરી છે જે સૂત્ર પર આધારિત છે: Javascript કોડ કરવામાં મજા હોવી જોઈએ. jQuery સામાન્ય, પુનરાવર્તિત કાર્યો લે છે, તમામ બિનજરૂરી માર્કઅપને દૂર કરે છે અને તેમને ટૂંકા, ભવ્ય અને સ્વચ્છ બનાવે છે.

jQuery ના બે મુખ્ય ફાયદા છે. પ્રથમ વેબ પેજીસની હેરફેર માટે અનુકૂળ API છે. ખાસ કરીને, તે તત્વો પસંદ કરવા માટે શક્તિશાળી પદ્ધતિઓ પ્રદાન કરે છે. તમે માત્ર ID અથવા વર્ગ દ્વારા પસંદ કરી શકતા નથી, 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 નો ઉપયોગ કરીને.

બીજું કારણ એ છે કે બ્રાઉઝર પહેલા કરતા વધુ ઝડપથી અપડેટ થાય છે. તેમાંના મોટાભાગના ઉપયોગ કરે છે "સદાબહાર" નવીકરણ વ્યૂહરચના, Apple Safari ના અપવાદ સાથે. તેઓ વપરાશકર્તાની સંડોવણી વિના પૃષ્ઠભૂમિમાં અપડેટ કરી શકાય છે અને OS અપડેટ્સ સાથે જોડાયેલા નથી.

આનો અર્થ એ છે કે નવી બ્રાઉઝર સુવિધાઓ અને બગ ફિક્સ ખૂબ ઝડપથી વિતરિત કરવામાં આવે છે, અને વિકાસકર્તાઓએ ત્યાં સુધી રાહ જોવી પડતી નથી. હું વાપરી શકું છું સ્વીકાર્ય સ્તરે પહોંચશે. તેઓ jQuery અથવા પોલીફિલ્સ ડાઉનલોડ કર્યા વિના વિશ્વાસપૂર્વક નવી સુવિધાઓ અને API નો ઉપયોગ કરી શકે છે.

ત્રીજું કારણ એ છે કે ઈન્ટરનેટ એક્સપ્લોરર સંપૂર્ણ અપ્રસ્તુત સ્થિતિની નજીક આવી રહ્યું છે. IE એ લાંબા સમયથી સમગ્ર વિશ્વમાં વેબ ડેવલપમેન્ટની સમસ્યા છે. તેની ભૂલો વ્યાપક હતી, અને કારણ કે IE નું 2000 ના દાયકામાં પ્રભુત્વ હતું અને તેણે સદાબહાર અપડેટ વ્યૂહરચનાનો ઉપયોગ કર્યો ન હતો, જૂની આવૃત્તિઓ હજી પણ સામાન્ય છે.

2016 માં, માઇક્રોસોફ્ટે IE ના નિકાલને વેગ આપ્યો, ટેકો આપવાનું બંધ કરવું દસમા અને પહેલાનાં સંસ્કરણો, IE 11 સુધીના સમર્થનને મર્યાદિત કરે છે. અને વધુને વધુ, વેબ વિકાસકર્તાઓ પાસે IE સુસંગતતાને અવગણવાની લક્ઝરી છે.

jQuery એ પણ IE 8 અને નીચે થી શરૂ કરીને સપોર્ટ કરવાનું બંધ કર્યું સંસ્કરણ 2.0, 2013 માં પ્રકાશિત. અને તેમ છતાં કેટલાક કિસ્સાઓમાં IE સપોર્ટ હજુ પણ જરૂરી છે, ઉદાહરણ તરીકે, જૂની સાઇટ્સ પર, આ પરિસ્થિતિઓ ઓછી અને ઓછી વાર ઊભી થાય છે.

નવા ફ્રેમવર્ક

jQuery ના આગમનથી, આધુનિક નેતાઓ સહિત ઘણા ફ્રેમવર્ક બનાવવામાં આવ્યા છે પ્રતિક્રિયા, કોણીય и વ્યુ. તેઓ jQuery પર બે મહત્વપૂર્ણ ફાયદા ધરાવે છે.

પ્રથમ, તેઓ વપરાશકર્તા ઇન્ટરફેસને ઘટકોમાં અલગ કરવાનું સરળ બનાવે છે. ફ્રેમવર્ક પેજ રેન્ડરિંગ અને અપડેટને હેન્ડલ કરવા માટે ડિઝાઇન કરવામાં આવ્યા છે. અને jQuery નો ઉપયોગ સામાન્ય રીતે ફક્ત અપડેટ કરવા માટે થાય છે, સર્વરને પ્રારંભિક પૃષ્ઠ પ્રદાન કરવાનું કાર્ય છોડીને.

બીજી બાજુ, પ્રતિક્રિયા, કોણીય અને Vue ઘટકો તમને HTML, કોડ અને સીએસએસને ચુસ્તપણે જોડવાની મંજૂરી આપે છે. જેમ આપણે કોડ બેઝને ઘણા સ્વ-સમાયેલ કાર્યો અને વર્ગોમાં વિભાજીત કરીએ છીએ, તેમ ઇન્ટરફેસને ફરીથી વાપરી શકાય તેવા ઘટકોમાં વિભાજીત કરવાની ક્ષમતા જટિલ સાઇટ્સ બનાવવા અને જાળવવાનું સરળ બનાવે છે.

બીજો ફાયદો એ છે કે વધુ તાજેતરના ફ્રેમવર્ક ઘોષણાત્મક દાખલાનું પાલન કરે છે, જેમાં વિકાસકર્તા વર્ણવે છે કે ઇન્ટરફેસ કેવો હોવો જોઈએ અને ઇચ્છિત હાંસલ કરવા માટે તમામ જરૂરી ફેરફારો કરવા માટે તેને ફ્રેમવર્ક પર છોડી દે છે. આ અભિગમ jQuery કોડની લાક્ષણિકતા ધરાવતા અનિવાર્ય અભિગમથી વિપરીત છે.

jQuery માં, તમે કોઈપણ ફેરફારો કરવા માટેના પગલાં સ્પષ્ટપણે લખો છો. અને ઘોષણાત્મક માળખામાં તમે કહો છો, "આ ડેટા અનુસાર, ઇન્ટરફેસ આના જેવો હોવો જોઈએ." આ બગ-ફ્રી કોડ લખવાનું ઘણું સરળ બનાવી શકે છે.

ડેવલપર્સે વેબસાઈટ ડેવલપમેન્ટ માટે નવા અભિગમ અપનાવ્યા છે, જેના કારણે jQueryની લોકપ્રિયતા ઘટી છે.

jQuery નો ઉપયોગ ક્યારે કરવો?

તેથી જ્યારે હોવું જ જોઈએ jQuery નો ઉપયોગ કરો છો?

જો પ્રોજેક્ટની જટિલતા વધે છે, તો બીજી લાઇબ્રેરી અથવા ફ્રેમવર્કથી પ્રારંભ કરવું વધુ સારું છે જે તમને જટિલતાને અર્થપૂર્ણ રીતે સંચાલિત કરવાની મંજૂરી આપે છે. ઉદાહરણ તરીકે, ઈન્ટરફેસને ઘટકોમાં વિભાજીત કરો. આવી સાઇટ્સ પર jQuery નો ઉપયોગ કરવો શરૂઆતમાં સારું લાગે છે, પરંતુ તે ઝડપથી સ્પાઘેટ્ટી કોડ તરફ દોરી જશે જ્યાં તમને ખાતરી નથી કે કયો ભાગ પૃષ્ઠના કયા ભાગને અસર કરે છે.

હું એવી સ્થિતિમાં રહ્યો છું, જ્યારે કોઈ પણ ફેરફાર કરવાનો પ્રયાસ કરવામાં આવે છે, ત્યારે તે મુશ્કેલ કાર્ય જેવું લાગે છે. તમે ખાતરી કરી શકતા નથી કે તમે કંઈપણ તોડશો નહીં કારણ કે jQuery પસંદગીકારો સર્વર દ્વારા જનરેટ કરાયેલ HTML બંધારણ પર આધાર રાખે છે.

સ્કેલના બીજા છેડે સરળ સાઇટ્સ છે જેને માત્ર થોડી ક્રિયાપ્રતિક્રિયા અથવા ગતિશીલ સામગ્રીની જરૂર હોય છે. હું આ કિસ્સામાં પણ jQuery ને ડિફોલ્ટ કરીશ નહીં, કારણ કે તમે મૂળ API સાથે ઘણું બધું કરી શકો છો.

જો મને વધુ શક્તિશાળી વસ્તુની જરૂર હોય તો પણ, હું વિશિષ્ટ પુસ્તકાલય શોધીશ, દા.ત. અક્ષો Ajax માટે અથવા Animate.css એનિમેશન માટે. નાની કાર્યક્ષમતા માટે તમામ jQuery લોડ કરવા કરતાં આ સરળ હશે.

મને લાગે છે કે jQuery નો ઉપયોગ કરવાનો શ્રેષ્ઠ તર્ક એ છે કે તે વેબસાઇટના આગળના છેડા માટે વ્યાપક કાર્યક્ષમતા પ્રદાન કરે છે. વિવિધ મૂળ API અથવા વિશિષ્ટ પુસ્તકાલયો શીખવાને બદલે, તમે ફક્ત jQuery દસ્તાવેજો વાંચી શકો છો અને તરત જ ઉત્પાદક બની શકો છો.

આવશ્યક અભિગમ સારી રીતે માપતો નથી, પરંતુ અન્ય પુસ્તકાલયોના ઘોષણાત્મક અભિગમ કરતાં તે શીખવું સરળ છે. સ્પષ્ટપણે મર્યાદિત ક્ષમતાઓ ધરાવતી સાઇટ માટે, jQuery નો ઉપયોગ કરવો અને શાંતિથી કામ કરવું વધુ સારું છે: લાઇબ્રેરીને જટિલ એસેમ્બલી અથવા સંકલનની જરૂર નથી.

વધુમાં, jQuery સારી છે જો તમને વિશ્વાસ હોય કે તમારી સાઇટ સમય જતાં જટિલ નહીં બને અને જો તમે મૂળ કાર્યક્ષમતા વિશે ધ્યાન ન રાખતા હો, જેમાં ચોક્કસપણે jQuery કરતાં વધુ કોડ લખવાની જરૂર પડશે.

જો તમારે IE ના જૂના વર્ઝનને સપોર્ટ કરવાની જરૂર હોય તો તમે આ લાઇબ્રેરીનો પણ ઉપયોગ કરી શકો છો. પછી jQuery તમને સેવા આપશે જેવી રીતે તે તે દિવસોમાં જ્યારે IE સૌથી લોકપ્રિય બ્રાઉઝર હતું.

ભવિષ્યમાં જુઓ

jQuery કોઈપણ સમયે ટૂંક સમયમાં અદૃશ્ય થઈ જશે નહીં. તેણીએ સક્રિય રીતે વિકાસશીલ, અને ઘણા વિકાસકર્તાઓ તેના API નો ઉપયોગ કરવાનું પસંદ કરે છે, ભલે નેટીવ પદ્ધતિઓ ઉપલબ્ધ હોય. લાઇબ્રેરીએ વિકાસકર્તાઓની આખી પેઢીને એવી વેબસાઇટ્સ બનાવવામાં મદદ કરી છે જે કોઈપણ બ્રાઉઝર પર કામ કરે છે. જો કે તે નવી લાઇબ્રેરીઓ, ફ્રેમવર્ક અને દાખલાઓ દ્વારા ઘણી રીતે બદલવામાં આવ્યું છે, jQuery એ આધુનિક વેબની રચનામાં ખૂબ જ સકારાત્મક ભૂમિકા ભજવી છે.

જ્યાં સુધી jQuery ની કાર્યક્ષમતા નોંધપાત્ર રીતે બદલાતી નથી, ત્યાં સુધી લાઇબ્રેરીનો ઉપયોગ આગામી થોડા વર્ષોમાં ધીમે ધીમે પરંતુ સતત ઘટતો રહેશે તેવી શક્યતા છે. નવી વેબસાઇટ્સ શરૂઆતથી વધુ આધુનિક ફ્રેમવર્કનો ઉપયોગ કરીને બનાવવામાં આવે છે, અને jQuery માટે યોગ્ય ઉપયોગના કિસ્સાઓ વધુને વધુ દુર્લભ બની રહ્યા છે.

કેટલાક લોકોને વેબ ડેવલપમેન્ટ ટૂલ્સ અપ્રચલિત થવાના દરને પસંદ નથી, પરંતુ મારા માટે તે ઝડપી પ્રગતિનો પુરાવો છે. jQuery એ અમને ઘણી બધી વસ્તુઓ વધુ સારી રીતે કરવાની મંજૂરી આપી છે. તેના અનુગામીઓ માટે પણ આવું જ છે.

સોર્સ: www.habr.com