jQuery ইতিহাস এবং উত্তরাধিকার

jQuery - এটি সবচেয়ে জনপ্রিয় বিশ্বের একটি জাভাস্ক্রিপ্ট লাইব্রেরি। ওয়েব ডেভেলপমেন্ট সম্প্রদায় এটি 2000 এর দশকের শেষের দিকে তৈরি করে, যার ফলে jQuery ব্যবহার করে সাইট, প্লাগইন এবং ফ্রেমওয়ার্কের একটি সমৃদ্ধ ইকোসিস্টেম তৈরি হয়।

কিন্তু সাম্প্রতিক বছরগুলোতে, ওয়েব ডেভেলপমেন্টের প্রধান টুল হিসেবে এর মর্যাদা কমে গেছে। আসুন দেখি কেন jQuery জনপ্রিয় হয়ে উঠল এবং কেন এটি ফ্যাশনের বাইরে চলে গেল এবং আধুনিক ওয়েবসাইটগুলি তৈরি করতে এখনও কোন ক্ষেত্রে এটি ব্যবহার করার পরামর্শ দেওয়া হয়।

jQuery এর সংক্ষিপ্ত ইতিহাস

জন রেসিগ (জন রেসিগ) 2005 সালে লাইব্রেরির প্রথম সংস্করণ তৈরি করেছিল এবং 2006 সালে প্রকাশিত-মি, BarCampNYC নামক একটি ইভেন্টে। চালু jQuery অফিসিয়াল ওয়েবসাইট লেখক লিখেছেন:

jQuery হল একটি জাভাস্ক্রিপ্ট লাইব্রেরি যা মূলমন্ত্রের উপর ভিত্তি করে: জাভাস্ক্রিপ্ট কোড করতে মজাদার হওয়া উচিত। 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 ফাউন্ডেশন Dojo ফাউন্ডেশনের সাথে একীভূত হয়, জেএস ফাউন্ডেশন তৈরি করতে, যা পরে Node.js ফাউন্ডেশনের সাথে একত্রিত হয় 2019-মি তৈরি করতে ওপেনজেএস ফাউন্ডেশন, যার মধ্যে jQuery ছিল "যুগান্তকারী প্রকল্প। "

পরিবর্তিত পরিস্থিতি

যাইহোক, সাম্প্রতিক বছরগুলিতে jQuery তার জনপ্রিয়তা হারিয়েছে. গিটহাব আমার সাইটের ফ্রন্টএন্ড থেকে লাইব্রেরি সরিয়েছি. বুটস্ট্র্যাপ v5 jQuery পরিত্রাণ পেতেকারণ এটা তার"নিয়মিত জাভাস্ক্রিপ্টের জন্য সবচেয়ে বড় ক্লায়েন্ট নির্ভরতা"(বর্তমানে 30 KB আকারে, ছোট এবং প্যাক করা)। ওয়েব ডেভেলপমেন্টের বেশ কিছু প্রবণতা একটি অপরিহার্য টুল হিসেবে jQuery-এর অবস্থানকে দুর্বল করেছে।

Браузеры

বিভিন্ন কারণে, ব্রাউজারের পার্থক্য এবং সীমাবদ্ধতাগুলি কম গুরুত্বপূর্ণ হয়ে উঠেছে। প্রথমত, প্রমিতকরণ উন্নত হয়েছে। প্রধান ব্রাউজার বিকাশকারীরা (অ্যাপল, গুগল, মাইক্রোসফ্ট এবং মজিলা) বিকাশের জন্য একসাথে কাজ করছে ওয়েব মান কাঠামোর মধ্যে ওয়েব হাইপারটেক্সট অ্যাপ্লিকেশন প্রযুক্তি ওয়ার্কিং গ্রুপ.
যদিও ব্রাউজারগুলি এখনও বেশ কয়েকটি গুরুত্বপূর্ণ উপায়ে একে অপরের থেকে আলাদা, বিক্রেতাদের অন্ততপক্ষে এর পরিবর্তে একটি সাধারণ ডাটাবেস অনুসন্ধান এবং তৈরি করার একটি উপায় রয়েছে স্থায়ী যুদ্ধ একসাথে তদনুসারে, ব্রাউজার 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 বা পলিফিল ডাউনলোড না করেই আত্মবিশ্বাসের সাথে নতুন বৈশিষ্ট্য এবং API ব্যবহার করতে পারে।

তৃতীয় কারণ হল ইন্টারনেট এক্সপ্লোরার সম্পূর্ণ অপ্রাসঙ্গিক অবস্থার দিকে এগিয়ে যাচ্ছে। IE দীর্ঘকাল ধরে বিশ্বজুড়ে ওয়েব ডেভেলপমেন্টের ক্ষতিকর। এর বাগগুলি ব্যাপক ছিল, এবং যেহেতু IE 2000 এর দশকে আধিপত্য বিস্তার করেছিল এবং একটি চিরসবুজ আপডেট কৌশল ব্যবহার করেনি, পুরানো সংস্করণগুলি এখনও সাধারণ।

