WEBVTT

00:00:00.000 --> 00:00:01.020
## আগামী ও গ্রামীণফোন এর সহযোগিতায় অনূদিত ##

00:00:01.020 --> 00:00:02.612
আমরা এখন আমাদের ওয়েব পেইজে

00:00:02.612 --> 00:00:05.722
জে কুয়েরী ব্যবহারের মৌলিক বিষয় সম্পর্কে জানবো।

00:00:05.722 --> 00:00:09.005
প্রথম ধাপ হলো '<script>' ট্যাগ ব্যবহার করে

00:00:09.005 --> 00:00:11.542
জে কুয়েরী লাইব্রেরী অন্তর্ভুক্ত করা।

00:00:12.232 --> 00:00:16.122
এর পূর্বে, আমাদের '<script>' ট্যাগের ভেতর জাভাস্ক্রিপ্টে লিখতে হবে,

00:00:16.122 --> 00:00:20.276
কিন্তু এখন, আমি একটি 'src' বৈশিষ্ট্য যুক্ত করবো।

00:00:20.276 --> 00:00:24.391
এবং আমাকে একটি ইউআরএল এ এটি সেট করতে হবে।

00:00:24.391 --> 00:00:26.566
কোন ইউআরএল এ সেট করবো?

00:00:26.566 --> 00:00:28.628
আমি যদি আমার নিজস্ব কম্পিউটারে কাজ করি

00:00:28.628 --> 00:00:30.093
এবং আমার ওয়েব পেইজের সাথে একই ফোল্ডারে

00:00:30.093 --> 00:00:32.525
জে কুয়েরী ডাউনলোড করা থাকে,

00:00:32.525 --> 00:00:36.473
তাহলে আমি এখানে 'jquery.js' লিখতে পারি।

00:00:36.473 --> 00:00:39.408
কিন্তু এখানে খান একাডেমিতে এটি কাজ করবে না।

00:00:39.408 --> 00:00:43.096
এখানে, আমার অনলাইন সার্ভারে

00:00:43.096 --> 00:00:45.885
জে কুয়েরীর একটি সঠিক ইউআরএল প্রয়োজন।

00:00:45.885 --> 00:00:50.082
এবং jquery.com এ এই ইউআরএলগুলোর একটি তালিকা আছে,

00:00:50.622 --> 00:00:52.738
এবং এদের থেকে একটি আমি এখানে পেস্ট করে দিব।

00:00:52.738 --> 00:00:54.430
তাহলে তাই করছি।

00:00:54.430 --> 00:00:56.119
ঠিক আছে। এখন এই ইউআরএল সম্পর্কে

00:00:56.119 --> 00:00:58.031
কিছু বিষয় বলছি।

00:00:58.031 --> 00:01:01.820
প্রথম বিষয়টি হলো এটি 'https' দিয়ে শুরু হয়।

00:01:01.820 --> 00:01:05.231
অর্থাৎ এটি একটি নিরাপদ ইউআরএল।

00:01:05.231 --> 00:01:09.231
খান একাডেমি ওয়েব পেইজে

00:01:09.231 --> 00:01:11.207
আমরা শুধু নিরাপদ রিসোর্স অনুমোদন দেই

00:01:11.207 --> 00:01:15.343
এবং এটি ওয়েব ডেভেলপমেন্ট এর ক্ষেত্রে একটি ভালো অনুশীলন।

00:01:15.663 --> 00:01:18.862
দ্বিতীয় বিষয়টি হলো,

00:01:18.862 --> 00:01:22.751
এটি googleapis.com এই গুগল সার্ভারে অবস্থান করে।

00:01:22.751 --> 00:01:25.385
এই সার্ভারকে বলা সিডিএন,

00:01:25.385 --> 00:01:27.921
এটি হলো কনটেন্ট সরবরাহকারী নেটওয়ার্ক,

00:01:27.921 --> 00:01:29.406
অর্থাৎ এটি জাভাস্ক্রিপ্ট লাইব্রেরীর মতো

