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