2016 সালে, মাইক্রোসফ্ট IE এর ডিকমিশনকে ত্বরান্বিত করেছিল, সমর্থন করা বন্ধ দশম এবং পূর্ববর্তী সংস্করণ, IE 11-এ সমর্থন সীমিত করে। এবং ক্রমবর্ধমানভাবে, ওয়েব ডেভেলপারদের IE সামঞ্জস্য উপেক্ষা করার বিলাসিতা রয়েছে।

এমনকি jQuery থেকে শুরু করে IE 8 এবং নীচের সমর্থন করা বন্ধ করে দিয়েছে সংস্করণ 2.0, 2013 সালে প্রকাশিত। এবং যদিও কিছু ক্ষেত্রে IE সমর্থন এখনও প্রয়োজন, উদাহরণস্বরূপ, পুরানো সাইটগুলিতে, এই পরিস্থিতিগুলি কম এবং কম প্রায়ই দেখা দেয়।

নতুন কাঠামো

jQuery এর আবির্ভাবের পর থেকে, আধুনিক নেতা সহ অনেকগুলি কাঠামো তৈরি করা হয়েছে প্রতিক্রিয়া, কৌণিক и দৃশ্য. jQuery এর তুলনায় তাদের দুটি গুরুত্বপূর্ণ সুবিধা রয়েছে।

প্রথমত, তারা ইউজার ইন্টারফেসকে উপাদানে আলাদা করা সহজ করে তোলে। ফ্রেমওয়ার্কগুলি পৃষ্ঠা রেন্ডারিং এবং আপডেট করার জন্য ডিজাইন করা হয়েছে। এবং jQuery সাধারণত সার্ভারে প্রাথমিক পৃষ্ঠা প্রদানের কাজ ছেড়ে শুধুমাত্র আপডেট করার জন্য ব্যবহার করা হয়।

অন্যদিকে, প্রতিক্রিয়া, কৌণিক এবং Vue উপাদানগুলি আপনাকে HTML, কোড এবং এমনকি CSS শক্তভাবে জোড়া দিতে দেয়। ঠিক যেমন আমরা কোড বেসকে অনেকগুলি স্বয়ংসম্পূর্ণ ফাংশন এবং ক্লাসে ভাগ করি, তেমনি ইন্টারফেসটিকে পুনরায় ব্যবহারযোগ্য উপাদানগুলিতে ভাগ করার ক্ষমতা জটিল সাইটগুলি তৈরি এবং বজায় রাখা সহজ করে তোলে।

দ্বিতীয় সুবিধা হল যে আরও সাম্প্রতিক ফ্রেমওয়ার্কগুলি একটি ঘোষণামূলক দৃষ্টান্ত মেনে চলে, যেখানে বিকাশকারী ইন্টারফেসটি কেমন হওয়া উচিত তা বর্ণনা করে এবং যা কাঙ্খিত তা অর্জনের জন্য প্রয়োজনীয় সমস্ত পরিবর্তন করতে ফ্রেমওয়ার্কের কাছে ছেড়ে দেয়। এই পদ্ধতিটি অপরিহার্য পদ্ধতির বিপরীত যা jQuery কোডকে চিহ্নিত করে।

jQuery-এ, আপনি স্পষ্টভাবে কোন পরিবর্তন করার জন্য ধাপগুলি লিখুন। এবং একটি ঘোষণামূলক কাঠামোতে আপনি বলেন, "এই ডেটা অনুসারে, ইন্টারফেসটি এইরকম হওয়া উচিত।" এটি বাগ-মুক্ত কোড লেখাকে অনেক সহজ করে তুলতে পারে।

ডেভেলপাররা ওয়েবসাইট ডেভেলপমেন্টে নতুন পন্থা অবলম্বন করেছে, যে কারণে jQuery-এর জনপ্রিয়তা কমে গেছে।

jQuery কখন ব্যবহার করবেন?

তো কখন হতে হবে jQuery ব্যবহার করবেন?

যদি প্রকল্পের জটিলতা বৃদ্ধি পায়, তবে অন্য লাইব্রেরি বা কাঠামো দিয়ে শুরু করা ভাল যা আপনাকে অর্থপূর্ণভাবে জটিলতা পরিচালনা করতে দেয়। উদাহরণস্বরূপ, ইন্টারফেসটিকে উপাদানগুলিতে ভাগ করুন। এই ধরনের সাইটে jQuery ব্যবহার করলে প্রথমে ভালো লাগতে পারে, কিন্তু এটি দ্রুত স্প্যাগেটি কোডের দিকে নিয়ে যাবে যেখানে আপনি নিশ্চিত নন যে কোন অংশটি পৃষ্ঠার কোন অংশকে প্রভাবিত করে।

আমি এমন একটি পরিস্থিতিতে পড়েছি, যখন কোনও পরিবর্তন করার চেষ্টা করা হয়, তখন এটি একটি কঠিন কাজ বলে মনে হয়। আপনি নিশ্চিত হতে পারবেন না যে আপনি কিছু ভাঙবেন না কারণ jQuery নির্বাচকরা সার্ভার দ্বারা তৈরি HTML কাঠামোর উপর নির্ভর করে।