00:01:29.406 --> 00:01:32.625
স্ট্যাটিক ফাইলে কাজ করার জন্য নিখুঁতভাবে করা হয়েছে

00:01:32.625 --> 00:01:35.388
এবং খুব দ্রুত কাজ করে।

00:01:35.388 --> 00:01:38.164
এই গুগল সার্ভারগুলো আমি বিশ্বস্ত মনে করি এবং

00:01:38.164 --> 00:01:41.301
তোমারও এই সার্ভারগুলোকে বিশ্বাস করা উচিত

00:01:41.301 --> 00:01:43.002
তুমি যেখান থেকে স্ক্রিপ্টগুলো এনেছো

00:01:43.002 --> 00:01:47.240
যেহেতু তারা তোমার পেইজে নোংরা বা বিপজ্জনক কিছু করবে না।

00:01:47.400 --> 00:01:50.013
ঠিক আছে। এবার, তৃতীয় বিষয়টি হলো এই ইউআরএল এ একটি

00:01:50.013 --> 00:01:53.807
সংস্করণ নম্বর আছেঃ ২.১.৪.

00:01:53.807 --> 00:01:56.402
জে কুয়েরী লাইব্রেরী উন্নয়নে খুব সক্রিয়

00:01:56.402 --> 00:01:59.015
এবং প্রায়ই তাদের নতুন সংস্করণ বের করে।

00:01:59.015 --> 00:02:00.987
বামপাশের নম্বরটি বড় ধরনের পরিবর্তন

00:02:00.987 --> 00:02:03.279
প্রকাশ করে, অপরদিকে

00:02:03.279 --> 00:02:05.755
ডানদিকের নম্বরটি

00:02:05.755 --> 00:02:08.134
ছোট খাটো পরিবর্তনকে নির্দেশ করে।

00:02:08.134 --> 00:02:10.353
আমি এখানে জে কুয়েরী ২ ব্যবহার করছি,

00:02:10.353 --> 00:02:12.295
যা আধুনিক ব্রাউজারে কাজ করে

00:02:12.295 --> 00:02:14.484
কিন্তু আইই৮ এ কাজ করে না।

00:02:14.484 --> 00:02:15.635
তোমার নিজস্ব সাইটে,

00:02:15.635 --> 00:02:19.627
তোমার প্রয়োজনের ভিত্তিতে তুমি নির্ধারণ করবে কোন সংস্করণটি ব্যবহার করবে ।

00:02:19.627 --> 00:02:22.809
বেশ। আমরা জে কুয়েরী অন্তর্ভুক্ত করলাম।

00:02:22.809 --> 00:02:24.973
এখন, চলো এটি অন্য আরেকটি

00:02:24.973 --> 00:02:28.266
'<script>' ট্যাগে এটি ব্যবহার করি।

00:02:30.226 --> 00:02:33.309
প্রতিটি জাভাস্ক্রিপ্ট লাইব্রেরী ফাংশন প্রকাশ করে

00:02:33.309 --> 00:02:35.358
এবং তাদের ফাংশনের নাম প্রদান করে।

00:02:35.358 --> 00:02:37.010
আমাদের ডকুমেন্টেশনের দিকে লক্ষ্য করতে হবে

00:02:37.010 --> 00:02:39.262
ঐ ফাংশনগুলোর নাম কী এবং তারা কী কাজ করে

00:02:39.262 --> 00:02:41.761
তা খুঁজে বের করতে।

00:02:41.761 --> 00:02:45.444
জে কুয়েরী লাইব্রেরী একটি প্রধান ফাংশন প্রকাশ করে

00:02:45.444 --> 00:02:47.524
এবং একে খুব ক্ষুদ্র নামে সংজ্ঞায়িত করা হয়।

00:02:47.524 --> 00:02:50.637
এটি হলো শুধু একটি ডলার চিহ্ন।

00:02:50.637 --> 00:02:52.259
অর্থাৎ আমরা প্রথমে

00:02:52.259 --> 00:02:53.556
ডলার লিখি

