jQuery কি?
jQuery হলো JavaScript Language এর একটি library. এই library টি ছোট এবং অনেক দ্রুত কাজ করে। বিভিন্ন platform এবং browser এ এই library টি support করে। এই library কে আবার বলা হয়ে থাকে “write less do more” মানে অনেক কম কোড লিখেই আপনি অনেকগুলো কাজ করে ফেলতে পারবেন। আবার AJAX এবং DOM সম্পর্কিত কাজ করার জন্যও এই library টি ব্যবহার করা হয়।
jQuery library কিছু বৈশিষ্ট্য
jQuery library এর অনেকগুলো বৈশিষ্ট্য রয়েছে যেমন-
১। HTML এবং DOM manipulation
২। DOM element selection
৩। CSS manipulation
৪। Effects and Animations
৫। Utilities
৬। AJAX
৭। HTML event methods
৮। JSON Parsing
৯। Extensibility through plug-ins
উপরোক্ত সকল কিছু এই jQuery library দিয়েই করা যায় খুব সহজেই।
jQery library এর অফিসিয়াল ওয়েবসাইট https://jquery.com/
কেন jQuery library ব্যবহার করবেন?
আপনাকে যদি বলা হয় কেন আপনি jQuery library ব্যবহার করবেন যেখানে আপনি Javascript Langauge টি ব্যবহার করতে পারেন? তার কারন হলো-
১। এই library খবুই fast এবং আপনি এই library কে বর্ধিতও করতে পারবেন।
২। খুব কম কোড লিখে আপনি UI (user interface) সম্পর্কিত function লিখতে পারবেন।
৩। আপনার তৈরীকৃত application এর performance এই library এর মাধ্যমে আরো উন্নত করা যায়।
৪। web application তৈরী করার জন্য এই library টি ব্যবহার করা হয়।
৫। এমনকি অনেক বড় বড় কোম্পানিও এই library টি ব্যবহার করে থাকে। যেমন- Microsoft, Google, IBM, Netflix ইত্যাদি।
Javascript এবং jQuery এর মধ্যে পার্থক্য কি?
আসলে Javascript এবং jQuery কে আপনি প্রায় একই বলতে পারেন। শুধুমাত্র মনে রাখবেন যে Javascript হলো একটি programming language এবং jQuery হলো কতগুলো Javascript code এর মাধ্যমে তৈরী করা একটি library।
আমি যদি একটি ছোট উদাহরন দেই তাহলে বিষয়টি একটু পরিষ্কার হয়ে যাবে। ধরুন আপনার ওয়েবসাইটে যখন কোন visitor sign up করবে তখন আপনি চাচ্ছেন যে একটি “Thank You” মেসেজ দেখাবেন।
এখন এই “Thank You” মেসেজটি JavaScript এর মাধ্যমে লিখতে হলে অনকেটা এভাবে লিখতে হবে –
window.onload = initAll;
function initAll() {
document.getElementById("submit").onclick = submitMessage;
}
function submitMessage() {
var greeting = document.getElementById("name").getAttribute("value");
document.getElementById("headline").innerHTML = "Thank you for joining our email list," + greeting;
return false;
}
উপরের কোডটি দেখেই বুঝা যাচ্ছে যে একটি সাধারন মেসেজের জন্য আমরা কত কোড লিখলাম JavaScript এর মাধ্যমে, তাই না? তবে আপনি যদি jQuery এর মাধ্যমে লিখতেন তাহলে কোডটি হত এই রকম –
$("#submit").click(function () {
var greeting = $("#name").val();
$("#headline").html("Thank you for joining our email list, " + greeting);
return false;
});
এখন এই কোড দেখেই আপনি বুঝতে পারছেন যে Javascript এবং jQuery এর মধ্যে পার্থক্যটি আসলে কোন জায়গায়, তাই না? 🙂
কিছু jQuery Plugins
এই jQuery এর মাধ্যমে আবার চমৎকার চমৎকার কিছু Plugins তৈরী করা হয়। যেমন-
১। Muuri
২। AnchorScroll.js
৩। Timeline.js
৪। Tilted page scroll
৫। Focuspoint
৬। SVGMagic
৭। Face Detection
৮। Round Slider
৯। jInvertScroll
১০। Slinky
এবং আরো অনেক…।