JavaScript ও jQuery সহজ ভাষায় ব্যাখ্যা
JavaScript কী?
JavaScript হল একটি প্রোগ্রামিং ভাষা, যা ওয়েবসাইটকে ইন্টারেক্টিভ (সজীব) করে তোলে। এটি দিয়ে আপনি ব্যবহারকারীর সঙ্গে ওয়েবসাইটের যোগাযোগ বৃদ্ধি করতে পারেন।
কেন JavaScript দরকার?
বাটন ক্লিক করলে পপআপ দেখানো।
ফর্মে তথ্য জমা দেওয়ার পর সফলতার মেসেজ দেখানো।
ওয়েবসাইট বিনা রিফ্রেশে আপডেট করা।
স্লাইডার, মেনু, অ্যানিমেশন ইত্যাদি তৈরি করা।
সহজ উপমা:
ধরুন আপনার ওয়েবসাইটটি একটি গাড়ি—
HTML = গাড়ির কাঠামো (ইঞ্জিন, চাকা)।
CSS = গাড়ির ডিজাইন (রং, সিট)।
JavaScript = গাড়ির কার্যক্ষমতা (হর্ন বাজানো, লাইট জ্বালানো)।
jQuery কী?
jQuery হল JavaScript এর একটি লাইব্রেরি, যা JavaScript কোড সহজ ও সংক্ষিপ্ত করে। আপনি কম কোড লিখে বেশি কাজ করতে পারবেন।
উদাহরণ:
একই কাজ JavaScript ও jQuery দিয়ে করা—
JavaScript:
document.querySelector("p").style.display = "none";
jQuery:
$("p").hide();
দুটো কোড একই কাজ করে (একটি
ট্যাগ লুকিয়ে ফেলে), তবে jQuery কোডটি সহজ ও ছোট।
jQuery-এর সুবিধা:
সহজ লেখা – কম কোডে বেশি কাজ করা যায়।
DOM ম্যানিপুলেশন – HTML পরিবর্তন সহজ (যেমন: hide(), show(), addClass())।
ইভেন্ট হ্যান্ডলিং – ক্লিক, হোভার ইত্যাদি ইভেন্ট সহজে ম্যানেজ (click(), mouseover())।
অ্যানিমেশন – স্লাইড, ফেড ইফেক্ট সহজে করা যায় (slideUp(), fadeIn())।
ক্রস-ব্রাউজার সাপোর্ট – jQuery সব ব্রাউজারে সমানভাবে কাজ করে।
jQuery কীভাবে ব্যবহার করবেন?
প্রথমে jQuery লাইব্রেরি যুক্ত করুন:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
এরপর নিচের কোড লিখুন:
$(document).ready(function(){
$(".বাটন").click(function(){
$(".বাক্স").hide(); // বাটন ক্লিক করলে বাক্স লুকাবে
});
});
এখানে $() হল jQuery সিলেক্টর, যা নির্দিষ্ট HTML এলিমেন্টকে খুঁজে বের করে এবং তার ওপরে অ্যাকশন নেয়।
JavaScript vs jQuery (তফাৎ)
সহজ উপমা:
JavaScript = আপনি নিজ হাতে কাজ করছেন (যেমন কাঠ কাটা)।
jQuery = পাওয়ার টুল ব্যবহার করছেন (যেমন করাত দিয়ে কাঠ কাটা)।
jQuery শেখা মানে— কম সময়ে সহজে ও দ্রুত ওয়েবসাইট ইন্টারেক্টিভ করা!