1 00:00:00,000 --> 00:00:03,840 >> [সঙ্গীত বাজাচ্ছি] 2 00:00:03,840 --> 00:00:05,770 3 00:00:05,770 --> 00:00:08,690 >> ডগ লয়েড: এখন করে তাই আমরা পুরানো আছেন ওয়েব প্রোগ্রামিং এ অনুকূল, ডান? 4 00:00:08,690 --> 00:00:12,140 আর আমরা তা করেছি কয়েক আবৃত করেছি পৃথক ভিডিও প্রত্যেক. 5 00:00:12,140 --> 00:00:14,690 এবং এখন এর আরও একটি, দয়া করে জাভাস্ক্রিপ্ট না দেওয়া. 6 00:00:14,690 --> 00:00:17,370 >> প্রথম ভালো খবর, দয়া করে জাভাস্ক্রিপ্ট একটি আধুনিক প্রোগ্রামিং হয় 7 00:00:17,370 --> 00:00:21,410 যার পিএইচপি মত অনেক ভাষা সিনট্যাক্স, সি থেকে প্রাপ্ত করা হয় 8 00:00:21,410 --> 00:00:22,830 তাই যে শুরু করার একটি ভাল জায়গা. 9 00:00:22,830 --> 00:00:25,880 এটা, সেইসাথে, পিএইচপি যত পুরাতন সম্পর্কে প্রায় 20 বছর প্রায় হয়ে যাবার. 10 00:00:25,880 --> 00:00:28,600 এটা প্রায় আবিষ্কৃত হয় পিএইচপি হিসাবে একই সময়. 11 00:00:28,600 --> 00:00:32,240 আর দয়া করে জাভাস্ক্রিপ্ট বেশ আসলে ব্যবহারকারীর অভিজ্ঞতা মৌলিক 12 00:00:32,240 --> 00:00:32,740 ওয়েবের. 13 00:00:32,740 --> 00:00:34,448 আসলে, আছে তিনটি ভাষায় যে আমি 14 00:00:34,448 --> 00:00:38,480 আপ করতে সাজানোর বলতে হবে আলাপচারিতার ব্যবহারকারীর অভিজ্ঞতা 15 00:00:38,480 --> 00:00:42,650 ওয়েবসাইটের সাথে, এইচটিএমএল, সিএসএস, জাভাস্ক্রিপ্ট এবং. 16 00:00:42,650 --> 00:00:46,030 আর তাই এখন আমি কি একটি কথা বলা যাক জাভাস্ক্রিপ্ট সম্পর্কে সামান্য বিট. 17 00:00:46,030 --> 00:00:50,301 >> খারাপ খবর, যদিও, সাথে করে জাভাস্ক্রিপ্ট হয় এটা নিজেই জন্য নিয়ম অনেক সেট করে, 18 00:00:50,301 --> 00:00:51,300 এবং তারপর এটা তাদের বিরতি. 19 00:00:51,300 --> 00:00:54,010 আর দয়া করে জাভাস্ক্রিপ্ট আসলে হতে পারে ধরনের জানার জন্য চ্যালেঞ্জিং, 20 00:00:54,010 --> 00:00:57,000 এটা সি ভিন্ন, কারণ এবং খুব গঠিত হয় যা পিএইচপি, 21 00:00:57,000 --> 00:01:00,270 এবং খুব কঠোর নিয়ম আছে কিছু কাজ করতে পারেন জন্য. 22 00:01:00,270 --> 00:01:03,690 জাভাস্ক্রিপ্ট ধরনের আছে তাই নমনীয় অর্জিত 23 00:01:03,690 --> 00:01:06,650 যে হয়তো কিছু করা যাচ্ছে না আমরা তাদের আশা ভাবে কাজ 24 00:01:06,650 --> 00:01:09,830 এবং হয়তো আমরা সত্যিই শিখতে পারবেন না আমাদের প্রথম প্রোগ্রামিং ভাষা 25 00:01:09,830 --> 00:01:10,769 একটি জাভাস্ক্রিপ্ট হিসাবে. 26 00:01:10,769 --> 00:01:12,810 তাই হয়ত এটা না, কারণ নিজেই যে কোন নিয়ম সেট, 27 00:01:12,810 --> 00:01:15,754 এবং এটি সত্যিই না ভাল কোডিং অভ্যাস জোরদার. 28 00:01:15,754 --> 00:01:18,170 কিন্তু এখন আমরা আশা উন্নত করেছি কিছু ভাল কোডিং অভ্যাস, 29 00:01:18,170 --> 00:01:21,470 এবং তাই আমরা হানা শুরু করতে পারেন জাভাস্ক্রিপ্ট একটি সামান্য বিট. 30 00:01:21,470 --> 00:01:25,750 >> খোলার অনুরূপ জাভাস্ক্রিপ্ট লিখতে একটি বিন্দু গ এক্সটেনশন সহ সি ফাইল আপ 31 00:01:25,750 --> 00:01:29,770 বা ডট পিএইচপি এক্সটেনশন সঙ্গে একটি পিএইচপি ফাইল, আমরা যা করতে হবে সব একটি ফাইল খুলুন 32 00:01:29,770 --> 00:01:31,764 ডট JS ফাইল এক্সটেনশন সঙ্গে. 33 00:01:31,764 --> 00:01:34,430 আমরা কোন বিশেষ আছে প্রয়োজন হবে না আমরা মত বিভেদক পিএইচপি করেছিল. 34 00:01:34,430 --> 00:01:36,750 কোণ যে সাজানোর বন্ধনী প্রশ্ন চিহ্ন পিএইচপি 35 00:01:36,750 --> 00:01:40,300 আমরা যে থেকে, ভাবে ব্যবহার করছি যে আমরা কি যে আমরা আমাদের ব্রাউজার বলুন 36 00:01:40,300 --> 00:01:43,502 জাভাস্ক্রিপ্ট সহ দ্বারা হয় একটি HTML ট্যাগের এটা, 37 00:01:43,502 --> 00:01:46,210 এবং আমরা সম্পর্কে অল্প দেখতে পাবেন কিভাবে মাত্র কয়েক মিনিটের মধ্যে তা করতে. 38 00:01:46,210 --> 00:01:48,210 >> করে অন্য একটি জিনিস বিভিন্ন জাভাস্ক্রিপ্ট, 39 00:01:48,210 --> 00:01:50,580 যদিও, এটা ক্লায়েন্ট সাইড সঞ্চালিত হয়. 40 00:01:50,580 --> 00:01:53,430 তাই পিএইচপি সঙ্গে স্মরণ করছি যে আমরা সত্যিই দেখতে না পারে 41 00:01:53,430 --> 00:01:57,041 একটি ওয়েবসাইট আন্ডারলাইন যে পিএইচপি. 42 00:01:57,041 --> 00:01:59,040 আমরা কখনও দেখা হলে পাতা উৎস, আমরা শুধুমাত্র would 43 00:01:59,040 --> 00:02:02,830 ছিল যে এইচটিএমএল দেখতে যে পিএইচপি দ্বারা উত্পন্ন. 44 00:02:02,830 --> 00:02:04,900 কিন্তু দয়া করে জাভাস্ক্রিপ্ট ক্লায়েন্ট সাইড রান. 45 00:02:04,900 --> 00:02:06,710 আপনার জাভাস্ক্রিপ্ট আপনার কম্পিউটারে রান. 46 00:02:06,710 --> 00:02:09,050 আপনি কি করতে পারেন যে কেন কিছু ব্লকার যোগ করতে চান. 47 00:02:09,050 --> 00:02:09,550 রাইট? 48 00:02:09,550 --> 00:02:12,704 বিজ্ঞাপনকে ব্লক সাধারণত দ্বারা সম্পন্ন করা হয় জাভাস্ক্রিপ্ট সব হত্যা 49 00:02:12,704 --> 00:02:14,370 যে একটি নির্দিষ্ট ওয়েবসাইটে চলমান. 50 00:02:14,370 --> 00:02:19,000 আর এটা করতে হবে, কারণ আপনার মেশিন ক্লায়েন্ট সাইড চালানো, 51 00:02:19,000 --> 00:02:21,910 আপনি ঠিক করতে পারবে সম্পূর্ণরূপে চলমান জন্য দয়া করে জাভাস্ক্রিপ্ট. 52 00:02:21,910 --> 00:02:27,030 যে আপনি ব্যবহার মানে যখন জাভাস্ক্রিপ্ট রয়েছে একটি ওয়েবসাইট, 53 00:02:27,030 --> 00:02:32,450 আপনি দয়া করে জাভাস্ক্রিপ্ট উৎস পাঠাতে হবে আপনার HTTP প্রতিক্রিয়া অংশ হিসাবে কোড 54 00:02:32,450 --> 00:02:34,159 ক্লায়েন্টের সাথে তারা এটা অনুরোধ. 55 00:02:34,159 --> 00:02:35,950 আর তাই আপনি না পারে জাভাস্ক্রিপ্ট ব্যবহার করতে চান 56 00:02:35,950 --> 00:02:38,395 সত্যিই সংবেদনশীল কিছু করার ক্ষণস্থায়ী তথ্য মত 57 00:02:38,395 --> 00:02:41,020 ব্যবহারকারীদের পাসওয়ার্ডগুলি ফিরে সম্পর্কে এবং ঘোষণা, কারণ তারা আসলে করছি 58 00:02:41,020 --> 00:02:45,610 সোর্স কোড সব গ্রহণ করতে যাচ্ছে, উৎপন্ন হয় যে শুধু এইচটিএমএল, 59 00:02:45,610 --> 00:02:49,030 যেমন বলে পিএইচপি সঙ্গে মামলা হতে হবে. 60 00:02:49,030 --> 00:02:51,620 >> তাই কত না আমরা জাভাস্ক্রিপ্ট অন্তর্ভুক্ত আমাদের HTML এ দিয়ে শুরু করতে? 61 00:02:51,620 --> 00:02:54,520 সিএসএস অনুরূপ, ভাল, আসলে, আমরা এখানে কিভাবে এটা করবেন সাজান. 62 00:02:54,520 --> 00:02:56,190 CSS এর সঙ্গে আমরা শৈলী ট্যাগ আছে. 63 00:02:56,190 --> 00:03:00,760 আর যারা শৈলী ট্যাগ এর ভিতরে, আমরা একটি CSS স্টাইল শীট নির্ধারণ করতে পারবেন. 64 00:03:00,760 --> 00:03:03,450 একইভাবে দয়া করে জাভাস্ক্রিপ্ট সঙ্গে আমরা স্ক্রিপ্ট ট্যাগ পর্যন্ত খুলতে পারে, 65 00:03:03,450 --> 00:03:06,660 অন্য একটি HTML ট্যাগ আমরা না আমাদের এইচটিএমএল ভিডিও সম্পর্কে কথা বলতে, 66 00:03:06,660 --> 00:03:09,720 এবং দয়া করে জাভাস্ক্রিপ্ট লিখুন যারা স্ক্রিপ্ট ট্যাগ মধ্যে. 67 00:03:09,720 --> 00:03:13,960 যদিও, মত সিএসএস, আমরা সিএসএস ফাইল বাইরে এ লিঙ্ক করতে পারে 68 00:03:13,960 --> 00:03:15,900 এবং আমাদের প্রোগ্রাম যে ভাবে সেগুলি টান. 69 00:03:15,900 --> 00:03:18,280 CSS এর সঙ্গে আমরা এটিও করতে পারেন, জাভাস্ক্রিপ্ট দিয়ে, ক্ষমা করবেন 70 00:03:18,280 --> 00:03:23,240 আমরা উদাহরণ উৎস উল্লেখ করা যাবে স্ক্রিপ্ট ট্যাগের এট্রিবিউট 71 00:03:23,240 --> 00:03:25,720 জাভাস্ক্রিপ্ট মধ্যে সংযুক্ত করা আলাদাভাবে, তাই যদি আপনি না 72 00:03:25,720 --> 00:03:27,680 তা লিখতে হবে স্ক্রিপ্ট ট্যাগ মধ্যে আমরা 73 00:03:27,680 --> 00:03:29,600 ব্যবহার করে এটি সংযুক্ত করতে পারেন যে স্ক্রিপ্ট ট্যাগ পাশাপাশি. 74 00:03:29,600 --> 00:03:33,230 আর শুধু সিএসএস যেখানে সঙ্গে কেস হিসাবে আমরা এটা সম্ভবত ছিল যে সুপারিশ 75 00:03:33,230 --> 00:03:36,090 আপনার সেরা স্বার্থে লিখতে যদি কোনো পৃথক ফাইলে আপনার সিএসএস 76 00:03:36,090 --> 00:03:38,500 আপনি এটি পরিবর্তন করতে হবে, একইভাবে আমরা সুপারিশ 77 00:03:38,500 --> 00:03:40,720 আপনি আপনার লেখার যে পৃথক ফাইল জাভাস্ক্রিপ্ট 78 00:03:40,720 --> 00:03:45,460 স্ক্রিপ্ট ট্যাগ উৎস ব্যবহার আপনার জাভাস্ক্রিপ্ট গিঁট বৈশিষ্ট্যাবলী 79 00:03:45,460 --> 00:03:49,520 আপনার HTML, আপনার ওয়েব পৃষ্ঠার মধ্যে. 80 00:03:49,520 --> 00:03:52,610 >> সুতরাং দয়া করে জাভাস্ক্রিপ্ট ভেরিয়েবল, আমরা করব এখানে সিনট্যাক্স সম্পর্কে কথা বলা শুরু. 81 00:03:52,610 --> 00:03:53,600 আর আমরা দিয়ে যাবেন দ্রুত এই ধরনের, 82 00:03:53,600 --> 00:03:56,640 আমরা তাই, পিএইচপি এই কাজ করেছি, কারণ এই সব বেশ পরিচিত হওয়া উচিত. 83 00:03:56,640 --> 00:03:59,490 সুতরাং দয়া করে জাভাস্ক্রিপ্ট ভেরিয়েবল আছে ভেরিয়েবল পিএইচপি অনুরূপ. 84 00:03:59,490 --> 00:04:03,270 সেখানে কোন ধরনের সুনির্দিষ্টভাবে, এবং আপনি একটি পরিবর্তনশীল পরিচয় করিয়ে যখন, 85 00:04:03,270 --> 00:04:05,070 আপনি Var শব্দ সঙ্গে এটি উপসর্গ. 86 00:04:05,070 --> 00:04:07,750 পিএইচপি আমরা কিছু করতে চাই এই মত, ডলার সাইন X. 87 00:04:07,750 --> 00:04:09,950 আমরা নির্দেশিত কিভাবে যে একটি পরিবর্তনশীল, কিন্তু না, আমরা 88 00:04:09,950 --> 00:04:12,060 টাইপ উল্লেখ না পরিবর্তনশীল এর সব সময়ে. 89 00:04:12,060 --> 00:04:15,124 আমরা ভালো কিছু বলতে হবে ডলার চিহ্ন X পিএইচপি 44 সমান. 90 00:04:15,124 --> 00:04:17,040 আমরা সেটিই ছিল যদি জাভাস্ক্রিপ্ট একই জিনিস, 91 00:04:17,040 --> 00:04:19,589 আমরা Var X 44 সমান বলতে হবে. 92 00:04:19,589 --> 00:04:22,780 সুতরাং Var আমাদের পথ সাজানোর একটি পরিবর্তনশীল প্রবর্তনের. 93 00:04:22,780 --> 00:04:26,850 যে সম্ভবত একটি বিট আরও বেশি ধারণাসম্পন্ন শুধু ডলার চিহ্ন পরিবর্তনশীল তুলনায়. 94 00:04:26,850 --> 00:04:29,080 >> আবার আছে, যেহেতু কোন তথ্য ধরনের, আমরা পারবোই 95 00:04:29,080 --> 00:04:34,490 কোন ডাটা টাইপ সঙ্গে, স্ট্রিং, অন্য কিছু সব Var হবে. 96 00:04:34,490 --> 00:04:37,260 এর কন্ডিশন, সব আমাদের সি এবং পিএইচপি থেকে পুরোনো বন্ধুদের 97 00:04:37,260 --> 00:04:41,640 এখনও পাওয়া যায়, তাই আমরা যদি আছে, অন্যথায় যদি, অন্য, সুইচ এবং প্রশ্ন 98 00:04:41,640 --> 00:04:42,240 চিহ্ন কোলন. 99 00:04:42,240 --> 00:04:45,890 এটা যত নমনীয় অবশিষ্ট সুইচ পিএইচপি ছিল, কিন্তু আপনি করা.এই সব 100 00:04:45,890 --> 00:04:46,930 এখন দ্বারা সঙ্গে পরিচিত. 101 00:04:46,930 --> 00:04:49,900 এবং loops হয় একইভাবে সঙ্গে যখন পুরানো ফেভারিটে, 102 00:04:49,900 --> 00:04:52,700 যখন কি, এবং আমাদের জন্য এখনও পাওয়া যায়. 103 00:04:52,700 --> 00:04:55,880 তাই আগে থেকেই আমরা অনেক জানি মৌলিক মৌলিক জাভাস্ক্রিপ্ট সাজান 104 00:04:55,880 --> 00:05:01,800 শুধু বেশ একটু থাকার বদৌলতে এখন C এবং পিএইচপি সম্পর্কে জ্ঞান. 105 00:05:01,800 --> 00:05:03,670 >> কি দয়া করে জাভাস্ক্রিপ্ট ফাংশন সম্পর্কে? 106 00:05:03,670 --> 00:05:08,199 ওয়েল, একই ভাষার ফাংশন পিএইচপি ফাংশন শব্দ সঙ্গে পরিচয় করিয়ে দেন. 107 00:05:08,199 --> 00:05:10,740 আপনি ফাংশন বলতে, এবং তারপর আপনি আপনার ফাংশন নির্ধারণ করা শুরু. 108 00:05:10,740 --> 00:05:12,531 একটু ভিন্ন কী জাভাস্ক্রিপ্ট সম্পর্কে, 109 00:05:12,531 --> 00:05:15,700 যদিও আছে ক্ষমতা একজন অনামী ফাংশন বলা হয়. 110 00:05:15,700 --> 00:05:18,880 তাই আপনি যদি ফাংশন নির্ধারণ করতে পারবেন একটি নাম আছে কি না. 111 00:05:18,880 --> 00:05:21,222 এই কিছু আমরা হয় সত্যিই আগে দেখা যায় নি. 112 00:05:21,222 --> 00:05:23,430 আমরা সত্যিই ধারণা ব্যবহার করব একটি বেনামী ফাংশন 113 00:05:23,430 --> 00:05:27,880 একটু পরে এই যে ভিডিও, এটা করব, কারণ 114 00:05:27,880 --> 00:05:31,530 প্রেক্ষাপটে একটি সামান্য আরো জানার জন্য আমরা একটি বিশেষ পরিস্থিতির মধ্যে এটি দেখতে হলে 115 00:05:31,530 --> 00:05:33,120 যে আমি এখানে পেরেছিলেন. 116 00:05:33,120 --> 00:05:35,710 কিন্তু এর মাত্র কটাক্ষপাত করা যাক কি একটি সহজ জাভাস্ক্রিপ্ট এ 117 00:05:35,710 --> 00:05:37,850 ফাংশন অনুরূপ হতে পারে. 118 00:05:37,850 --> 00:05:40,610 >> তাই আমি এগিয়ে সর্বস্বান্ত করেছি এবং আমার CS50 আইডিই পর্যন্ত খোলা 119 00:05:40,610 --> 00:05:43,690 এবং আমি ইতিমধ্যে এ্যাপাচি রান করেছি আমার সার্ভার চলমান আরম্ভ. 120 00:05:43,690 --> 00:05:46,800 আর আমি এই ফাইলটি আছে Home.html বলা খুলুন এব w দেখুন. 121 00:05:46,800 --> 00:05:48,330 আর আমি এখানে একটি সামান্য বিট জুম করব. 122 00:05:48,330 --> 00:05:52,090 এবং মূলত, আপনি দেখতে পারেন Home.html বোতাম মাত্র একটি গুচ্ছ হয়. 123 00:05:52,090 --> 00:05:55,291 আর আমি এখানে উপরের দাবি করছি এই জাভাস্ক্রিপ্ট বিভাগে যে 124 00:05:55,291 --> 00:05:55,790 উপকরণ. 125 00:05:55,790 --> 00:05:59,490 সুতরাং বোতাম একটি গুচ্ছ আছে এখানে, কিন্তু এই বোতাম আসলে কি করবেন? 126 00:05:59,490 --> 00:06:03,662 >> ওয়েল, আমরা আমার আইইডি ওভার আগাইয়া করব, এবং আমি এখানে খুলুন Home.html আছে. 127 00:06:03,662 --> 00:06:05,620 একদম প্রারম্ভকালে, আমি লিঙ্ক চাই এখানে যেখানে 128 00:06:05,620 --> 00:06:07,500 আমার জাভাস্ক্রিপ্ট সোর্স ফাইল সব. 129 00:06:07,500 --> 00:06:08,000 রাইট? 130 00:06:08,000 --> 00:06:12,440 তাই আমি anonymous.js, clock.js আছে আমি উৎস অ্যাট্রিবিউট ব্যবহার করছি 131 00:06:12,440 --> 00:06:14,440 স্ক্রিপ্ট ট্যাগের ফাইলে সংযুক্ত আছে. 132 00:06:14,440 --> 00:06:18,660 তাই আমি লেখা না কোনো সরাসরি এই ফাইলে জাভাস্ক্রিপ্ট, 133 00:06:18,660 --> 00:06:21,790 কিন্তু আমি টানা করেছি সব জাভাস্ক্রিপ্ট আমি আলাদাভাবে লিখিত করেছি. 134 00:06:21,790 --> 00:06:24,540 আর আমরা এখানে, এই নিচে স্ক্রল সেই সব কিছুটা পরিচিত চেহারা 135 00:06:24,540 --> 00:06:27,090 নতুন বাক্য গঠন সামান্য বিট সঙ্গে. 136 00:06:27,090 --> 00:06:32,655 আমরা হেডার ট্যাগ এর জন্য এখানে আছে ফাংশন এবং তারপর একটি বাটন. 137 00:06:32,655 --> 00:06:35,530 আমি একটি টাইপ বাটন যে একটি ইনপুট আছে এবং দৃশ্যত আমি এটি ক্লিক করা হলে, 138 00:06:35,530 --> 00:06:38,130 আমি কিছু কল যাচ্ছি সতর্কতা তারিখ ফাংশন. 139 00:06:38,130 --> 00:06:41,792 আর এই আমরা ধরণের তালগোল পারেন কিভাবে হয় জাভাস্ক্রিপ্ট এবং এইচটিএমএল এর একটি সামান্য বিট. 140 00:06:41,792 --> 00:06:44,500 তারা আসলে বেশ চমত্কারভাবে খেলা একসাথে, এবং তাই স্পষ্টত 141 00:06:44,500 --> 00:06:48,730 আমি এই বাটনে, আমি যাচ্ছি ক্লিক কিছু ফাংশন সতর্কতা তারিখ কল. 142 00:06:48,730 --> 00:06:53,660 আর একইভাবে আমি আচরণে পূর্বনির্ধারণ করে থাকেন অন্যান্য সব বোতাম জন্য যে 143 00:06:53,660 --> 00:06:56,440 যে home.html পাতা হয়, আমরা ফিরে যাব, যা 144 00:06:56,440 --> 00:06:59,172 এই ভিডিওটি অবশ্যই সময় দিতে. 145 00:06:59,172 --> 00:07:00,880 কিন্তু এর আপ ফিরে যাই এখানে কটাক্ষপাত 146 00:07:00,880 --> 00:07:03,850 clock.js এ, যা হয় জাভাস্ক্রিপ্ট ফাইল যে আমি 147 00:07:03,850 --> 00:07:07,370 এই প্রথম ফাংশন আছে যে লিখেছে আমরা কটাক্ষপাত চলুন. 148 00:07:07,370 --> 00:07:11,630 যেহেতু আপনি দেখতে পারেন, আমি আমার জাভাস্ক্রিপ্ট শুরু শব্দ ফাংশন সঙ্গে কাজ, 149 00:07:11,630 --> 00:07:14,560 এবং আমি এই এক একটি প্রদত্ত করেছি নাম, এটা সতর্কতা তারিখ বলা হচ্ছে. 150 00:07:14,560 --> 00:07:18,710 সেখানে ভেতরে, আমি দৃশ্যত একটি তৈরি বর্তমান তারিখ নামক নতুন স্থানীয় পরিবর্তনশীল. 151 00:07:18,710 --> 00:07:21,500 এবং আমি ধার্য করতে যাচ্ছি একটি নতুন তারিখ থেকে একটি সমান. 152 00:07:21,500 --> 00:07:24,430 আর আমরা অনেক মধ্যে পেতে পারে একটি তারিখ কি হিসাবে বিস্তারিত, 153 00:07:24,430 --> 00:07:27,060 এবং সত্যিই তাই জাভাস্ক্রিপ্ট হয় বড় যে আমরা সম্ভবত না পারেন 154 00:07:27,060 --> 00:07:28,330 এক ভিডিওতে সব আবরণ. 155 00:07:28,330 --> 00:07:32,220 কিন্তু, এই যাচ্ছে এটা বলার জন্য যথেষ্ট একটি উপাত্তের আমার ফিরে যাওয়ার যে 156 00:07:32,220 --> 00:07:35,470 বর্তমান তারিখ এবং সময় encapsulates. 157 00:07:35,470 --> 00:07:39,100 আমি আছি যে একটি পরিবর্তনশীল যে সংরক্ষণকারী করছি দৃশ্যত বর্তমান তারিখ সতর্ক যাচ্ছে. 158 00:07:39,100 --> 00:07:41,300 >> ওয়েল, কি সতর্কতা আছে মত বর্তমান তারিখ বর্ণন? 159 00:07:41,300 --> 00:07:46,460 এর ফাইল নিজেই কটাক্ষপাত করা যাক ব্রাইজার উইণ্ডোয় উপর পিছনে. 160 00:07:46,460 --> 00:07:49,551 তাই আবার, এই বাটন যে আমি , এই নামে ফাংশন বাঁধা আছে. 161 00:07:49,551 --> 00:07:51,800 আমি সেখানে ক্লিক করুন এবং দেখুন এটা কি, এটা সতর্ক. 162 00:07:51,800 --> 00:07:56,140 এটা বলার বাক্সের এই সাজানোর popped আপ আমার বর্তমান সময় দৃশ্যতঃ যে 163 00:07:56,140 --> 00:07:59,370 এটা নভেম্বর 4 এর সকালে 10:43:43. 164 00:07:59,370 --> 00:08:02,345 আর আমি এখন, আবার ক্লিক করুন, তাহলে এটা ঠিক আছে, পরে কয়েক সেকেন্ডের আছে? 165 00:08:02,345 --> 00:08:03,720 সুতরাং যে সব এই ফাংশন আছে এর. 166 00:08:03,720 --> 00:08:07,670 আমি এই বাটন ক্লিক করুন, এটা আমার একটি সতর্কতা বার্তা পপ আপ. 167 00:08:07,670 --> 00:08:13,806 168 00:08:13,806 --> 00:08:15,690 সত্যিই তাই নেই ফাংশান অত্যধিক 169 00:08:15,690 --> 00:08:19,110 যে, পিএইচপি থেকে আলাদা নতুন বাক্য গঠন অল্পমাত্র বিট 170 00:08:19,110 --> 00:08:22,500 জাভাস্ক্রিপ্ট দিয়ে যে কাজ দিয়ে আসে. 171 00:08:22,500 --> 00:08:24,650 >> জাভাস্ক্রিপ্টের Array হয় অনেকটাই অকপট. 172 00:08:24,650 --> 00:08:27,200 একটি অ্যারে ডিক্লেয়ার করার জন্য, আপনি ব্যবহার বর্গাকার বন্ধনী সিনট্যাক্স 173 00:08:27,200 --> 00:08:30,090 আমরা পিএইচপি থেকে এর সাথে পরিচিত হন যে. 174 00:08:30,090 --> 00:08:33,432 এবং পিএইচপি অনুরূপ, আমরা এছাড়াও তথ্য ধরনের মিশ্রিত করা যাবে. 175 00:08:33,432 --> 00:08:35,140 তাই এই অ্যারে, উভয় এই অ্যারে would 176 00:08:35,140 --> 00:08:36,960 পুরোপুরি বৈধ জাভাস্ক্রিপ্ট হতে. 177 00:08:36,960 --> 00:08:42,500 সব পূর্ণসংখ্যার যে এক, এবং এক যে বিভিন্ন ধরনের তথ্য ঘাঁটা হয়. 178 00:08:42,500 --> 00:08:45,020 >> ভিন্ন কিছু কি জাভাস্ক্রিপ্ট মধ্যে, যদিও? 179 00:08:45,020 --> 00:08:47,020 যে একটি বস্তু ও ধারণা এর. 180 00:08:47,020 --> 00:08:50,240 তাই সম্ভবত আপনি শুনেছেন করেছি অবজেক্ট ওরিয়েন্টেড প্রোগ্রামিং. 181 00:08:50,240 --> 00:08:53,370 আমরা, CS50 মধ্যে এটি একটি অনেক কাজ না কিন্তু আমরা এটি একটি সামান্য বিট করতে হবে 182 00:08:53,370 --> 00:08:55,670 এখানে জাভাস্ক্রিপ্ট প্রেক্ষাপটে. 183 00:08:55,670 --> 00:08:59,100 এখন দয়া করে জাভাস্ক্রিপ্ট ক্ষমতা আছে একটি অবজেক্ট ওরিয়েন্টেড প্রোগ্রামিং হিসাবে আচরণ 184 00:08:59,100 --> 00:09:02,615 ভাষা, কিন্তু এটি নিজে নয় একচেটিয়াভাবে একটি অবজেক্ট ওরিয়েন্টেড 185 00:09:02,615 --> 00:09:03,490 জান্ত্রিক ভাষা. 186 00:09:03,490 --> 00:09:05,281 এবং এই আবার আসে ফিরে আমি এটা বলেন কেন 187 00:09:05,281 --> 00:09:10,610 শিখতে খুবই চ্যালেঞ্জিং হতে পারে আপনার প্রথম প্রোগ্রামিং হিসাবে জাভাস্ক্রিপ্ট 188 00:09:10,610 --> 00:09:13,890 ভাষা, এটা হয় না, কারণ সত্যিই একটি বিশেষ দৃষ্টান্ত মাপসই. 189 00:09:13,890 --> 00:09:16,430 >> অন্যদিকে সি একটি ফাংশানাল প্রোগ্রামিং ভাষা. 190 00:09:16,430 --> 00:09:22,270 আমরা করতে চান, ফাংশন বিগ বস ম্যান সাজানোর, ডান? 191 00:09:22,270 --> 00:09:24,410 তারা নির্দেশ কি অন্য সবকিছু ঘটে. 192 00:09:24,410 --> 00:09:26,600 আমরা ভেরিয়েবল পরিবর্তন করতে চান, আমরা ফাংশন কল. 193 00:09:26,600 --> 00:09:28,220 আমরা ফাংশন কিছু না. 194 00:09:28,220 --> 00:09:31,250 একটি পরিবর্তে অবজেক্টস ওরিয়েন্টেড ভাষা অবজেক্ট, 195 00:09:31,250 --> 00:09:35,937 সাজান তারকা হয়ে বস্তু এবং ফাংশন মাধ্যমিক সাজান হয়ে. 196 00:09:35,937 --> 00:09:38,270 কিন্তু একটি বস্তু, কি কি একটি বস্তুর এই ধারণা? 197 00:09:38,270 --> 00:09:40,880 ওয়েল, এটি সাহায্য করে, মনে হয় প্রথম সাজান এটি সম্পর্কে 198 00:09:40,880 --> 00:09:44,540 একটি সি কাঠামো বা একটি struct মত যে আমরা আগে সম্পর্কে শিখেছি করেছি. 199 00:09:44,540 --> 00:09:47,430 সি, একটি কাঠামো রয়েছে ক্ষেত্রের একটি সংখ্যা, 200 00:09:47,430 --> 00:09:51,174 এবং হয়তো আমরা এখন শুরু হতে পারে এই ক্ষেত্র বৈশিষ্ট্য কল. 201 00:09:51,174 --> 00:09:53,590 কিন্তু বৈশিষ্ট্য সত্যিই ঠিক আছে, তাদের নিজস্ব দাঁড়ানো? 202 00:09:53,590 --> 00:09:56,410 আমি একটা গাড়ী জন্য একটি কাঠামো নির্ধারণ করে দুই নিম্নলিখিত সাথে এই মত 203 00:09:56,410 --> 00:10:00,750 ক্ষেত্র বা বৈশিষ্ট্য, এক একটি গাড়ী বছরের জন্য পূর্ণসংখ্যা 204 00:10:00,750 --> 00:10:04,290 এবং অন্য একটি 10 ​​অক্ষর গাড়ির মডেল জন্য স্ট্রিং, 205 00:10:04,290 --> 00:10:07,150 আমি ভালো কিছু বলতে পারেন আমি একটি নতুন ভেরিয়েবল ডিক্লেয়ার করতে পারেন 206 00:10:07,150 --> 00:10:10,080 টাইপ struct গাড়ী Herbie এর. 207 00:10:10,080 --> 00:10:13,730 এবং তারপর আমি কিছু বলতে পারেন মত herbie.year, 1,963 সমান 208 00:10:13,730 --> 00:10:15,850 এবং herbie.model পোকা সমান. 209 00:10:15,850 --> 00:10:17,000 ঠিক আছে. 210 00:10:17,000 --> 00:10:19,680 আমি ক্ষেত্র ব্যবহার করছি কাঠামো প্রেক্ষাপটে, 211 00:10:19,680 --> 00:10:22,290 কিন্তু আমি শুধু করতে পারে না ভালো কিছু বলতে. 212 00:10:22,290 --> 00:10:22,790 রাইট? 213 00:10:22,790 --> 00:10:26,836 আমি যদি ক্ষেত্রের নাম ব্যবহার করতে পারবেন না কাঠামো স্বাধীন. 214 00:10:26,836 --> 00:10:28,210 এটি একটি মৌলিক জিনিস সাজানোর. 215 00:10:28,210 --> 00:10:32,990 >> ক্ষেত্র হচ্ছে তাই সি কাঠামো মৌলিক 216 00:10:32,990 --> 00:10:39,050 বৈশিষ্ট্য হচ্ছে অনুরূপ জাভাস্ক্রিপ্ট বস্তুর মৌলিক. 217 00:10:39,050 --> 00:10:42,080 কিন্তু কি করে তোলে বিশেষভাবে আকর্ষণীয় 218 00:10:42,080 --> 00:10:46,230 বস্তু কি থাকতে পারে না সত্যিই যা বলা হয় পদ্ধতি, 219 00:10:46,230 --> 00:10:50,730 ফাংশন জন্য শুধু একটি অভিনব শব্দ যে বস্তুতে সহজাত হিসাবে ভাল হয়. 220 00:10:50,730 --> 00:10:55,340 এটা একটা ফাংশন সুতরাং শুধুমাত্র হতে পারে একটি বস্তুর প্রেক্ষাপটে বলা. 221 00:10:55,340 --> 00:10:59,200 সংজ্ঞায়িত করেনি যে শুধুমাত্র একটি বস্তু তার ভেতরে এই ফাংশন, 222 00:10:59,200 --> 00:11:02,020 আপনি একটি সম্পর্কে চিন্তা struct, ফাংশন 223 00:11:02,020 --> 00:11:05,720 সংজ্ঞা যারা ভিতরে সংজ্ঞায়িত করা হয় গঠন কোঁকড়া ধনুর্বন্ধনী. 224 00:11:05,720 --> 00:11:07,980 তাই এটি শুধুমাত্র কিছু অর্থ কাঠামো. 225 00:11:07,980 --> 00:11:10,960 এবং যে আমরা কি করছেন কতকাংশে এখানে বস্তু ও পদ্ধতি নিয়ে. 226 00:11:10,960 --> 00:11:13,580 আমরা করছি এটি মূলত এর একটি ফাংশন সংজ্ঞা যে 227 00:11:13,580 --> 00:11:16,670 শুধুমাত্র একটি উপর ইন্দ্রিয় তোলে বিশেষ বস্তু, এবং তাই আমরা 228 00:11:16,670 --> 00:11:19,440 বস্তুর একটি পদ্ধতি যে কল. 229 00:11:19,440 --> 00:11:23,180 আর আমরা যে কল করতে পারেন না বস্তু স্বাধীন ফাংশন, 230 00:11:23,180 --> 00:11:29,260 আমরা বছর বা মডেল বলতে পারবে না ঠিক মত সি struct স্বাধীন 231 00:11:29,260 --> 00:11:32,300 >> তাই কার্মিক প্রোগ্রামিং পারাদিগ্ম্স ভালো কিছু দেখবে. 232 00:11:32,300 --> 00:11:35,450 ফাংশন এবং তারপর আপনি পাস যখন একটি প্যারামিটার হিসেবে বস্তুর মধ্যে. 233 00:11:35,450 --> 00:11:38,650 একটি অবজেক্ট ওরিয়েন্টেড প্রোগ্রামিং ইন প্রত্যেক, এই ধরণের পায় 234 00:11:38,650 --> 00:11:43,464 ফ্লিপ, এবং আমরা মনে হবে এটা, object.function এই মত. 235 00:11:43,464 --> 00:11:45,380 সুতরাং যে বিন্দু এটি সাজান অপারেটর আবার implying 236 00:11:45,380 --> 00:11:49,540 এটা সম্পত্তি কিছু সাজানোর যে বা বস্তু নিজেই অ্যাট্রিবিউট. 237 00:11:49,540 --> 00:11:53,240 কিন্তু এই কি একটি বস্তু ওরিয়েন্টেড প্রোগ্রামিং ভাষা 238 00:11:53,240 --> 00:11:57,150 একটি ফাংশন করতে না পারে আবার, একটি পদ্ধতি তে কল যা 239 00:11:57,150 --> 00:12:00,260 শুধু একটি বিশেষ শব্দ একটি ফাংশন জন্য যে একটি বস্তুতে সহজাত. 240 00:12:00,260 --> 00:12:03,440 এই কি যে হয় সিনট্যাক্স অনুরূপ হতে পারে. 241 00:12:03,440 --> 00:12:09,360 আর তাই আমরা কিছু দেখতে শুরু করব জাভাস্ক্রিপ্ট প্রেক্ষাপটে এই. 242 00:12:09,360 --> 00:12:12,470 >> এছাড়াও আপনি একটি বস্তু সম্পর্কে চিন্তা করতে পারেন সাজান একটি মিশুক অ্যারে মত, 243 00:12:12,470 --> 00:12:14,160 আমরা পিএইচপি থেকে এর সাথে পরিচিত হন, যা. 244 00:12:14,160 --> 00:12:17,720 একটি মিশুক অ্যারে পারবেন মনে রেখো আমাদের পরিবর্তে, কী মান জোড়া আছে 245 00:12:17,720 --> 00:12:23,040 এর সূচী 0, এক, দুই, তিন হচ্ছে, এবং আমরা সি থেকে ব্যবহার করছি তাই মত 246 00:12:23,040 --> 00:12:23,940 অ্যারে. 247 00:12:23,940 --> 00:12:27,472 মিশুক অ্যারে ম্যাপ করতে পারেন যেমন পিএইচপি ভিডিওতে হিসাবে শব্দ, 248 00:12:27,472 --> 00:12:29,180 আমরা যে বিষয়ে কথা বলছি pizzas মধ্যে, toppings. 249 00:12:29,180 --> 00:12:31,180 আর তাই আমরা একটি অ্যারের ছিল বলা pizzas, এবং আমরা 250 00:12:31,180 --> 00:12:36,670 ছিল পনির একটি কী ছিল এবং $ 8.99 ছিল মূল্য, এবং তারপর পেপারনি একটি কী ছিল, 251 00:12:36,670 --> 00:12:39,190 $ 9.99 তাই একটি মান ছিল, এবং. 252 00:12:39,190 --> 00:12:43,300 আর তাই আমরা একটি মনে করতে পারেন একটি মিশুক ধরণের অনুরূপ বস্তু 253 00:12:43,300 --> 00:12:43,840 অ্যারে. 254 00:12:43,840 --> 00:12:47,020 এখানে আর তাই এই সিনট্যাক্স একটি নতুন অবজেক্ট তৈরি হবে 255 00:12:47,020 --> 00:12:50,950 দুই সাথে বলা Herbie এটি ভেতরে বৈশিষ্ট্য. 256 00:12:50,950 --> 00:12:57,310 মূল্য 1963 নির্ধারিত হয় যা সাল, স্ট্রিং সংযুক্ত করা হয়, যা এবং মডেল, 257 00:12:57,310 --> 00:12:58,140 পোকা. 258 00:12:58,140 --> 00:13:01,770 >> আমি ব্যবহার করছি যে এখানে লক্ষ্য জাভাস্ক্রিপ্ট এর একক উদ্ধৃতি চিহ্ন. 259 00:13:01,770 --> 00:13:05,570 আপনি একক বা ডবল কোট ব্যবহার করতে পারেন যখন আপনি স্ট্রিং সম্পর্কে কথা বলার চেষ্টা করছি. 260 00:13:05,570 --> 00:13:07,772 এটা শুধু সাধারনত এর ক্ষেত্রে যে সবচেয়ে বার 261 00:13:07,772 --> 00:13:10,230 যখন আপনি জাভাস্ক্রিপ্ট লেখার, আপনি শুধু একক উদ্ধৃতি চিহ্ন ব্যবহার. 262 00:13:10,230 --> 00:13:15,050 কিন্তু আমি এখানে উদ্ধৃতি চিহ্ন ব্যবহার, এবং পারে যে পাশাপাশি পুরোপুরি জরিমানা হবে. 263 00:13:15,050 --> 00:13:17,470 >> সুতরাং কিভাবে আপনি স্মরণ পিএইচপি আমরা এই ধারণা ছিল 264 00:13:17,470 --> 00:13:22,730 আমাদের সম্ভব হবে যে প্রতিটি লুপ জন্য কী মান সব পুনরুক্তি 265 00:13:22,730 --> 00:13:25,270 একটি মিশুক এর জোড়া অ্যারে, আমরা কারণ 266 00:13:25,270 --> 00:13:29,050 পুনরুক্তি এই ক্ষমতা আছে কি না 0 মাধ্যমে, এক, দুই, তিন, চার, 267 00:13:29,050 --> 00:13:30,710 এবং তাই? 268 00:13:30,710 --> 00:13:35,010 জাভাস্ক্রিপ্ট, অনুরূপ কিছু আছে কিন্তু এটা, প্রতিটি লুপ জন্য একটি বলা না 269 00:13:35,010 --> 00:13:38,960 এটা লুপে জন্য বলা হচ্ছে. 270 00:13:38,960 --> 00:13:42,890 তাই আমি চাই আমাকে বললেন, তাহলে এই, বস্তুর মধ্যে Var কী জন্য, 271 00:13:42,890 --> 00:13:48,670 বলে যে ধরণের অনুরূপ কিছু যেমন প্রতিটি কিছু. 272 00:13:48,670 --> 00:13:53,850 কিন্তু আমি এখানে কি করছি সব iterating হয় আমার বস্তুর কি সব মাধ্যমে. 273 00:13:53,850 --> 00:13:56,070 এবং কোঁকড়া ভেতরে সেখানে ধনুর্বন্ধনী, আমি চাই 274 00:13:56,070 --> 00:14:03,410 পড়ুন বস্তুর বর্গাকার বন্ধনী কী ব্যবহার যে কী অবস্থানে মান. 275 00:14:03,410 --> 00:14:05,400 >> অন্যথা, আছে এমনকি অন্য পদ্ধতির. 276 00:14:05,400 --> 00:14:10,880 আমি শুধু মাত্র যত্নশীল মান, আমি বস্তুর কী বলতে পারে 277 00:14:10,880 --> 00:14:12,360 এবং শুধু ভিতরে কী ব্যবহার করুন. 278 00:14:12,360 --> 00:14:17,240 সুতরাং বস্তুর মধ্যে Var কী জন্য, আমি আছে বস্তুর বর্গাকার বন্ধনী ব্যবহার 279 00:14:17,240 --> 00:14:19,340 লুপের ভিতরে কী. 280 00:14:19,340 --> 00:14:24,580 বস্তুর Var কী জন্য, আমি যা করতে পারেন শুধু লুপের ভিতরে কী ব্যবহার, 281 00:14:24,580 --> 00:14:29,040 আমি বিশেষভাবে শুধুমাত্র নই, কারণ সেখানে মান সম্পর্কে কথা বলা. 282 00:14:29,040 --> 00:14:32,630 >> সুতরাং আসুন হয়তো একটি নিতে দিন পার্থক্য তাকান 283 00:14:32,630 --> 00:14:35,670 শুধু দ্রুত আপনাকে দেখাতে চার মধ্যে পার্থক্য 284 00:14:35,670 --> 00:14:40,730 একটি খুব নির্দিষ্ট সঙ্গে এবং জন্য আমরা এখানে আছে যা অ্যারে, সপ্তাহে অ্যারে. 285 00:14:40,730 --> 00:14:43,616 তাই আমি একটি নতুন অ্যারে এটি আছে আমি সাত স্ট্রিং ভরা যে, 286 00:14:43,616 --> 00:14:46,240 সোমবার মঙ্গলবার বুধবার, বৃহস্পতিবার, শুক্রবার, শনিবার, রবিবার. 287 00:14:46,240 --> 00:14:50,530 আর আমি এখন পুনরুক্তি করতে চান এই অ্যারে মাধ্যমে, 288 00:14:50,530 --> 00:14:53,090 নির্দিষ্ট তথ্য খুঁজে মুদ্রণ. 289 00:14:53,090 --> 00:14:58,780 আমি লুপ জন্য একটি ব্যবহার করা হলে তথ্য প্রিন্ট আউট, 290 00:14:58,780 --> 00:15:00,710 আপনি আমি পেতে যাচ্ছি কি মনে করেন? 291 00:15:00,710 --> 00:15:01,710 ওয়েল, এর কটাক্ষপাত করা যাক. 292 00:15:01,710 --> 00:15:05,300 এবং আমরা ওভার ঝাঁপ আগে আমার ব্রাউজার উইন্ডোতে, 293 00:15:05,300 --> 00:15:08,090 শুধু জানি যে console.log এক ধরণের 294 00:15:08,090 --> 00:15:10,630 জাভাস্ক্রিপ্ট একটি মুদ্রণ চ করছেন প্রণালী. 295 00:15:10,630 --> 00:15:12,040 কিন্তু কনসোল কি? 296 00:15:12,040 --> 00:15:14,940 ওয়েল, যে আমরা চলুন কি এই মুহূর্তে কটাক্ষপাত যেতে. 297 00:15:14,940 --> 00:15:16,850 >> ঠিক আছে, তাই আমরা এখানে ফিরে এসেছি আমার ব্রাইজার উইণ্ডোয়, 298 00:15:16,850 --> 00:15:19,410 এবং আমি খুলতে যাচ্ছি আমার বিকাশকারী সরঞ্জাম আপ. 299 00:15:19,410 --> 00:15:22,290 আবার, আমি শুধু F12 আঘাত করছি বিকাশকারী সরঞ্জাম খুলুন. 300 00:15:22,290 --> 00:15:25,670 আর এটাই এ লক্ষ্য শীর্ষ আমি কনসোল বাছাই করেছেন. 301 00:15:25,670 --> 00:15:28,480 তাই এই ধারণা একটি ডেভেলপার কনসোল, 302 00:15:28,480 --> 00:15:30,500 এবং এটা আমাদের অনুমতি দেবে তথ্য প্রিন্ট আউট 303 00:15:30,500 --> 00:15:33,000 সাজান টার্মিনাল মত, কিন্তু আপনি একটু পরে দেখতে পাবেন, 304 00:15:33,000 --> 00:15:37,720 আমরা এ তথ্য টাইপ করতে পারেন আমাদের ওয়েব পৃষ্ঠার সাথে যোগাযোগ করার জন্য. 305 00:15:37,720 --> 00:15:42,320 আমি এখানে একটি সামান্য বিট জুম করতে যাচ্ছি এবং আমি এখন পরীক্ষার জন্য ক্লিক করুন আছি. 306 00:15:42,320 --> 00:15:45,230 আর চার test-- মধ্যে দেবো না এই মুহূর্তে আপনি এটা জন্য কোড প্রদর্শন, 307 00:15:45,230 --> 00:15:47,479 কিন্তু আপনি এটা যদি কিনবো সোর্স কোড ডাউনলোড করে 308 00:15:47,479 --> 00:15:50,380 এই video-- সঙ্গে যুক্ত করা হয় শুধু যে লুপ জন্য 309 00:15:50,380 --> 00:15:52,610 আমরা দেখেছি যে শুধু একটি সেকেন্ড আগে স্লাইডে. 310 00:15:52,610 --> 00:15:54,810 >> তাই আমি ক্লিক আছি বাটন, এবং এখানে ওভার, 311 00:15:54,810 --> 00:15:58,440 এখানে প্রিন্ট আউট হয়েছে কি কনসোল, 0, এক, দুই, তিন, চার, পাঁচ, 312 00:15:58,440 --> 00:15:58,940 ছয়. 313 00:15:58,940 --> 00:16:02,490 আমি তথ্য প্রিন্ট আউট করা হয়নি যারা অ্যারে ভেতরে, 314 00:16:02,490 --> 00:16:05,180 আমি লুপ জন্য একটি করতো. 315 00:16:05,180 --> 00:16:10,670 এবং লুপ শরীরের ভিতর, আমি শুধু কী আপত্তি না কী প্রিন্ট আউট. 316 00:16:10,670 --> 00:16:18,600 কিন্তু আমি এখন আমার কনসোল পরিষ্কার, এবং আমি যদি টেস্টের জন্য সুইচ, এবং পরীক্ষা চার 317 00:16:18,600 --> 00:16:22,500 আমি লুপ জন্য ব্যবহার বলতে পরিবর্তে এবং কী প্রিন্ট আউট, 318 00:16:22,500 --> 00:16:28,079 আমি যে ক্লিক করুন, এখন আমি পেয়ে গেছি আমার বস্তুর ভিতরে প্রকৃত উপাদান 319 00:16:28,079 --> 00:16:29,120 বা এই ক্ষেত্রে আমার অ্যারে. 320 00:16:29,120 --> 00:16:31,760 সপ্তাহে দিনের আমার অ্যারে. 321 00:16:31,760 --> 00:16:33,480 আমি সোমবার প্রিন্ট আউট মঙ্গলবার বুধবার. 322 00:16:33,480 --> 00:16:36,930 সুতরাং যে পার্থক্য মাঝে একটি জন্য লুপ, যা কপি করে প্রিন্ট আউট 323 00:16:36,930 --> 00:16:43,410 আপনি শুধু কী ব্যবহার করেন শুধু কী লুপ শরীরের ভেতরে, 324 00:16:43,410 --> 00:16:46,850 এবং লুপ, যা প্রিন্ট জন্য মান আউট আপনি শুধু ব্যবহার করা হলে 325 00:16:46,850 --> 00:16:48,870 লুপ শরীরের ভিতরে কী. 326 00:16:48,870 --> 00:16:52,380 >> ঠিক আছে, এখন আমরা কিভাবে শুরু করবেন স্ট্রিং কনক্যাটেনেট এবং হয়তো তালগোল 327 00:16:52,380 --> 00:16:57,220 ক্ষেপক সাথে কিছু ভেরিয়েবল মত আমরা পিএইচপি করতে পেরেছি? 328 00:16:57,220 --> 00:16:59,410 ওয়েল, আমরা বেশ পরিচিত আছেন পিএইচপি থেকে এই সঙ্গে. 329 00:16:59,410 --> 00:17:04,109 এই আমরা ব্যবহার করতে হবে কিভাবে ডট অপারেটর স্ট্রিং কনক্যাটেনেট. 330 00:17:04,109 --> 00:17:06,260 জাভাস্ক্রিপ্টে, যদিও, আমরা আসলে কিছু ব্যবহার 331 00:17:06,260 --> 00:17:09,290 প্লাস অপারেটর, বলা যা এমনকি সামান্য বিট আরো হয় 332 00:17:09,290 --> 00:17:10,470 স্বজ্ঞাত, ডান? 333 00:17:10,470 --> 00:17:12,609 আমরা একটি গুচ্ছ যোগ করছি স্ট্রিং একসঙ্গে. 334 00:17:12,609 --> 00:17:14,520 সুতরাং আসুন ফিরে আগাইয়া যাক ওভার এবং তা এই দেখুন 335 00:17:14,520 --> 00:17:18,693 আমরা প্রিন্ট আউট করার চেষ্টা করছি প্রিন্ট হবে সপ্তাহে অ্যারের মধ্যে সমস্ত তথ্য. 336 00:17:18,693 --> 00:17:20,859 এখানে অধীনে তাই ঠিক আছে, স্ট্রিং সংযুক্তকরণের অধীনে, 337 00:17:20,859 --> 00:17:24,822 আমি দুটি অপশন আছে, স্ট্রিং ভবন V1 এবং তারপর স্ট্রিং বিল্ডিং V2. 338 00:17:24,822 --> 00:17:26,530 আর আমরা কেন দেখতে পাবেন একটি দ্বিতীয় মধ্যে V2 প্রয়োজন. 339 00:17:26,530 --> 00:17:28,610 কিন্তু, আমি তোমার উপর ক্লিক স্ট্রিং ভবন, V1, যা 340 00:17:28,610 --> 00:17:30,360 আমরা ছিলাম কোড শুধু কটাক্ষপাত গ্রহণ, 341 00:17:30,360 --> 00:17:32,980 কোনোটিতে লাফিয়ে উঠবে যাত্রী সব সঙ্গে console.log. 342 00:17:32,980 --> 00:17:35,910 এর এই প্রিন্ট তাহলে দেখা যাক আমরা আশা কি আউট. 343 00:17:35,910 --> 00:17:39,939 >> সোমবার, সপ্তাহের দিন সংখ্যা 01 হয় মঙ্গলবার সপ্তাহের দিন সংখ্যা 11. 344 00:17:39,939 --> 00:17:41,730 ওয়েল, আমি কি চেষ্টা ছিল পেতে ছিল না করতে 345 00:17:41,730 --> 00:17:46,280 সোমবার দিনের সংখ্যা প্রিন্ট আউট এক, মঙ্গলবার দিনের শ্লোগানে শ্লোগানে মুখরিত হয়. 346 00:17:46,280 --> 00:17:50,140 কিন্তু এটা আমি ভালো বলে মনে হয় সবসময় এক মুদ্রণ. 347 00:17:50,140 --> 00:17:51,260 ওয়েল, যে কেন হয়? 348 00:17:51,260 --> 00:17:55,600 ওয়েল, এটি সক্রিয় আউট, অন্য কটাক্ষপাত এখানে কোডের এই সামান্য স্নিপেট এ. 349 00:17:55,600 --> 00:18:00,160 আমরা প্লাস ব্যবহার করছেন যে লক্ষ্য করুন দুটি ভিন্ন প্রেক্ষিতে অপারেটর. 350 00:18:00,160 --> 00:18:03,221 >> আর তাই এখানে যেখানে হয়তো জিনিস আমরা ধরনের বলছে করছি যে, 351 00:18:03,221 --> 00:18:03,970 ওহ, এটা তাই মহান. 352 00:18:03,970 --> 00:18:05,910 আমরা আর তথ্য ধরনের সঙ্গে মোকাবিলা না. 353 00:18:05,910 --> 00:18:08,220 কিন্তু এখানে যেখানে সত্য আমরা ধরনের তথ্য হারাতে যে 354 00:18:08,220 --> 00:18:10,960 আসলে একটি বিট হতে পারে আমাদের জন্য একটি সমস্যার. 355 00:18:10,960 --> 00:18:16,260 এখন প্লাস অপারেটর ব্যবহার করা হয় যে স্ট্রিং কনক্যাটেনেট এবং সংখ্যার যোগ 356 00:18:16,260 --> 00:18:19,550 একসাথে, দয়া করে জাভাস্ক্রিপ্ট হয়েছে তার সেরা অনুমান করতে 357 00:18:19,550 --> 00:18:22,030 যত আমি এটা আমার জন্য কি করতে চান. 358 00:18:22,030 --> 00:18:23,900 এবং এই ক্ষেত্রে, এটা ভুল অনুমিত. 359 00:18:23,900 --> 00:18:29,340 এটা শুধু ঘনিভূত দিন, হতে হবে যা 0, এক, দুই, তিন, চার, পাঁচ, ছয় বা, 360 00:18:29,340 --> 00:18:32,060 এবং তারপর এটি শুধু ঘনিভূত যে এবং তারপর এক ঘনিভূত. 361 00:18:32,060 --> 00:18:35,020 এটা আসলে তাদের একসঙ্গে যোগ করা হয়নি. 362 00:18:35,020 --> 00:18:37,320 আর তাই এই ভাষায়, পিএইচপি এবং জাভাস্ক্রিপ্ট, 363 00:18:37,320 --> 00:18:39,196 যে দূরে বিমূর্ত ধরনের এই ধারণা, 364 00:18:39,196 --> 00:18:40,820 আপনি আর তা মোকাবেলা করতে হবে না. 365 00:18:40,820 --> 00:18:43,600 তারা এখনও ফণা অধীন ধরনের আছে. 366 00:18:43,600 --> 00:18:46,780 আর আমরা যা করতে পারেন, পরিস্থিতিতে এই মত, যে লিভারেজ 367 00:18:46,780 --> 00:18:49,240 কিছু বলার অপেক্ষা রাখে না হয়তো এই, মত যা 368 00:18:49,240 --> 00:18:53,210 দ্বারা দয়া করে জাভাস্ক্রিপ্ট কহন হয় পথ, একটি পূর্ণসংখ্যা হিসাবে এই আচরণ, 369 00:18:53,210 --> 00:18:57,100 এমনকি, একটি স্ট্রিং হিসেবে বিবেচনা না যদিও আমরা একসঙ্গে স্ট্রিং মিশ করছি 370 00:18:57,100 --> 00:18:58,940 এখানে এবং ইন্টিজার. 371 00:18:58,940 --> 00:19:02,204 >> ঠিক ঐ জিনিস এক এটা প্রেক্ষাপটে তাই মহান মনে করে 372 00:19:02,204 --> 00:19:04,120 আমরা করতে হবে না যে আর ধরনের মোকাবেলা, 373 00:19:04,120 --> 00:19:05,828 কিন্তু কখনও কখনও আপনি পাবেন একটি পরিস্থিতির মধ্যে চালানো 374 00:19:05,828 --> 00:19:09,110 ঠিক এই মত যেখানে আসলে যে আপনি ধরনের উপর নিয়ন্ত্রণ নেই 375 00:19:09,110 --> 00:19:11,220 আপনি দশারই পারেন আপনি সতর্ক না থাকেন. 376 00:19:11,220 --> 00:19:18,285 আমরা আইডিই উপর ফিরে পপ যদি তাই, আমি আছি আবার আমার কনসোল পরিষ্কৃত যাচ্ছে, 377 00:19:18,285 --> 00:19:20,660 এবং আমি স্ট্রিং ক্লিক যাচ্ছি বিল্ডিং সংস্করণ দুটি, যা 378 00:19:20,660 --> 00:19:23,052 আমি যে কোন int পারসে ফাংশন ব্যবহার কোথায়. 379 00:19:23,052 --> 00:19:25,260 এখন এটা খুঁজে মুদ্রণ আমি আশা করছি যে তথ্য. 380 00:19:25,260 --> 00:19:29,330 সোমবার ডে এক নম্বর, মঙ্গলবার তাই প্রতিদিন দুই নম্বর, এবং হয়. 381 00:19:29,330 --> 00:19:31,170 >> সুতরাং আসুন আবার ফাংশন সম্পর্কে কথা বলা যাক. 382 00:19:31,170 --> 00:19:34,790 আমি মনে করি আমরা বেনামী সম্পর্কে কথা বলতে হবে প্রতিশ্রুতি ফাংশন, এবং যে জন্য এখন প্রসঙ্গের 383 00:19:34,790 --> 00:19:36,360 অবশেষে এসেছে. 384 00:19:36,360 --> 00:19:39,980 আমরা তাই না তাই আগে, আমি কি আবার কথা বলা যাক শুধু এই একটি দ্বিতীয় জন্য অ্যারে সম্পর্কে. 385 00:19:39,980 --> 00:19:42,120 সুতরাং অ্যারে একটি বিশেষ একটি বস্তুর ক্ষেত্রে. 386 00:19:42,120 --> 00:19:45,180 বস্তুত, সবকিছুতেই জাভাস্ক্রিপ্ট আসলে একটি বস্তু. 387 00:19:45,180 --> 00:19:47,190 সুতরাং ফাংশন হয় একটি একটি বস্তুর বিশেষ ক্ষেত্রে, 388 00:19:47,190 --> 00:19:49,770 পূর্ণসংখ্যার একটি বিশেষ একটি বস্তুর ক্ষেত্রে, 389 00:19:49,770 --> 00:19:52,152 কিন্তু অ্যারে বিশেষভাবে পদ্ধতির একটি সংখ্যা আছে. 390 00:19:52,152 --> 00:19:55,110 তারা বস্তু কারণ মনে রাখবেন, তারা বৈশিষ্ট্য ও পদ্ধতি থাকতে পারে. 391 00:19:55,110 --> 00:19:58,600 তারা পদ্ধতির একটি সংখ্যা আছে ঐ বস্তু প্রয়োগ করা যেতে পারে. 392 00:19:58,600 --> 00:20:01,197 নামে একটি পদ্ধতি রয়েছে আকার, array.size, 393 00:20:01,197 --> 00:20:03,030 যা ফিরে আসতে হবে আপনি আশা করতে পারে হিসাবে 394 00:20:03,030 --> 00:20:05,120 আপনার অ্যারের মধ্যে উপাদানের সংখ্যা. 395 00:20:05,120 --> 00:20:08,480 array.pop, সাজানোর মত বন্ধ পপিং আমাদের ধারণা 396 00:20:08,480 --> 00:20:11,110 একটি স্ট্যাকের, আপনার যদি মনে থাকে আমাদের stacks এর ভিডিও থেকে, 397 00:20:11,110 --> 00:20:13,810 অ্যারে থেকে শেষ উপাদান সরিয়ে ফেলা হয়. 398 00:20:13,810 --> 00:20:17,110 array.push একটি নতুন উপাদান যোগ করে একটি অ্যারের শেষে. 399 00:20:17,110 --> 00:20:20,910 array.shift ধরণের হয় DQ মত, এটি splices 400 00:20:20,910 --> 00:20:23,610 একটি অ্যারের প্রথম উপাদান. 401 00:20:23,610 --> 00:20:27,549 >> কিন্তু অন্য বিশেষ আছে একটি অ্যারের পদ্ধতি মানচিত্র বলা. 402 00:20:27,549 --> 00:20:29,340 আর এই একটি সাজানোর আকর্ষণীয় ধারণা. 403 00:20:29,340 --> 00:20:30,930 তাই একটি মানচিত্রের ধারণা কি? 404 00:20:30,930 --> 00:20:33,880 আপনি আসলে এই দেখতে পাবেন বিভিন্ন অন্য ভাষায়, 405 00:20:33,880 --> 00:20:38,550 এবং আমরা একটি বিষয়ে কথা বলছি না মানচিত্রকারদেরদ্বারা সাজানোর, এখানে ম্যাপ 406 00:20:38,550 --> 00:20:41,480 আমরা একটি ম্যাপিং ফাংশন সম্পর্কে কথা বলার চেষ্টা করছি. 407 00:20:41,480 --> 00:20:44,110 পরিপ্রেক্ষিতে আমরা আছেন এখানে কথা বলা, একটি মানচিত্র 408 00:20:44,110 --> 00:20:47,950 একটি বিশেষ অপারেশন আমরা হয় একটি শৃঙ্খলার সম্পাদন করতে পারবেন 409 00:20:47,950 --> 00:20:51,630 একটি নির্দিষ্ট ফাংশন প্রয়োগ করে যে অ্যারের প্রতিটি উপাদান. 410 00:20:51,630 --> 00:20:55,190 এবং তাই আমরা বলতে হবে এই ক্ষেত্রে, হয়তো, array.map 411 00:20:55,190 --> 00:21:00,330 এবং এটি ভেতরে, আমরা পার করছি মানচিত্রের মধ্যে আমরা চাই যে একটি ফাংশন 412 00:21:00,330 --> 00:21:02,430 প্রতি একক উপাদান প্রয়োগ করা. 413 00:21:02,430 --> 00:21:07,299 তাই এটি ব্যবহার করার জন্য সাজানোর এর অনুরূপ একটি লুপ প্রতিটি উপাদান পুনরুক্তি 414 00:21:07,299 --> 00:21:09,340 এবং একটি নির্দিষ্ট আবেদন প্রতিটি উপাদান কাজ, 415 00:21:09,340 --> 00:21:14,830 শুধু দয়া করে জাভাস্ক্রিপ্ট এই মধ্যে নির্মিত হয়েছে প্রয়োগ করা যেতে পারে যে একটি ম্যাপিং ধারণা. 416 00:21:14,830 --> 00:21:19,700 আর এই একটি দুর্দান্ত প্রেক্ষাপটে হয় একটি বেনামী ফাংশন সম্পর্কে কথা বলতে. 417 00:21:19,700 --> 00:21:22,370 >> সুতরাং আসুন আমরা আছে বলা যাক পূর্ণসংখ্যার এই অ্যারে. 418 00:21:22,370 --> 00:21:25,370 এটা nums বলা হচ্ছে, এবং এটি পাঁচটি পেয়েছিলাম এটা অনেক কিছু, এক, দুই, তিন, চার, 419 00:21:25,370 --> 00:21:26,410 পাঁচটি. 420 00:21:26,410 --> 00:21:30,620 এখন আমি কি কিছু মানচিত্র চাই এই অ্যারের ফাংশন. 421 00:21:30,620 --> 00:21:34,337 আমি একটি ফাংশন প্রয়োগ করাতে চাই অ্যারের প্রতিটি উপাদান. 422 00:21:34,337 --> 00:21:37,420 ওয়েল, আমি চাই কি যে বলা যাক শুধু উপাদানের সমস্ত দ্বিগুণ না. 423 00:21:37,420 --> 00:21:42,520 আমি শুধু একটি লুপ ব্যবহার করা হয় কাজ করতে পারে কি Var আমি 0 সমান জন্য, আমি চেয়ে কম হয় 424 00:21:42,520 --> 00:21:47,390 অথবা সমান 4, আমি প্লাস, প্লাস, এবং তারপর প্রতি একক সংখ্যা দ্বিগুণ. 425 00:21:47,390 --> 00:21:49,580 কিন্তু আমি ভালো কিছু করতে পারেন. 426 00:21:49,580 --> 00:21:53,420 আমি nums পূর্বে ছিল বলতে পারেন এক দুই তিন চার পাঁচ, 427 00:21:53,420 --> 00:21:58,310 এখন যদিও, আমি আপনাকে চাই এই অ্যারে সম্মুখের একটি ম্যাপিং আবেদন 428 00:21:58,310 --> 00:22:00,400 আমি আপনাকে চাই যেখানে ভাষার সংখ্যা দ্বিগুণ করার. 429 00:22:00,400 --> 00:22:02,540 এবং যে ঠিক এখানে কি হচ্ছে. 430 00:22:02,540 --> 00:22:06,870 কিন্তু আমি পার করছি তা লক্ষ্য যুক্তি ম্যাপ হিসেবে. 431 00:22:06,870 --> 00:22:09,080 এটি একটি বেনামী ফাংশন. 432 00:22:09,080 --> 00:22:11,140 আর আমি না দেওয়া আছে বিজ্ঞপ্তি এই ফাংশন একটি নাম, 433 00:22:11,140 --> 00:22:13,290 আমি শুধুমাত্র এটি একটি পরামিতি তালিকা দিয়েছি. 434 00:22:13,290 --> 00:22:16,370 আর তাই এই একটি উদাহরণ একটি বেনামী ফাংশন. 435 00:22:16,370 --> 00:22:21,270 >> আমরা সাধারণত এই কল না করে মানচিত্র প্রসঙ্গের বাইরে ফাংশন. 436 00:22:21,270 --> 00:22:24,110 আমরা একটি প্যারামিটার হিসেবে তা নির্ধারণ করছেন ম্যাপ, এবং তাই আমরা সত্যিই না করতে 437 00:22:24,110 --> 00:22:27,910 তাহলে এটা আপনার জন্য একটি নাম আছে প্রয়োজন বজায় রাখে শুধু যে মানচিত্র 438 00:22:27,910 --> 00:22:30,339 এবং এটা সঠিক সংজ্ঞায়িত সেখানে ম্যাপ ভেতরে. 439 00:22:30,339 --> 00:22:31,880 আর তাই এই একটি বেনামী ফাংশন. 440 00:22:31,880 --> 00:22:34,680 আমরা সক্ষম হয়েছে না পূর্বে এই কাজ করতে. 441 00:22:34,680 --> 00:22:38,400 কিছু ফাংশন ম্যাপ , NUM, একটি প্যারামিটার গ্রহণ 442 00:22:38,400 --> 00:22:41,890 এবং যে ফাংশন কী আয় বার 2 NUM হয়. 443 00:22:41,890 --> 00:22:45,330 আর তাই এই পর ম্যাপিং প্রয়োগ করা হয়েছে, 444 00:22:45,330 --> 00:22:50,090 এই এখন কি nums রূপ হয় মত, দুই, চার, ছয়, আট, 10. 445 00:22:50,090 --> 00:22:52,090 আর আমরা উপর পপ করব আমার ব্রাউজার উইন্ডো এবং শুধু 446 00:22:52,090 --> 00:22:55,240 এক নজর দেখে নাও সত্যিই দ্রুত হিসাবে ভাল. 447 00:22:55,240 --> 00:22:58,000 >> তাই আমি এখানে অন্য বাটন আছে আমার হোম পেজ এ ডবল বলা. 448 00:22:58,000 --> 00:23:03,570 এবং আমি ডবল ক্লিক করুন এবং এটা বলে যখন আমার এটা ছিল আগে, দুই, তিন, চার, 449 00:23:03,570 --> 00:23:07,250 পাঁচটি দুই, চার, ছয়, আট, 10 পর. 450 00:23:07,250 --> 00:23:11,930 এবং আমি ফিরে যান এবং যদি ডবল ক্লিক আবার, দুই, চার, ছয়, আট, 10. 451 00:23:11,930 --> 00:23:17,400 এবং তারপর পরে, চার, আট, 12, 16, এবং তারপর 20. 452 00:23:17,400 --> 00:23:20,440 আর আমি এই ফাংশন কি করছি? 453 00:23:20,440 --> 00:23:25,210 ওয়েল, আমরা শুধু আইডিই উপর পপ, এবং যদি আমি এখানে, আমার বেনামী ফাংশন টান আপ 454 00:23:25,210 --> 00:23:28,780 13 মাধ্যমে লাইন সাত উপর, আমি আছি এখানে একটি সামান্য বিট অভিনব কাজ করছেন, 455 00:23:28,780 --> 00:23:32,240 কিন্তু আমি শুধু প্রিন্ট আউট করছি কি অ্যারের মধ্যে বর্তমানে. 456 00:23:32,240 --> 00:23:36,580 তারপর লাইন 16, 17, এবং 18, আমার মানচিত্র আছে. 457 00:23:36,580 --> 00:23:40,930 আমি এই দ্বিগুনের আবেদন করছি এই যেখানে প্রতি একক উপাদান ফাংশন. 458 00:23:40,930 --> 00:23:43,530 এবং তারপর আরও একটু নিচে, আমি ঠিক একই জিনিস করছি 459 00:23:43,530 --> 00:23:46,640 আমি এখন আমি ছাড়া, আগে এরকম ছিল অ্যারের বিষয়বস্তু মুদ্রণ 460 00:23:46,640 --> 00:23:48,167 পরে. 461 00:23:48,167 --> 00:23:50,500 কিন্তু আমি এখানে সম্পন্ন করেছি সব হয় শুধু একটি বেনামী ফাংশন ব্যবহার 462 00:23:50,500 --> 00:23:53,640 একটি সম্পূর্ণ অ্যারে জুড়ে ম্যাপ. 463 00:23:53,640 --> 00:23:58,466 >> তাই আরও একটি বড় বিষয় এ বিষয়ে কথা বলার জন্য জাভাস্ক্রিপ্ট একটি ইভেন্ট এর ধারণা হয়. 464 00:23:58,466 --> 00:24:01,590 একটি ঘটনা শুধু যে এরকম কিছু হয় একজন ব্যবহারকারী আপনার ওয়েব সাথে মিথস্ক্রিয়া যখন 465 00:24:01,590 --> 00:24:04,715 পাতা, তাই হয়তো তারা কিছু ক্লিক করুন, হয়তো বা পৃষ্ঠা, লোডিং সমাপ্ত করা হয় 466 00:24:04,715 --> 00:24:07,200 হয়তো বা তারা সরিয়েছেন কিছু ওভার তাদের মাউস, 467 00:24:07,200 --> 00:24:09,290 বা তারা কিছু টাইপ করেছি একটি ইনপুট ক্ষেত্রে. 468 00:24:09,290 --> 00:24:14,260 এই সমস্ত জিনিস ঘটনা আমাদের ওয়েব পেজে ঘটছে. 469 00:24:14,260 --> 00:24:17,460 আর দয়া করে জাভাস্ক্রিপ্ট হয়েছে সামর্থ্য কিছু সমর্থন 470 00:24:17,460 --> 00:24:21,760 একটি ইভেন্ট হ্যান্ডলার সঠিক নয়, বলা যা একটি কলব্যাক ফাংশন যে 471 00:24:21,760 --> 00:24:23,329 একটি HTML ইভেন্ট সাড়া. 472 00:24:23,329 --> 00:24:24,620 এবং একটা কলব্যাক ফাংশন কি? 473 00:24:24,620 --> 00:24:27,328 ওয়েল, এটা সাধারণত শুধু আরেকটি এর একটি বেনামী ফাংশন জন্য নাম. 474 00:24:27,328 --> 00:24:30,170 এটি একটি ফাংশন যে একটি ঘটনা থেকে সাড়া. 475 00:24:30,170 --> 00:24:34,130 আমরা আসা এবং এই হল যেখানে নির্দিষ্ট ফাংশন বাঁধাই ধারণা 476 00:24:34,130 --> 00:24:38,060 একটি নির্দিষ্ট এইচটিএমএল অ্যাট্রিবিউট. 477 00:24:38,060 --> 00:24:41,420 সর্বাধিক এইচটিএমএল উপাদান আছে একটি বৈশিষ্ট্য জন্য সমর্থন 478 00:24:41,420 --> 00:24:45,170 আমরা HTML এ বিষয়ে কথা বলতে না যে ক্লিক করলে ভালো কিছু করার জন্য ভিডিও 479 00:24:45,170 --> 00:24:50,540 অথবা উপর কার্সার রেখে দেখুন অথবা লোড, এই ঘটনা সব 480 00:24:50,540 --> 00:24:53,120 তারপর আপনি ফাংশন লিখতে পারেন যে ঐ ঘটনা নিয়ে যে চুক্তি 481 00:24:53,120 --> 00:24:56,090 যখন ঐ ঘটনা আপনার ওয়েব পেজে ঘটতে. 482 00:24:56,090 --> 00:24:59,170 >> আর তাই হয়তো আপনার এইচটিএমএল ভালো কিছু দেখায়. 483 00:24:59,170 --> 00:25:02,240 আর আমি এখানে দুটি বাটন আছে, বাটন এবং বাটন দুটি, 484 00:25:02,240 --> 00:25:04,620 এবং এখানে আমি বর্তমানে আছে সংজ্ঞায়িত কিছুই, 485 00:25:04,620 --> 00:25:11,170 কিন্তু এই যেখানে অ্যাট্রিবিউট উপর ক্লিক দৃশ্যত আমার এইচটিএমএল ট্যাগ অংশ. 486 00:25:11,170 --> 00:25:15,220 সুতরাং দৃশ্যত আমি কি নির্ধারণ করা হলে যে অ্যাট্রিবিউট ভেতরে যাওয়া, 487 00:25:15,220 --> 00:25:18,590 এটা কিছু জাভাস্ক্রিপ্ট হতে যাচ্ছে ইভেন্ট যে সাড়া ফাংশন 488 00:25:18,590 --> 00:25:24,360 সম্ভবতঃ এ ক্লিক এর বাটন এক বা বাটন দুটি. 489 00:25:24,360 --> 00:25:28,580 >> কী ধরনের শীতল এই আমরা হয় সম্পর্কে একটি জেনেরিক ইভেন্ট হ্যান্ডলার লিখতে পারেন. 490 00:25:28,580 --> 00:25:32,370 আর এই ইভেন্ট হ্যান্ডলার হবে একটি ইভেন্ট বস্তু তৈরি. 491 00:25:32,370 --> 00:25:37,000 আর ইভেন্ট বস্তুর আমাদের জানাতে হবে দুটি বোতাম যা ছিল ক্লিক. 492 00:25:37,000 --> 00:25:38,064 এখন কিভাবে যে কাজ করে? 493 00:25:38,064 --> 00:25:39,730 ওয়েল, এটা ভালো কিছু চেহারা হতে পারে. 494 00:25:39,730 --> 00:25:44,860 সুতরাং আমরা আমাদের প্রথম বোতাম নির্ধারণ করবে কলব্যাক করার জন্য একটি প্রতিক্রিয়া আছে 495 00:25:44,860 --> 00:25:47,470 বলা হবে যে ফাংশন বাটন ক্লিক করা হলে, 496 00:25:47,470 --> 00:25:49,520 আমরা ইভেন্ট সতর্কতা নাম ডাকবো. 497 00:25:49,520 --> 00:25:53,320 এবং আমরা উভয় ক্ষেত্রেই লক্ষ্য এই ইভেন্ট পরামিতি কথা প্রসঙ্গে. 498 00:25:53,320 --> 00:25:55,460 সুতরাং আমরা এই ফাংশন কল অথবা যখন এই ফাংশন 499 00:25:55,460 --> 00:26:00,330 ঘটছে ইভেন্ট দ্বারা আলোড়ন সৃষ্টি হয়, এটা এই ইভেন্ট বস্তু তৈরি করতে যাচ্ছে 500 00:26:00,330 --> 00:26:03,300 এবং একটি হিসাবে এটি পাস পরামিতি নাম সতর্ক. 501 00:26:03,300 --> 00:26:07,270 আর যে ঘটনা বস্তু তথ্য ধারণ করতে যাচ্ছে 502 00:26:07,270 --> 00:26:09,800 যা সম্পর্কে বাটন ক্লিক করা. 503 00:26:09,800 --> 00:26:11,580 এবং কিভাবে এটা যে কি করে? 504 00:26:11,580 --> 00:26:13,654 ওয়েল, এটা ভালো কিছু চেহারা হতে পারে. 505 00:26:13,654 --> 00:26:15,570 তাই এখন আমার পৃথক জাভাস্ক্রিপ্ট ফাইল, আমি বল 506 00:26:15,570 --> 00:26:17,420 এই খুঁজে বের করতে হবে ফাংশন সতর্কতা নাম, যা 507 00:26:17,420 --> 00:26:19,500 আবার যে ইভেন্ট পরামিতি গ্রহণ করে. 508 00:26:19,500 --> 00:26:24,640 আমি সনাক্ত করছি এবং তারপর যেখানে এখানে যা বোতাম সূত্রপাত হয়, 509 00:26:24,640 --> 00:26:28,100 Var ট্রিগার ইভেন্ট সমান বিন্দু উৎস উপাদান. 510 00:26:28,100 --> 00:26:33,150 তৈরি যে উৎস কী ছিল প্রেরণ করা হত যে এই ইভেন্ট বস্তুর? 511 00:26:33,150 --> 00:26:36,390 এটা বাটন ছিল এক বা এটা বাটন দুটি ছিল? 512 00:26:36,390 --> 00:26:40,710 >> এবং তারপর এখানে আমি করছি সব হয় trigger.innerhtml মুদ্রণ. 513 00:26:40,710 --> 00:26:43,860 ওয়েল, এই ক্ষেত্রে, এই মধ্যে কনটেক্সট, trigger.innerhtml 514 00:26:43,860 --> 00:26:45,940 বাটনে লেখা হয় ঠিক কি না. 515 00:26:45,940 --> 00:26:48,830 আমরা ঝাঁপ যদি এটা যাতে ঘটবে ফিরে একটি দ্বিতীয় জন্য, যে would 516 00:26:48,830 --> 00:26:51,670 ঐ বাটন ট্যাগ মধ্যে কি হতে. 517 00:26:51,670 --> 00:26:54,150 এটা বাটন এক বা বাটন দুটি হতে হবে. 518 00:26:54,150 --> 00:26:57,320 আর এর কটাক্ষপাত করা যাক কিভাবে এই ইভেন্ট হ্যান্ডলার would 519 00:26:57,320 --> 00:27:01,080 আমরা তা বাস্তবে চলমান ছিল যদি চেহারা. 520 00:27:01,080 --> 00:27:03,850 >> সুতরাং প্রথম সব, আপনি করেছি আপ খোলা events.js, 521 00:27:03,850 --> 00:27:06,517 জাভাস্ক্রিপ্ট ফাইল যেখানে যা হয় আমি এই ফাংশন পূর্বনির্ধারণ করে থাকেন. 522 00:27:06,517 --> 00:27:08,558 হিসাবে আপনি দেখতে পারেন, এটা কী প্রায় কাছাকাছি ঠিক কি 523 00:27:08,558 --> 00:27:10,230 আমরা শুধু এই একটি দ্বিতীয় আগে স্লাইডে দেখেছি. 524 00:27:10,230 --> 00:27:14,890 আর আমি সফরে যাবে আমরা ব্যবহার করে থাকেন হোম পেজে. 525 00:27:14,890 --> 00:27:17,660 আর আমি বাটন এখানে আছে এক এবং বাটন দুটি. 526 00:27:17,660 --> 00:27:19,820 আর আমি বাটন এক ক্লিক করব. 527 00:27:19,820 --> 00:27:23,930 আপনি যদি আপনি, বাটন এক ক্লিক এখানে ডান সতর্কতা দেখতে পারেন. 528 00:27:23,930 --> 00:27:25,810 ঠিক আছে. 529 00:27:25,810 --> 00:27:28,980 , বাটন দুটি উপর আপনি ক্লিক একটি বাটন দুটি ক্লিক করেছেন. 530 00:27:28,980 --> 00:27:32,150 >> সুতরাং উভয় বোতাম আছে একই ফাংশন কল, ডান? 531 00:27:32,150 --> 00:27:35,840 তারা উভয় সতর্কতা নাম ছিল ইভেন্ট, কিন্তু এই ঘটনা বস্তু 532 00:27:35,840 --> 00:27:41,900 আমরা এ ক্লিক করলে যে তৈরি পরার এটি ক্লিক করা হয়, যা বাটন আমাদেরকে বলে. 533 00:27:41,900 --> 00:27:44,650 আমরা পৃথক দুটি লিখতে হবে না থাকার সাথে ফাংশন বা চুক্তি 534 00:27:44,650 --> 00:27:46,470 কোন অতিরিক্ত তথ্য পাস. 535 00:27:46,470 --> 00:27:48,220 আমরা শুধু উপর নির্ভর করছি কি দয়া করে জাভাস্ক্রিপ্ট হবে 536 00:27:48,220 --> 00:27:53,772 যে তৈরি হয়, যা আমাদের জন্য না আমাদের পক্ষ থেকে ইভেন্ট বস্তুর সাজান. 537 00:27:53,772 --> 00:27:56,730 বেশী করে জাভাস্ক্রিপ্ট করতে আরো অনেক আছে আমরা এই ভিডিওতে আবৃত করেছি, 538 00:27:56,730 --> 00:27:58,521 কিন্তু হচ্ছে এই আপনি পাওয়া উচিত মৌলিক 539 00:27:58,521 --> 00:28:00,690 বেশ দীর্ঘ উপায়ে করতে আপনি সবকিছু পাবেন শেখার 540 00:28:00,690 --> 00:28:04,030 এই সম্পর্কে জানা প্রয়োজন আকর্ষণীয় ভাষা. 541 00:28:04,030 --> 00:28:05,000 আমি ডগ লয়েড আছি. 542 00:28:05,000 --> 00:28:07,010 এটি CS50. 543 00:28:07,010 --> 00:28:09,181