## আগামী ও গ্রামীণফোন এর সহযোগিতায় অনূদিত ##
আমরা এখন আমাদের ওয়েব পেইজে
জে কুয়েরী ব্যবহারের মৌলিক বিষয় সম্পর্কে জানবো।
প্রথম ধাপ হলো '<script>' ট্যাগ ব্যবহার করে
জে কুয়েরী লাইব্রেরী অন্তর্ভুক্ত করা।
এর পূর্বে, আমাদের '<script>' ট্যাগের ভেতর জাভাস্ক্রিপ্টে লিখতে হবে,
কিন্তু এখন, আমি একটি 'src' বৈশিষ্ট্য যুক্ত করবো।
এবং আমাকে একটি ইউআরএল এ এটি সেট করতে হবে।
কোন ইউআরএল এ সেট করবো?
আমি যদি আমার নিজস্ব কম্পিউটারে কাজ করি
এবং আমার ওয়েব পেইজের সাথে একই ফোল্ডারে
জে কুয়েরী ডাউনলোড করা থাকে,
তাহলে আমি এখানে 'jquery.js' লিখতে পারি।
কিন্তু এখানে খান একাডেমিতে এটি কাজ করবে না।
এখানে, আমার অনলাইন সার্ভারে
জে কুয়েরীর একটি সঠিক ইউআরএল প্রয়োজন।
এবং jquery.com এ এই ইউআরএলগুলোর একটি তালিকা আছে,
এবং এদের থেকে একটি আমি এখানে পেস্ট করে দিব।
তাহলে তাই করছি।
ঠিক আছে। এখন এই ইউআরএল সম্পর্কে
কিছু বিষয় বলছি।
প্রথম বিষয়টি হলো এটি 'https' দিয়ে শুরু হয়।
অর্থাৎ এটি একটি নিরাপদ ইউআরএল।
খান একাডেমি ওয়েব পেইজে
আমরা শুধু নিরাপদ রিসোর্স অনুমোদন দেই
এবং এটি ওয়েব ডেভেলপমেন্ট এর ক্ষেত্রে একটি ভালো অনুশীলন।
দ্বিতীয় বিষয়টি হলো,
এটি googleapis.com এই গুগল সার্ভারে অবস্থান করে।
এই সার্ভারকে বলা সিডিএন,
এটি হলো কনটেন্ট সরবরাহকারী নেটওয়ার্ক,
অর্থাৎ এটি জাভাস্ক্রিপ্ট লাইব্রেরীর মতো
স্ট্যাটিক ফাইলে কাজ করার জন্য নিখুঁতভাবে করা হয়েছে
এবং খুব দ্রুত কাজ করে।
এই গুগল সার্ভারগুলো আমি বিশ্বস্ত মনে করি এবং
তোমারও এই সার্ভারগুলোকে বিশ্বাস করা উচিত
তুমি যেখান থেকে স্ক্রিপ্টগুলো এনেছো
যেহেতু তারা তোমার পেইজে নোংরা বা বিপজ্জনক কিছু করবে না।
ঠিক আছে। এবার, তৃতীয় বিষয়টি হলো এই ইউআরএল এ একটি
সংস্করণ নম্বর আছেঃ ২.১.৪.
জে কুয়েরী লাইব্রেরী উন্নয়নে খুব সক্রিয়
এবং প্রায়ই তাদের নতুন সংস্করণ বের করে।
বামপাশের নম্বরটি বড় ধরনের পরিবর্তন
প্রকাশ করে, অপরদিকে
ডানদিকের নম্বরটি
ছোট খাটো পরিবর্তনকে নির্দেশ করে।
আমি এখানে জে কুয়েরী ২ ব্যবহার করছি,
যা আধুনিক ব্রাউজারে কাজ করে
কিন্তু আইই৮ এ কাজ করে না।
তোমার নিজস্ব সাইটে,
তোমার প্রয়োজনের ভিত্তিতে তুমি নির্ধারণ করবে কোন সংস্করণটি ব্যবহার করবে ।
বেশ। আমরা জে কুয়েরী অন্তর্ভুক্ত করলাম।
এখন, চলো এটি অন্য আরেকটি
'<script>' ট্যাগে এটি ব্যবহার করি।
প্রতিটি জাভাস্ক্রিপ্ট লাইব্রেরী ফাংশন প্রকাশ করে
এবং তাদের ফাংশনের নাম প্রদান করে।
আমাদের ডকুমেন্টেশনের দিকে লক্ষ্য করতে হবে
ঐ ফাংশনগুলোর নাম কী এবং তারা কী কাজ করে
তা খুঁজে বের করতে।
জে কুয়েরী লাইব্রেরী একটি প্রধান ফাংশন প্রকাশ করে
এবং একে খুব ক্ষুদ্র নামে সংজ্ঞায়িত করা হয়।
এটি হলো শুধু একটি ডলার চিহ্ন।
অর্থাৎ আমরা প্রথমে
ডলার লিখি
এরপর দু'টি বন্ধনী, কারণ এটি একটি ফাংশন
এবং অবশ্যই সেমিকোলন।
এখন, এটি ভালোই হয়েছে যে এই ফাংশনটির নাম খুব ক্ষুদ্র
কারণ তা নাহলে একে আমাদের খুব অদ্ভুত নামে ডাকতে হতো।
অনেক কিছু আছে যা আমরা এই ফাংশনে লিখতে পারি,
কিন্তু এই প্রারম্ভিক উদাহরণে
আমি শুধু 'h1' স্ট্রিং লিখবো।
এখন, যখন আমি এটি করেছি,
এটি জে কুয়েরীকে নির্দেশ করেছে
এই পেইজের সকল 'h1' উপাদানকে বের করতে
এবং সেগুলো জে কুয়েরী কালেকশন অবজেক্ট হিসেবে ফিরিয়ে দিতে।
আমি এটা করে ফেলেছি,
আমরা খুঁজে পাওয়া সকল 'h1' উপাদানকে পরিচালনা করতে
জে কুয়েরী অবজেক্টে অন্য পদ্ধতিগুলো ব্যবহার করতে পারি।
যেমন, আমি যদি এদের সকলের ইনার টেক্সটকে পরিবর্তন করতে চাই,
তাহলে 'text' ফাংশনকে ব্যবহার করতে পারি
এরপর এতে একটি স্ট্রিং পাস করতে পারি।
দেখো, এটি হচ্ছে।
ইয়েস!
এবং আমাদের শেষ!
এই ছিলো জে কুয়েরী সম্পর্কে আমাদের সামান্য কিছু ধারণা।
তো আমরা '<script>' ট্যাগ দিয়ে জে কুয়েরী লাইব্রেরী অন্তর্ভুক্ত করলাম,
পেইজে সকল 'h1s' খুঁজে বের করতে জে কুয়েরী কে নির্দেশ দেয়া হলো
এবং এরপর এদের সকলের টেক্সট পরিবর্তন করতে জে কুয়েরীকে বলা হলো।
তুমি যদি শিখতে থাকো, আমরা পরবর্তীতে
আরও বিস্তারিত শেখাবো,
উপাদান নির্বাচন ও পরিচালনার আরও অনেক উপায়,
জে কুয়েরী ব্যবহার করে পেইজে ব্যবহারকারীর ইভেন্টে সাড়া দেয়া,
সেইসাথে অ্যানিমেশন এবং ইফেক্ট সংক্রান্ত অনেক মজার বিষয়।
## আগামী ও গ্রামীণফোন এর সহযোগিতায় অনূদিত ##