00:02:53.556 --> 00:02:56.526
এরপর দু'টি বন্ধনী, কারণ এটি একটি ফাংশন

00:02:56.526 --> 00:02:59.412
এবং অবশ্যই সেমিকোলন।

00:02:59.412 --> 00:03:01.928
এখন, এটি ভালোই হয়েছে যে এই ফাংশনটির নাম খুব ক্ষুদ্র

00:03:01.928 --> 00:03:05.756
কারণ তা নাহলে একে আমাদের খুব অদ্ভুত নামে ডাকতে হতো।

00:03:06.226 --> 00:03:08.928
অনেক কিছু আছে যা আমরা এই ফাংশনে লিখতে পারি,

00:03:08.928 --> 00:03:10.300
কিন্তু এই প্রারম্ভিক উদাহরণে

00:03:10.300 --> 00:03:15.254
আমি শুধু 'h1' স্ট্রিং লিখবো।

00:03:16.319 --> 00:03:17.697
এখন, যখন আমি এটি করেছি,

00:03:17.697 --> 00:03:19.724
এটি জে কুয়েরীকে নির্দেশ করেছে

00:03:19.724 --> 00:03:23.095
এই পেইজের সকল 'h1' উপাদানকে বের করতে

00:03:23.095 --> 00:03:28.050
এবং সেগুলো জে কুয়েরী কালেকশন অবজেক্ট হিসেবে ফিরিয়ে দিতে।

00:03:28.150 --> 00:03:29.311
আমি এটা করে ফেলেছি,

00:03:29.311 --> 00:03:33.233
আমরা খুঁজে পাওয়া সকল 'h1' উপাদানকে পরিচালনা করতে

00:03:33.233 --> 00:03:37.200
জে কুয়েরী অবজেক্টে অন্য পদ্ধতিগুলো ব্যবহার করতে পারি।

00:03:37.200 --> 00:03:39.939
যেমন, আমি যদি এদের সকলের ইনার টেক্সটকে পরিবর্তন করতে চাই,

00:03:39.939 --> 00:03:43.356
তাহলে 'text' ফাংশনকে ব্যবহার করতে পারি

00:03:43.356 --> 00:03:46.044
এরপর এতে একটি স্ট্রিং পাস করতে পারি।

00:03:47.244 --> 00:03:48.492
দেখো, এটি হচ্ছে।

00:03:48.492 --> 00:03:49.792
ইয়েস!

00:03:49.792 --> 00:03:50.804
এবং আমাদের শেষ!

00:03:50.804 --> 00:03:53.029
এই ছিলো জে কুয়েরী সম্পর্কে আমাদের সামান্য কিছু ধারণা।

00:03:53.029 --> 00:03:56.910
তো আমরা '<script>' ট্যাগ দিয়ে জে কুয়েরী লাইব্রেরী অন্তর্ভুক্ত করলাম,

00:03:56.910 --> 00:03:59.819
পেইজে সকল 'h1s' খুঁজে বের করতে জে কুয়েরী কে নির্দেশ দেয়া হলো

00:03:59.819 --> 00:04:03.643
এবং এরপর এদের সকলের টেক্সট পরিবর্তন করতে জে কুয়েরীকে বলা হলো।

00:04:03.643 --> 00:04:06.332
তুমি যদি শিখতে থাকো, আমরা পরবর্তীতে

00:04:06.332 --> 00:04:07.653
আরও বিস্তারিত শেখাবো,

00:04:07.653 --> 00:04:11.117
উপাদান নির্বাচন ও পরিচালনার আরও অনেক উপায়,

00:04:11.120 --> 00:04:14.356
জে কুয়েরী ব্যবহার করে পেইজে ব্যবহারকারীর ইভেন্টে সাড়া দেয়া,

00:04:14.360 --> 00:04:16.860
সেইসাথে অ্যানিমেশন এবং ইফেক্ট সংক্রান্ত অনেক মজার বিষয়।

00:04:16.860 --> 00:04:20.560
## আগামী ও গ্রামীণফোন এর সহযোগিতায় অনূদিত ##