স্কেলের অন্য প্রান্তে সাধারণ সাইটগুলি রয়েছে যেগুলির জন্য শুধুমাত্র একটি বিট ইন্টারঅ্যাক্টিভিটি বা গতিশীল সামগ্রী প্রয়োজন৷ আমি এই ক্ষেত্রেও jQuery তে ডিফল্ট করব না, কারণ নেটিভ এপিআইগুলির সাথে আপনি আরও অনেক কিছু করতে পারেন।

এমনকি যদি আমার আরও শক্তিশালী কিছুর প্রয়োজন হয়, আমি একটি বিশেষ লাইব্রেরির সন্ধান করব, যেমন axios Ajax বা জন্য Animate.css অ্যানিমেশনের জন্য। এটি একটি ছোট কার্যকারিতার জন্য সমস্ত jQuery লোড করার চেয়ে সহজ হবে।

আমি মনে করি jQuery ব্যবহার করার জন্য সর্বোত্তম যুক্তি হল এটি একটি ওয়েবসাইটের সামনের প্রান্তের জন্য ব্যাপক কার্যকারিতা প্রদান করে। বিভিন্ন নেটিভ এপিআই বা বিশেষায়িত লাইব্রেরি শেখার পরিবর্তে, আপনি শুধু jQuery ডকুমেন্টেশন পড়তে পারেন এবং তাৎক্ষণিকভাবে উৎপাদনশীল হয়ে উঠতে পারেন।

আবশ্যিক পন্থাটি ভালভাবে পরিমাপ করে না, তবে অন্যান্য লাইব্রেরির ঘোষণামূলক পদ্ধতির চেয়ে এটি শেখা সহজ। স্পষ্টভাবে সীমিত ক্ষমতা সহ একটি সাইটের জন্য, jQuery ব্যবহার করা এবং শান্তভাবে কাজ করা ভাল: লাইব্রেরির জটিল সমাবেশ বা সংকলনের প্রয়োজন হয় না।

অতিরিক্তভাবে, jQuery ভাল যদি আপনি নিশ্চিত হন যে আপনার সাইট সময়ের সাথে জটিল হবে না, এবং আপনি যদি নেটিভ কার্যকারিতা সম্পর্কে চিন্তা না করেন, যার জন্য অবশ্যই jQuery থেকে আরও বেশি কোড লেখার প্রয়োজন হবে৷

আপনি যদি IE এর পুরানো সংস্করণ সমর্থন করতে চান তবে আপনি এই লাইব্রেরিটি ব্যবহার করতে পারেন। তারপর jQuery আপনাকে পরিবেশন করবে যেমনটি সেই দিনগুলিতে করা হয়েছিল যখন IE সবচেয়ে জনপ্রিয় ব্রাউজার ছিল।

ভবিষ্যতে দেখুন

jQuery শীঘ্রই অদৃশ্য হয়ে যাবে না। সে সক্রিয়ভাবে উন্নয়নশীল, এবং অনেক ডেভেলপার এর API ব্যবহার করতে পছন্দ করে, এমনকি যদি নেটিভ পদ্ধতি পাওয়া যায়। লাইব্রেরি পুরো প্রজন্মের ডেভেলপারদের এমন ওয়েবসাইট তৈরি করতে সাহায্য করেছে যা যেকোনো ব্রাউজারে কাজ করে। যদিও এটি বিভিন্ন উপায়ে নতুন লাইব্রেরি, ফ্রেমওয়ার্ক এবং দৃষ্টান্ত দ্বারা প্রতিস্থাপিত হয়েছে, jQuery আধুনিক ওয়েব তৈরিতে একটি বিশাল ইতিবাচক ভূমিকা পালন করেছে।

jQuery-এর কার্যকারিতা উল্লেখযোগ্যভাবে পরিবর্তিত না হলে, সম্ভবত লাইব্রেরির ব্যবহার ধীরে ধীরে কিন্তু ক্রমাগতভাবে আগামী কয়েক বছরে হ্রাস পেতে থাকবে। নতুন ওয়েবসাইটগুলি শুরু থেকে আরও আধুনিক ফ্রেমওয়ার্ক ব্যবহার করে তৈরি করার প্রবণতা রয়েছে এবং jQuery-এর জন্য উপযুক্ত ব্যবহারের ক্ষেত্রে ক্রমশ বিরল হয়ে উঠছে।

কিছু লোক যে হারে ওয়েব ডেভেলপমেন্ট টুল অপ্রচলিত হয়ে যায় তা পছন্দ করে না, কিন্তু আমার কাছে এটি দ্রুত অগ্রগতির প্রমাণ। jQuery আমাদের অনেক ভালো কিছু করার অনুমতি দিয়েছে। তার উত্তরসূরিদের ক্ষেত্রেও একই কথা প্রযোজ্য।

উত্স: www.habr.com