JavaScript, AJAX এবং jQuery নিয়ে কিছু কথা|জে-কোয়েরী বাংলা টিউটোরিয়াল

JavaScript, AJAX এবং jQuery নিয়ে কিছু কথা :


jQuery সম্পর্কে বিস্তারিত জানার পূর্বে আমাদের জানতে হবে AJAX, JavaScript, jQuery কি ? এদের মধ্যে সম্পর্ক কি ? এরা কি ভাবে কাজ করে ? নিম্নে এ সম্পর্কে বিস্তারিত আলোচনা করা হল :

জাভাস্ক্রিপ্ট (JavaScript) :

JavaScript হল একটি ক্লাইন্ট সাইড স্ক্রিপ্টিং ল্যাংগুয়েজ । ক্লাইন্ট সাইড স্ক্রিপ্টিং ল্যাংগুয়েজ এর অর্থ হচ্ছে যে ওয়েব ব্রাউজ করবে, তার ব্রাউজার এই স্ক্রিপ্ট গুলোকে execute করবে। JavaScript এর মাধ্যমে প্রধানত সাইট কে ভিজিটরে কাছে আকর্ষনীয় (interactive) করা হয়। jQuery তে কাজ করার জন্য ব্রাউজারে অবশ্যই JavaScript সচল(enable) থাকতে হবে। পরবর্তী পর্বে কিভাবে বিভিন্ন ব্রাউজারে JavaScript সচল করা যায় তা নিয়ে অলোচনা করা হবে। যখন কোন webpage ব্রাউজারে নিকট আসে, তখন ঐ page টিকে ব্রাউজারে memory তে উপস্থাপন করা হয় (in-memory representation of the page)। এটি একটি tree structure, যেখানে page এর সকল উপাদান বিদ্যমান থাকে। তাই সেখানে একটি root elemen থাকে, যা Head(<head></head>) এবং Body(<body></body>) এর সকল উপাদান ধারন করে।
সুতরং, এখন আমরা tree কে ব্যবহার করে JavaScript এর মাধ্যমে page এর উপাদান গুলিকে পরিচালনা (manipulate ) করতে পারি।আমরা id (getElementsById), tag name (getElementsByTagName) অথবা tree এর ক্রম (parentNode, firstChild, lastChild, nextSibling, previousSibling ইত্যাদি) অনুযায়ী page এর elemen কে detect করতে পারি। Elemen কে detect করার পর আমরা একে modify করতে পারি এবং এর অবস্থান ও পরিবর্তন করতে পারি; আর একেই বলা হয় DOM(Document Object Model)।

jQuery(জে-কোয়েরী):

jQuery হলো JavaScript এর সবচেয়ে জনপ্রিয় Framework । বিস্তারিত

AJAX(Asynchronous Javascript And XML) :

AJAX হলো একটি কৌশল, যা সম্পুর্ন page load না করে server থেকে data execute করে page এ ফলাফল প্রদর্শন করে। server এ তথ্য আদান প্রদান করার জন্য ajax call করার প্রয়োজন হয়, আর এই ajax call করা হয় Javascript এর মাধ্যমে। এটি Javascript এর মত কোন language না অথবা jQuery এর মত কোন ও Framework না।

সারাংশ :

  • JavaScript হল প্রোগামিং ল্যাংগুয়েজ (objects, array, numbers, strings, calculations)।
  • AJAX এবং jQuery জাভাস্ক্রিপ্ট এর উপর ভিত্তি করে কাজ করে।
  • jQuery হল ক্রসব্রাউজার JavaScript লাইব্রেরি এবং পেজ ব্যবস্থাপক (style, animation ইত্যাদি)।

উদাহরণ Code:

// page manipulation in javascript
var el = document.getElementById("box");
el.style.backgroundColor = "#000";
var new_el = document.createElement("div");
el.innerHTML = "

some content

"; el.appendChild(new_el); // and how you would do it in jQuery $("#box") .css({ "background-color": "#000" }) .append("

some content

");

<< Previous Next >>

লেখকঃ ঢাকা প্রকৌশল ও প্রযুক্তি বিশ্ববিদ্যায়ের(DUET) কম্পিউটার সায়েন্স এ্যান্ড ইঞ্জিনিয়ারিং(CSE) বিভাগের ৪র্থ বর্ষের এক জন ছাত্র। তিনি ওয়েব ডিজাইন, ওয়েব ডেভলপমেন্ট এর বিভিন্ন বিষয় যেমন : এইচটিএমএল, সিএসএস, জাভাস্ক্রিপ্ট, জে কোয়েরি, পিএইচপি, .Net ইত্যাদি বিষয়ের উপর অভিজ্ঞ। তিনি ACM ICPC সহ বিভিন্ন আন্তর্জাতিক প্রোগ্রামিং প্রতিযোগীতায় অংশগ্রহন করেছেন। তাকে ফেসবুকে অনুসরন করতে এখানে ক্লিক করুন।

কপি রাইট © ২০১১-২০১২ সর্বস্বত্ত্ব সংরক্ষিত, টিউটরিয়ালবিডি, একটি টিউটো ওয়েবস প্রতিষ্ঠান.