Home > JavaScript, JQuery > jQuery bangla tutorial part-1

jQuery bangla tutorial part-1

কিছুদিন আগে আমি jQuery নিয়ে ঘাটাঘাটি করেছিলাম। হঠাৎ মনে হলো যা শিখলাম তা শেয়ার করছি না কেন? এটা করলেত আমারই লাভ
।সোজা কথায় বলতে গেলে আমি চাচ্ছি আমার সীমিত knowledge আমি সবার সাথে শেয়ার করতে।আমার বলার মাঝে কোন ভুল থাকলে তা অবশ্যই শুধরে দিবেন।তাহলে চলুন শুরু করি।

সোজা ভাষায় jQuery আর কিছুই না,javascript দিয়ে তৈরি একটা বিশাল library।মানে আপনি যদি javascript এ নিজেকে বস মনে করেন তাহলে আপনি নিজেই এরকম একটা library বানাতে পারবেন।বিশাল এ কারনে যে এটা এখন শুধু john resig এর না।এটার popularity এতই,যে এটাকে develop করার জন্য সবাই কাজ করে যাচ্ছে।ohhh, sorry আমি কি বলছি আপনাদের? john resig এই library টি তৈরী করেছেন।

যা হোক কথা বেশি বলা ভাল না। চলুন code-এ যাই।
প্রথম কাজ -ত library টা download করা।এটা আপনি কষ্ট করে http://jquery.com থেকে download করে নিন। latest টাই download কইরেন।

এখন আপনার htm file -এ অন্য সব js file এর মত import koren.

$(document).ready(
function(){
$(document.body).css( "background", "black" );
}
);

এখন প্রথম ” $ ” -র কথা বলি।আসলে এটা দিয়ে jQuery কে বলে দেয়া হচ্ছে কার উপর কাজ বা function effect ফেলতে হবে।
আপনাকে এটা দিয়েই করতে হবে এমন কোন কথা নাই।কারন মাঝে মাঝে আপনি হয়ত আরো library import করবেন,যেখানে “$” use করতে হবে ঐ library-r জন্য, তখন আপনি কি করবেন? এ সময় আপনি শুধু jquery কে বলে দিন তুমি “$” নিয়ে কোন রকম গন্ডগোল করবানা । এর জন্য অবশ্য নিচের মত একটি line আপনাকে সবার উপর লেখতে হবে।


jQuery.noConflict();

এরপর jquery import করে যেখানে “$” use করতেন, সেখানে লেখুন “jQuery”।

এখন first কোডটি দেখুন। এখানে আমি jquery কে বলছি তুমি document যখন ready হবে তখন এর body র background color black করে দাও। কিন্তু javascript ত এরকম কিছু করতে পারে না? তাহলে?একটা question হতে পারে এটা নিয়ে।এটার উত্তর হলো, css পারে।আমরা css -এ কিভাবে body background color দেই?

BODY { background-color:black; }

আর আমরা ঠিক এ কাজটি-ই করেছি উপরে .css() এর মাধ্যমে। javascript dom এর মাধ্যমে আপনি নিজেও এ কাজটি করতে পারেন।jquery ও এই dom এর মাধ্যমে এ কাজটি করেছে।এটাকে আসলে বলা হয় “Document Object Model”।আপনি যদি এটা ভাল পারেন তাহলেই বলা যায় আপনি “javascript ninja”।এটা আসলে বিশাল আলোচনার বিষয়।
আমি আর ওদিকে যাচ্ছি না।
আমার পরে .css() এর আর-ও কাজ দেখব।

আজ এখানেই শেষ করলাম।
And “HAVE A GOOD PROGRAMMING”

————
আমি এই পোষটটা অনেকদিন আগে লিখেছিলাম ।আপনি অরিজিনাল পোষটটা ইচছা করলে নিচের ঠিকানায় দেখতে পারেন।
হঠাৎ মনে হলো নিজের বলগে এটা কপি পেষট মেরে দিই।আর বলগটা আর একটু rich করি।
and just trying to you know what i mean….
http://forum.beacoder.com/viewtopic.php?f=51&t=64&start=0

Advertisements
Categories: JavaScript, JQuery
  1. kazi abdullah al Mamun (sumon)
    September 17, 2009 at 3:06 am

    ভালো পোস্ট. নতুন দের জন্য উপকারী

    • saiful103a
      November 8, 2009 at 7:58 pm

      thanks bhaia.

  2. shain
    July 6, 2012 at 6:28 pm

    nice post & thank you

  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: