প্রাথমিক আলোচনা: জে-কোয়েরী (JQuery) বাংলা টিউটরিয়াল-১

জে কোয়েরী ওয়েব ডিজাইনারদের মনে ব্যপক সারা জাগিয়েছে। টিউটরিয়ালবিডিতে JQuery’র উপরে নিয়মিত ও ধারাবাহিক টিউটরিয়াল লেখার ইচ্ছা আছে। আপনাদের সাবার সহযোগিতা কামনা করছি।

জে-কোয়েরী

জে কোয়েরী মূলত: ক্লাইন্ট সাইড স্ক্রিপ্টিংকে আরও সহজ করতে এসেছে। BarCamp NYC এ ২০০৬ সালের জানুয়ারীতে প্রাথমিকভাবে রিলিজ হয় জে কোয়েরী। ওয়েব সাইটের কোন এলিমেন্ট খুব সহজে নেভিগেট করতে পারে। নতুন পাতা লোড না করে সাইটের কনটেন্টকে লুড করা, এনিমেশন ইত্যাদি কাজে এটি বহুল ব্যবহার আছে। নিচের ছবি তে জে-কোয়েরীর কাজের পদ্ধতিটি চিত্রায়িত করা হয়েছে।

ছবি সূত্র: ওয়েব ডিজাইনার ওয়াল

প্রাথমিক প্রজেক্ট

প্রথমত: জে কোয়েরীর সাইট থেকে ডাউনলোড করতে হবে jquery.js ফাইলটি । যেখানেএইচটিএমএল ফাইলের কাজ করা হবে সেই ফোল্ডারে ফাইলটি রাখুন।

জাভাস্ক্রিপ্ট ফাইল কল করার মতো  করে জে-কোয়েরীর ফাইলটি কল করতে হবে।

<script type="text/javascript" src="jquery.js"></script>

এবার নিচের কোডগুলো দেখুন

$(document).ready(function(){
$(“a”).click(function(event){
alert(“Thanks for visiting!”);
});
});

এখানে ক্লিক ইভেন্টে কি কাজ করা হবে তা প্রকাশ করা হয়েছে। এবার সম্পূর্ণ এইচটিএমএল ফাইরটি হবে অনেকটা এরকম।

<html>
<head>
<script type=”text/javascript” src=”jquery.js”></script>
<script type=”text/javascript”>
// we will add our javascript code here
$(document).ready(function() {
$(“a”).click(function() {
alert(“Hello world!”);
});
});
</script>
</head>
<body>
we will add our HTML content here
<a href=”” onclick=”alert(‘Hello world’)”>Link</a>
</body>
</html>

পরবর্তিতে আমরা জে কোয়েরীর সিনটেক্স ও আরও ব্যবহার সম্পর্কে আলোচনা করবো। ওয়েব ডিজাইনের জন্য প্রয়োজনীয় HTML,CSS ও Java Script এর আগের টিউটরিয়ালগুলোও দেখতে পারেন।

5 thoughts on “প্রাথমিক আলোচনা: জে-কোয়েরী (JQuery) বাংলা টিউটরিয়াল-১”

  1. Pingback: BIOS Password ভুলে গেলে আপনার করণীয় | প্রযু্ক্তির জানালা

    1. @rm2334,খুব শিঘ্রই পাবেন। আপনি কিন্তু নিয়মিত টিউটরিয়ালবিডিতে থাকবেন। টিউটরিয়ালবিডি সব লেখকদেরকেই সাইটের মালিক বলে মনে করে। http://tutorialbd.com/bn/?p=3017
      তাই নিজের সাইট মনে করে লিখতে পারেন।

Leave a Comment