0:00:00.000,0:00:01.020 ## আগামী ও গ্রামীণফোন এর সহযোগিতায় অনূদিত ## 0:00:01.020,0:00:02.612 আমরা এখন আমাদের ওয়েব পেইজে 0:00:02.612,0:00:05.722 জে কুয়েরী ব্যবহারের মৌলিক বিষয় সম্পর্কে জানবো। 0:00:05.722,0:00:09.005 প্রথম ধাপ হলো '<script>' ট্যাগ ব্যবহার করে 0:00:09.005,0:00:11.542 জে কুয়েরী লাইব্রেরী অন্তর্ভুক্ত করা। 0:00:12.232,0:00:16.122 এর পূর্বে, আমাদের '<script>' ট্যাগের ভেতর জাভাস্ক্রিপ্টে লিখতে হবে, 0:00:16.122,0:00:20.276 কিন্তু এখন, আমি একটি 'src' বৈশিষ্ট্য যুক্ত করবো। 0:00:20.276,0:00:24.391 এবং আমাকে একটি ইউআরএল এ এটি সেট করতে হবে। 0:00:24.391,0:00:26.566 কোন ইউআরএল এ সেট করবো? 0:00:26.566,0:00:28.628 আমি যদি আমার নিজস্ব কম্পিউটারে কাজ করি 0:00:28.628,0:00:30.093 এবং আমার ওয়েব পেইজের সাথে একই ফোল্ডারে 0:00:30.093,0:00:32.525 জে কুয়েরী ডাউনলোড করা থাকে, 0:00:32.525,0:00:36.473 তাহলে আমি এখানে 'jquery.js' লিখতে পারি। 0:00:36.473,0:00:39.408 কিন্তু এখানে খান একাডেমিতে এটি কাজ করবে না। 0:00:39.408,0:00:43.096 এখানে, আমার অনলাইন সার্ভারে 0:00:43.096,0:00:45.885 জে কুয়েরীর একটি সঠিক ইউআরএল প্রয়োজন। 0:00:45.885,0:00:50.082 এবং jquery.com এ এই ইউআরএলগুলোর একটি তালিকা আছে, 0:00:50.622,0:00:52.738 এবং এদের থেকে একটি আমি এখানে পেস্ট করে দিব। 0:00:52.738,0:00:54.430 তাহলে তাই করছি। 0:00:54.430,0:00:56.119 ঠিক আছে। এখন এই ইউআরএল সম্পর্কে 0:00:56.119,0:00:58.031 কিছু বিষয় বলছি। 0:00:58.031,0:01:01.820 প্রথম বিষয়টি হলো এটি 'https' দিয়ে শুরু হয়। 0:01:01.820,0:01:05.231 অর্থাৎ এটি একটি নিরাপদ ইউআরএল। 0:01:05.231,0:01:09.231 খান একাডেমি ওয়েব পেইজে 0:01:09.231,0:01:11.207 আমরা শুধু নিরাপদ রিসোর্স অনুমোদন দেই 0:01:11.207,0:01:15.343 এবং এটি ওয়েব ডেভেলপমেন্ট এর ক্ষেত্রে একটি ভালো অনুশীলন। 0:01:15.663,0:01:18.862 দ্বিতীয় বিষয়টি হলো, 0:01:18.862,0:01:22.751 এটি googleapis.com এই গুগল সার্ভারে অবস্থান করে। 0:01:22.751,0:01:25.385 এই সার্ভারকে বলা সিডিএন, 0:01:25.385,0:01:27.921 এটি হলো কনটেন্ট সরবরাহকারী নেটওয়ার্ক, 0:01:27.921,0:01:29.406 অর্থাৎ এটি জাভাস্ক্রিপ্ট লাইব্রেরীর মতো 0:01:29.406,0:01:32.625 স্ট্যাটিক ফাইলে কাজ করার জন্য নিখুঁতভাবে করা হয়েছে 0:01:32.625,0:01:35.388 এবং খুব দ্রুত কাজ করে। 0:01:35.388,0:01:38.164 এই গুগল সার্ভারগুলো আমি বিশ্বস্ত মনে করি এবং 0:01:38.164,0:01:41.301 তোমারও এই সার্ভারগুলোকে বিশ্বাস করা উচিত 0:01:41.301,0:01:43.002 তুমি যেখান থেকে স্ক্রিপ্টগুলো এনেছো 0:01:43.002,0:01:47.240 যেহেতু তারা তোমার পেইজে নোংরা বা বিপজ্জনক কিছু করবে না। 0:01:47.400,0:01:50.013 ঠিক আছে। এবার, তৃতীয় বিষয়টি হলো এই ইউআরএল এ একটি 0:01:50.013,0:01:53.807 সংস্করণ নম্বর আছেঃ ২.১.৪. 0:01:53.807,0:01:56.402 জে কুয়েরী লাইব্রেরী উন্নয়নে খুব সক্রিয় 0:01:56.402,0:01:59.015 এবং প্রায়ই তাদের নতুন সংস্করণ বের করে। 0:01:59.015,0:02:00.987 বামপাশের নম্বরটি বড় ধরনের পরিবর্তন 0:02:00.987,0:02:03.279 প্রকাশ করে, অপরদিকে 0:02:03.279,0:02:05.755 ডানদিকের নম্বরটি 0:02:05.755,0:02:08.134 ছোট খাটো পরিবর্তনকে নির্দেশ করে। 0:02:08.134,0:02:10.353 আমি এখানে জে কুয়েরী ২ ব্যবহার করছি, 0:02:10.353,0:02:12.295 যা আধুনিক ব্রাউজারে কাজ করে 0:02:12.295,0:02:14.484 কিন্তু আইই৮ এ কাজ করে না। 0:02:14.484,0:02:15.635 তোমার নিজস্ব সাইটে, 0:02:15.635,0:02:19.627 তোমার প্রয়োজনের ভিত্তিতে তুমি নির্ধারণ করবে কোন সংস্করণটি ব্যবহার করবে । 0:02:19.627,0:02:22.809 বেশ। আমরা জে কুয়েরী অন্তর্ভুক্ত করলাম। 0:02:22.809,0:02:24.973 এখন, চলো এটি অন্য আরেকটি 0:02:24.973,0:02:28.266 '<script>' ট্যাগে এটি ব্যবহার করি। 0:02:30.226,0:02:33.309 প্রতিটি জাভাস্ক্রিপ্ট লাইব্রেরী ফাংশন প্রকাশ করে 0:02:33.309,0:02:35.358 এবং তাদের ফাংশনের নাম প্রদান করে। 0:02:35.358,0:02:37.010 আমাদের ডকুমেন্টেশনের দিকে লক্ষ্য করতে হবে 0:02:37.010,0:02:39.262 ঐ ফাংশনগুলোর নাম কী এবং তারা কী কাজ করে 0:02:39.262,0:02:41.761 তা খুঁজে বের করতে। 0:02:41.761,0:02:45.444 জে কুয়েরী লাইব্রেরী একটি প্রধান ফাংশন প্রকাশ করে 0:02:45.444,0:02:47.524 এবং একে খুব ক্ষুদ্র নামে সংজ্ঞায়িত করা হয়। 0:02:47.524,0:02:50.637 এটি হলো শুধু একটি ডলার চিহ্ন। 0:02:50.637,0:02:52.259 অর্থাৎ আমরা প্রথমে 0:02:52.259,0:02:53.556 ডলার লিখি 0:02:53.556,0:02:56.526 এরপর দু'টি বন্ধনী, কারণ এটি একটি ফাংশন 0:02:56.526,0:02:59.412 এবং অবশ্যই সেমিকোলন। 0:02:59.412,0:03:01.928 এখন, এটি ভালোই হয়েছে যে এই ফাংশনটির নাম খুব ক্ষুদ্র 0:03:01.928,0:03:05.756 কারণ তা নাহলে একে আমাদের খুব অদ্ভুত নামে ডাকতে হতো। 0:03:06.226,0:03:08.928 অনেক কিছু আছে যা আমরা এই ফাংশনে লিখতে পারি, 0:03:08.928,0:03:10.300 কিন্তু এই প্রারম্ভিক উদাহরণে 0:03:10.300,0:03:15.254 আমি শুধু 'h1' স্ট্রিং লিখবো। 0:03:16.319,0:03:17.697 এখন, যখন আমি এটি করেছি, 0:03:17.697,0:03:19.724 এটি জে কুয়েরীকে নির্দেশ করেছে 0:03:19.724,0:03:23.095 এই পেইজের সকল 'h1' উপাদানকে বের করতে 0:03:23.095,0:03:28.050 এবং সেগুলো জে কুয়েরী কালেকশন অবজেক্ট হিসেবে ফিরিয়ে দিতে। 0:03:28.150,0:03:29.311 আমি এটা করে ফেলেছি, 0:03:29.311,0:03:33.233 আমরা খুঁজে পাওয়া সকল 'h1' উপাদানকে পরিচালনা করতে 0:03:33.233,0:03:37.200 জে কুয়েরী অবজেক্টে অন্য পদ্ধতিগুলো ব্যবহার করতে পারি। 0:03:37.200,0:03:39.939 যেমন, আমি যদি এদের সকলের ইনার টেক্সটকে পরিবর্তন করতে চাই, 0:03:39.939,0:03:43.356 তাহলে 'text' ফাংশনকে ব্যবহার করতে পারি 0:03:43.356,0:03:46.044 এরপর এতে একটি স্ট্রিং পাস করতে পারি। 0:03:47.244,0:03:48.492 দেখো, এটি হচ্ছে। 0:03:48.492,0:03:49.792 ইয়েস! 0:03:49.792,0:03:50.804 এবং আমাদের শেষ! 0:03:50.804,0:03:53.029 এই ছিলো জে কুয়েরী সম্পর্কে আমাদের সামান্য কিছু ধারণা। 0:03:53.029,0:03:56.910 তো আমরা '<script>' ট্যাগ দিয়ে জে কুয়েরী লাইব্রেরী অন্তর্ভুক্ত করলাম, 0:03:56.910,0:03:59.819 পেইজে সকল 'h1s' খুঁজে বের করতে জে কুয়েরী কে নির্দেশ দেয়া হলো 0:03:59.819,0:04:03.643 এবং এরপর এদের সকলের টেক্সট পরিবর্তন করতে জে কুয়েরীকে বলা হলো। 0:04:03.643,0:04:06.332 তুমি যদি শিখতে থাকো, আমরা পরবর্তীতে 0:04:06.332,0:04:07.653 আরও বিস্তারিত শেখাবো, 0:04:07.653,0:04:11.117 উপাদান নির্বাচন ও পরিচালনার আরও অনেক উপায়, 0:04:11.120,0:04:14.356 জে কুয়েরী ব্যবহার করে পেইজে ব্যবহারকারীর ইভেন্টে সাড়া দেয়া, 0:04:14.360,0:04:16.860 সেইসাথে অ্যানিমেশন এবং ইফেক্ট সংক্রান্ত অনেক মজার বিষয়। 0:04:16.860,0:04:20.560 ## আগামী ও গ্রামীণফোন এর সহযোগিতায় অনূদিত ##