[Script Info] Title: [Events] Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text Dialogue: 0,0:00:00.00,0:00:01.02,Default,,0000,0000,0000,,## আগামী ও গ্রামীণফোন এর সহযোগিতায় অনূদিত ## Dialogue: 0,0:00:01.02,0:00:02.61,Default,,0000,0000,0000,,আমরা এখন আমাদের ওয়েব পেইজে Dialogue: 0,0:00:02.61,0:00:05.72,Default,,0000,0000,0000,,জে কুয়েরী ব্যবহারের মৌলিক বিষয় সম্পর্কে জানবো। Dialogue: 0,0:00:05.72,0:00:09.00,Default,,0000,0000,0000,,প্রথম ধাপ হলো '<script>' ট্যাগ ব্যবহার করে Dialogue: 0,0:00:09.00,0:00:11.54,Default,,0000,0000,0000,,জে কুয়েরী লাইব্রেরী অন্তর্ভুক্ত করা। Dialogue: 0,0:00:12.23,0:00:16.12,Default,,0000,0000,0000,,এর পূর্বে, আমাদের '<script>' ট্যাগের ভেতর জাভাস্ক্রিপ্টে লিখতে হবে, Dialogue: 0,0:00:16.12,0:00:20.28,Default,,0000,0000,0000,,কিন্তু এখন, আমি একটি 'src' বৈশিষ্ট্য যুক্ত করবো। Dialogue: 0,0:00:20.28,0:00:24.39,Default,,0000,0000,0000,,এবং আমাকে একটি ইউআরএল এ এটি সেট করতে হবে। Dialogue: 0,0:00:24.39,0:00:26.57,Default,,0000,0000,0000,,কোন ইউআরএল এ সেট করবো? Dialogue: 0,0:00:26.57,0:00:28.63,Default,,0000,0000,0000,,আমি যদি আমার নিজস্ব কম্পিউটারে কাজ করি Dialogue: 0,0:00:28.63,0:00:30.09,Default,,0000,0000,0000,,এবং আমার ওয়েব পেইজের সাথে একই ফোল্ডারে Dialogue: 0,0:00:30.09,0:00:32.52,Default,,0000,0000,0000,,জে কুয়েরী ডাউনলোড করা থাকে, Dialogue: 0,0:00:32.52,0:00:36.47,Default,,0000,0000,0000,,তাহলে আমি এখানে 'jquery.js' লিখতে পারি। Dialogue: 0,0:00:36.47,0:00:39.41,Default,,0000,0000,0000,,কিন্তু এখানে খান একাডেমিতে এটি কাজ করবে না। Dialogue: 0,0:00:39.41,0:00:43.10,Default,,0000,0000,0000,,এখানে, আমার অনলাইন সার্ভারে Dialogue: 0,0:00:43.10,0:00:45.88,Default,,0000,0000,0000,,জে কুয়েরীর একটি সঠিক ইউআরএল প্রয়োজন। Dialogue: 0,0:00:45.88,0:00:50.08,Default,,0000,0000,0000,,এবং jquery.com এ এই ইউআরএলগুলোর একটি তালিকা আছে, Dialogue: 0,0:00:50.62,0:00:52.74,Default,,0000,0000,0000,,এবং এদের থেকে একটি আমি এখানে পেস্ট করে দিব। Dialogue: 0,0:00:52.74,0:00:54.43,Default,,0000,0000,0000,,তাহলে তাই করছি। Dialogue: 0,0:00:54.43,0:00:56.12,Default,,0000,0000,0000,,ঠিক আছে। এখন এই ইউআরএল সম্পর্কে Dialogue: 0,0:00:56.12,0:00:58.03,Default,,0000,0000,0000,,কিছু বিষয় বলছি। Dialogue: 0,0:00:58.03,0:01:01.82,Default,,0000,0000,0000,,প্রথম বিষয়টি হলো এটি 'https' দিয়ে শুরু হয়। Dialogue: 0,0:01:01.82,0:01:05.23,Default,,0000,0000,0000,,অর্থাৎ এটি একটি নিরাপদ ইউআরএল। Dialogue: 0,0:01:05.23,0:01:09.23,Default,,0000,0000,0000,,খান একাডেমি ওয়েব পেইজে Dialogue: 0,0:01:09.23,0:01:11.21,Default,,0000,0000,0000,,আমরা শুধু নিরাপদ রিসোর্স অনুমোদন দেই Dialogue: 0,0:01:11.21,0:01:15.34,Default,,0000,0000,0000,,এবং এটি ওয়েব ডেভেলপমেন্ট এর ক্ষেত্রে একটি ভালো অনুশীলন। Dialogue: 0,0:01:15.66,0:01:18.86,Default,,0000,0000,0000,,দ্বিতীয় বিষয়টি হলো, Dialogue: 0,0:01:18.86,0:01:22.75,Default,,0000,0000,0000,,এটি googleapis.com এই গুগল সার্ভারে অবস্থান করে। Dialogue: 0,0:01:22.75,0:01:25.38,Default,,0000,0000,0000,,এই সার্ভারকে বলা সিডিএন, Dialogue: 0,0:01:25.38,0:01:27.92,Default,,0000,0000,0000,,এটি হলো কনটেন্ট সরবরাহকারী নেটওয়ার্ক, Dialogue: 0,0:01:27.92,0:01:29.41,Default,,0000,0000,0000,,অর্থাৎ এটি জাভাস্ক্রিপ্ট লাইব্রেরীর মতো Dialogue: 0,0:01:29.41,0:01:32.62,Default,,0000,0000,0000,,স্ট্যাটিক ফাইলে কাজ করার জন্য নিখুঁতভাবে করা হয়েছে Dialogue: 0,0:01:32.62,0:01:35.39,Default,,0000,0000,0000,,এবং খুব দ্রুত কাজ করে। Dialogue: 0,0:01:35.39,0:01:38.16,Default,,0000,0000,0000,,এই গুগল সার্ভারগুলো আমি বিশ্বস্ত মনে করি এবং Dialogue: 0,0:01:38.16,0:01:41.30,Default,,0000,0000,0000,,তোমারও এই সার্ভারগুলোকে বিশ্বাস করা উচিত Dialogue: 0,0:01:41.30,0:01:43.00,Default,,0000,0000,0000,,তুমি যেখান থেকে স্ক্রিপ্টগুলো এনেছো Dialogue: 0,0:01:43.00,0:01:47.24,Default,,0000,0000,0000,,যেহেতু তারা তোমার পেইজে নোংরা বা বিপজ্জনক কিছু করবে না। Dialogue: 0,0:01:47.40,0:01:50.01,Default,,0000,0000,0000,,ঠিক আছে। এবার, তৃতীয় বিষয়টি হলো এই ইউআরএল এ একটি Dialogue: 0,0:01:50.01,0:01:53.81,Default,,0000,0000,0000,,সংস্করণ নম্বর আছেঃ ২.১.৪. Dialogue: 0,0:01:53.81,0:01:56.40,Default,,0000,0000,0000,,জে কুয়েরী লাইব্রেরী উন্নয়নে খুব সক্রিয় Dialogue: 0,0:01:56.40,0:01:59.02,Default,,0000,0000,0000,,এবং প্রায়ই তাদের নতুন সংস্করণ বের করে। Dialogue: 0,0:01:59.02,0:02:00.99,Default,,0000,0000,0000,,বামপাশের নম্বরটি বড় ধরনের পরিবর্তন Dialogue: 0,0:02:00.99,0:02:03.28,Default,,0000,0000,0000,,প্রকাশ করে, অপরদিকে Dialogue: 0,0:02:03.28,0:02:05.76,Default,,0000,0000,0000,,ডানদিকের নম্বরটি Dialogue: 0,0:02:05.76,0:02:08.13,Default,,0000,0000,0000,,ছোট খাটো পরিবর্তনকে নির্দেশ করে। Dialogue: 0,0:02:08.13,0:02:10.35,Default,,0000,0000,0000,,আমি এখানে জে কুয়েরী ২ ব্যবহার করছি, Dialogue: 0,0:02:10.35,0:02:12.30,Default,,0000,0000,0000,,যা আধুনিক ব্রাউজারে কাজ করে Dialogue: 0,0:02:12.30,0:02:14.48,Default,,0000,0000,0000,,কিন্তু আইই৮ এ কাজ করে না। Dialogue: 0,0:02:14.48,0:02:15.64,Default,,0000,0000,0000,,তোমার নিজস্ব সাইটে, Dialogue: 0,0:02:15.64,0:02:19.63,Default,,0000,0000,0000,,তোমার প্রয়োজনের ভিত্তিতে তুমি নির্ধারণ করবে কোন সংস্করণটি ব্যবহার করবে । Dialogue: 0,0:02:19.63,0:02:22.81,Default,,0000,0000,0000,,বেশ। আমরা জে কুয়েরী অন্তর্ভুক্ত করলাম। Dialogue: 0,0:02:22.81,0:02:24.97,Default,,0000,0000,0000,,এখন, চলো এটি অন্য আরেকটি Dialogue: 0,0:02:24.97,0:02:28.27,Default,,0000,0000,0000,,'<script>' ট্যাগে এটি ব্যবহার করি। Dialogue: 0,0:02:30.23,0:02:33.31,Default,,0000,0000,0000,,প্রতিটি জাভাস্ক্রিপ্ট লাইব্রেরী ফাংশন প্রকাশ করে Dialogue: 0,0:02:33.31,0:02:35.36,Default,,0000,0000,0000,,এবং তাদের ফাংশনের নাম প্রদান করে। Dialogue: 0,0:02:35.36,0:02:37.01,Default,,0000,0000,0000,,আমাদের ডকুমেন্টেশনের দিকে লক্ষ্য করতে হবে Dialogue: 0,0:02:37.01,0:02:39.26,Default,,0000,0000,0000,,ঐ ফাংশনগুলোর নাম কী এবং তারা কী কাজ করে Dialogue: 0,0:02:39.26,0:02:41.76,Default,,0000,0000,0000,,তা খুঁজে বের করতে। Dialogue: 0,0:02:41.76,0:02:45.44,Default,,0000,0000,0000,,জে কুয়েরী লাইব্রেরী একটি প্রধান ফাংশন প্রকাশ করে Dialogue: 0,0:02:45.44,0:02:47.52,Default,,0000,0000,0000,,এবং একে খুব ক্ষুদ্র নামে সংজ্ঞায়িত করা হয়। Dialogue: 0,0:02:47.52,0:02:50.64,Default,,0000,0000,0000,,এটি হলো শুধু একটি ডলার চিহ্ন। Dialogue: 0,0:02:50.64,0:02:52.26,Default,,0000,0000,0000,,অর্থাৎ আমরা প্রথমে Dialogue: 0,0:02:52.26,0:02:53.56,Default,,0000,0000,0000,,ডলার লিখি Dialogue: 0,0:02:53.56,0:02:56.53,Default,,0000,0000,0000,,এরপর দু'টি বন্ধনী, কারণ এটি একটি ফাংশন Dialogue: 0,0:02:56.53,0:02:59.41,Default,,0000,0000,0000,,এবং অবশ্যই সেমিকোলন। Dialogue: 0,0:02:59.41,0:03:01.93,Default,,0000,0000,0000,,এখন, এটি ভালোই হয়েছে যে এই ফাংশনটির নাম খুব ক্ষুদ্র Dialogue: 0,0:03:01.93,0:03:05.76,Default,,0000,0000,0000,,কারণ তা নাহলে একে আমাদের খুব অদ্ভুত নামে ডাকতে হতো। Dialogue: 0,0:03:06.23,0:03:08.93,Default,,0000,0000,0000,,অনেক কিছু আছে যা আমরা এই ফাংশনে লিখতে পারি, Dialogue: 0,0:03:08.93,0:03:10.30,Default,,0000,0000,0000,,কিন্তু এই প্রারম্ভিক উদাহরণে Dialogue: 0,0:03:10.30,0:03:15.25,Default,,0000,0000,0000,,আমি শুধু 'h1' স্ট্রিং লিখবো। Dialogue: 0,0:03:16.32,0:03:17.70,Default,,0000,0000,0000,,এখন, যখন আমি এটি করেছি, Dialogue: 0,0:03:17.70,0:03:19.72,Default,,0000,0000,0000,,এটি জে কুয়েরীকে নির্দেশ করেছে Dialogue: 0,0:03:19.72,0:03:23.10,Default,,0000,0000,0000,,এই পেইজের সকল 'h1' উপাদানকে বের করতে Dialogue: 0,0:03:23.10,0:03:28.05,Default,,0000,0000,0000,,এবং সেগুলো জে কুয়েরী কালেকশন অবজেক্ট হিসেবে ফিরিয়ে দিতে। Dialogue: 0,0:03:28.15,0:03:29.31,Default,,0000,0000,0000,,আমি এটা করে ফেলেছি, Dialogue: 0,0:03:29.31,0:03:33.23,Default,,0000,0000,0000,,আমরা খুঁজে পাওয়া সকল 'h1' উপাদানকে পরিচালনা করতে Dialogue: 0,0:03:33.23,0:03:37.20,Default,,0000,0000,0000,,জে কুয়েরী অবজেক্টে অন্য পদ্ধতিগুলো ব্যবহার করতে পারি। Dialogue: 0,0:03:37.20,0:03:39.94,Default,,0000,0000,0000,,যেমন, আমি যদি এদের সকলের ইনার টেক্সটকে পরিবর্তন করতে চাই, Dialogue: 0,0:03:39.94,0:03:43.36,Default,,0000,0000,0000,,তাহলে 'text' ফাংশনকে ব্যবহার করতে পারি Dialogue: 0,0:03:43.36,0:03:46.04,Default,,0000,0000,0000,,এরপর এতে একটি স্ট্রিং পাস করতে পারি। Dialogue: 0,0:03:47.24,0:03:48.49,Default,,0000,0000,0000,,দেখো, এটি হচ্ছে। Dialogue: 0,0:03:48.49,0:03:49.79,Default,,0000,0000,0000,,ইয়েস! Dialogue: 0,0:03:49.79,0:03:50.80,Default,,0000,0000,0000,,এবং আমাদের শেষ! Dialogue: 0,0:03:50.80,0:03:53.03,Default,,0000,0000,0000,,এই ছিলো জে কুয়েরী সম্পর্কে আমাদের সামান্য কিছু ধারণা। Dialogue: 0,0:03:53.03,0:03:56.91,Default,,0000,0000,0000,,তো আমরা '<script>' ট্যাগ দিয়ে জে কুয়েরী লাইব্রেরী অন্তর্ভুক্ত করলাম, Dialogue: 0,0:03:56.91,0:03:59.82,Default,,0000,0000,0000,,পেইজে সকল 'h1s' খুঁজে বের করতে জে কুয়েরী কে নির্দেশ দেয়া হলো Dialogue: 0,0:03:59.82,0:04:03.64,Default,,0000,0000,0000,,এবং এরপর এদের সকলের টেক্সট পরিবর্তন করতে জে কুয়েরীকে বলা হলো। Dialogue: 0,0:04:03.64,0:04:06.33,Default,,0000,0000,0000,,তুমি যদি শিখতে থাকো, আমরা পরবর্তীতে Dialogue: 0,0:04:06.33,0:04:07.65,Default,,0000,0000,0000,,আরও বিস্তারিত শেখাবো, Dialogue: 0,0:04:07.65,0:04:11.12,Default,,0000,0000,0000,,উপাদান নির্বাচন ও পরিচালনার আরও অনেক উপায়, Dialogue: 0,0:04:11.12,0:04:14.36,Default,,0000,0000,0000,,জে কুয়েরী ব্যবহার করে পেইজে ব্যবহারকারীর ইভেন্টে সাড়া দেয়া, Dialogue: 0,0:04:14.36,0:04:16.86,Default,,0000,0000,0000,,সেইসাথে অ্যানিমেশন এবং ইফেক্ট সংক্রান্ত অনেক মজার বিষয়। Dialogue: 0,0:04:16.86,0:04:20.56,Default,,0000,0000,0000,,## আগামী ও গ্রামীণফোন এর সহযোগিতায় অনূদিত ##