[সঙ্গীত বাজাচ্ছি] 

ডগ লয়েড: এখন করে তাই আমরা পুরানো আছেন ওয়েব প্রোগ্রামিং এ অনুকূল, ডান? আর আমরা তা করেছি কয়েক আবৃত করেছি পৃথক ভিডিও প্রত্যেক. এবং এখন এর আরও একটি, দয়া করে জাভাস্ক্রিপ্ট না দেওয়া. 

প্রথম ভালো খবর, দয়া করে জাভাস্ক্রিপ্ট একটি আধুনিক প্রোগ্রামিং হয় যার পিএইচপি মত অনেক ভাষা সিনট্যাক্স, সি থেকে প্রাপ্ত করা হয় তাই যে শুরু করার একটি ভাল জায়গা. এটা, সেইসাথে, পিএইচপি যত পুরাতন সম্পর্কে প্রায় 20 বছর প্রায় হয়ে যাবার. এটা প্রায় আবিষ্কৃত হয় পিএইচপি হিসাবে একই সময়. আর দয়া করে জাভাস্ক্রিপ্ট বেশ আসলে ব্যবহারকারীর অভিজ্ঞতা মৌলিক ওয়েবের. আসলে, আছে তিনটি ভাষায় যে আমি আপ করতে সাজানোর বলতে হবে আলাপচারিতার ব্যবহারকারীর অভিজ্ঞতা ওয়েবসাইটের সাথে, এইচটিএমএল, সিএসএস, জাভাস্ক্রিপ্ট এবং. আর তাই এখন আমি কি একটি কথা বলা যাক জাভাস্ক্রিপ্ট সম্পর্কে সামান্য বিট. 

খারাপ খবর, যদিও, সাথে করে জাভাস্ক্রিপ্ট হয় এটা নিজেই জন্য নিয়ম অনেক সেট করে, এবং তারপর এটা তাদের বিরতি. আর দয়া করে জাভাস্ক্রিপ্ট আসলে হতে পারে ধরনের জানার জন্য চ্যালেঞ্জিং, এটা সি ভিন্ন, কারণ এবং খুব গঠিত হয় যা পিএইচপি, এবং খুব কঠোর নিয়ম আছে কিছু কাজ করতে পারেন জন্য. জাভাস্ক্রিপ্ট ধরনের আছে তাই নমনীয় অর্জিত যে হয়তো কিছু করা যাচ্ছে না আমরা তাদের আশা ভাবে কাজ এবং হয়তো আমরা সত্যিই শিখতে পারবেন না আমাদের প্রথম প্রোগ্রামিং ভাষা একটি জাভাস্ক্রিপ্ট হিসাবে. তাই হয়ত এটা না, কারণ নিজেই যে কোন নিয়ম সেট, এবং এটি সত্যিই না ভাল কোডিং অভ্যাস জোরদার. কিন্তু এখন আমরা আশা উন্নত করেছি কিছু ভাল কোডিং অভ্যাস, এবং তাই আমরা হানা শুরু করতে পারেন জাভাস্ক্রিপ্ট একটি সামান্য বিট. 

খোলার অনুরূপ জাভাস্ক্রিপ্ট লিখতে একটি বিন্দু গ এক্সটেনশন সহ সি ফাইল আপ বা ডট পিএইচপি এক্সটেনশন সঙ্গে একটি পিএইচপি ফাইল, আমরা যা করতে হবে সব একটি ফাইল খুলুন ডট JS ফাইল এক্সটেনশন সঙ্গে. আমরা কোন বিশেষ আছে প্রয়োজন হবে না আমরা মত বিভেদক পিএইচপি করেছিল. কোণ যে সাজানোর বন্ধনী প্রশ্ন চিহ্ন পিএইচপি আমরা যে থেকে, ভাবে ব্যবহার করছি যে আমরা কি যে আমরা আমাদের ব্রাউজার বলুন জাভাস্ক্রিপ্ট সহ দ্বারা হয় একটি HTML ট্যাগের এটা, এবং আমরা সম্পর্কে অল্প দেখতে পাবেন কিভাবে মাত্র কয়েক মিনিটের মধ্যে তা করতে. 

করে অন্য একটি জিনিস বিভিন্ন জাভাস্ক্রিপ্ট, যদিও, এটা ক্লায়েন্ট সাইড সঞ্চালিত হয়. তাই পিএইচপি সঙ্গে স্মরণ করছি যে আমরা সত্যিই দেখতে না পারে একটি ওয়েবসাইট আন্ডারলাইন যে পিএইচপি. আমরা কখনও দেখা হলে পাতা উৎস, আমরা শুধুমাত্র would ছিল যে এইচটিএমএল দেখতে যে পিএইচপি দ্বারা উত্পন্ন. কিন্তু দয়া করে জাভাস্ক্রিপ্ট ক্লায়েন্ট সাইড রান. আপনার জাভাস্ক্রিপ্ট আপনার কম্পিউটারে রান. আপনি কি করতে পারেন যে কেন কিছু ব্লকার যোগ করতে চান. রাইট? বিজ্ঞাপনকে ব্লক সাধারণত দ্বারা সম্পন্ন করা হয় জাভাস্ক্রিপ্ট সব হত্যা যে একটি নির্দিষ্ট ওয়েবসাইটে চলমান. আর এটা করতে হবে, কারণ আপনার মেশিন ক্লায়েন্ট সাইড চালানো, আপনি ঠিক করতে পারবে সম্পূর্ণরূপে চলমান জন্য দয়া করে জাভাস্ক্রিপ্ট. যে আপনি ব্যবহার মানে যখন জাভাস্ক্রিপ্ট রয়েছে একটি ওয়েবসাইট, আপনি দয়া করে জাভাস্ক্রিপ্ট উৎস পাঠাতে হবে আপনার HTTP প্রতিক্রিয়া অংশ হিসাবে কোড ক্লায়েন্টের সাথে তারা এটা অনুরোধ. আর তাই আপনি না পারে জাভাস্ক্রিপ্ট ব্যবহার করতে চান সত্যিই সংবেদনশীল কিছু করার ক্ষণস্থায়ী তথ্য মত ব্যবহারকারীদের পাসওয়ার্ডগুলি ফিরে সম্পর্কে এবং ঘোষণা, কারণ তারা আসলে করছি সোর্স কোড সব গ্রহণ করতে যাচ্ছে, উৎপন্ন হয় যে শুধু এইচটিএমএল, যেমন বলে পিএইচপি সঙ্গে মামলা হতে হবে. 

তাই কত না আমরা জাভাস্ক্রিপ্ট অন্তর্ভুক্ত আমাদের HTML এ দিয়ে শুরু করতে? সিএসএস অনুরূপ, ভাল, আসলে, আমরা এখানে কিভাবে এটা করবেন সাজান. CSS এর সঙ্গে আমরা শৈলী ট্যাগ আছে. আর যারা শৈলী ট্যাগ এর ভিতরে, আমরা একটি CSS স্টাইল শীট নির্ধারণ করতে পারবেন. একইভাবে দয়া করে জাভাস্ক্রিপ্ট সঙ্গে আমরা স্ক্রিপ্ট ট্যাগ পর্যন্ত খুলতে পারে, অন্য একটি HTML ট্যাগ আমরা না আমাদের এইচটিএমএল ভিডিও সম্পর্কে কথা বলতে, এবং দয়া করে জাভাস্ক্রিপ্ট লিখুন যারা স্ক্রিপ্ট ট্যাগ মধ্যে. যদিও, মত সিএসএস, আমরা সিএসএস ফাইল বাইরে এ লিঙ্ক করতে পারে এবং আমাদের প্রোগ্রাম যে ভাবে সেগুলি টান. CSS এর সঙ্গে আমরা এটিও করতে পারেন, জাভাস্ক্রিপ্ট দিয়ে, ক্ষমা করবেন আমরা উদাহরণ উৎস উল্লেখ করা যাবে স্ক্রিপ্ট ট্যাগের এট্রিবিউট জাভাস্ক্রিপ্ট মধ্যে সংযুক্ত করা আলাদাভাবে, তাই যদি আপনি না তা লিখতে হবে স্ক্রিপ্ট ট্যাগ মধ্যে আমরা ব্যবহার করে এটি সংযুক্ত করতে পারেন যে স্ক্রিপ্ট ট্যাগ পাশাপাশি. আর শুধু সিএসএস যেখানে সঙ্গে কেস হিসাবে আমরা এটা সম্ভবত ছিল যে সুপারিশ আপনার সেরা স্বার্থে লিখতে যদি কোনো পৃথক ফাইলে আপনার সিএসএস আপনি এটি পরিবর্তন করতে হবে, একইভাবে আমরা সুপারিশ আপনি আপনার লেখার যে পৃথক ফাইল জাভাস্ক্রিপ্ট স্ক্রিপ্ট ট্যাগ উৎস ব্যবহার আপনার জাভাস্ক্রিপ্ট গিঁট বৈশিষ্ট্যাবলী আপনার HTML, আপনার ওয়েব পৃষ্ঠার মধ্যে. 

সুতরাং দয়া করে জাভাস্ক্রিপ্ট ভেরিয়েবল, আমরা করব এখানে সিনট্যাক্স সম্পর্কে কথা বলা শুরু. আর আমরা দিয়ে যাবেন দ্রুত এই ধরনের, আমরা তাই, পিএইচপি এই কাজ করেছি, কারণ এই সব বেশ পরিচিত হওয়া উচিত. সুতরাং দয়া করে জাভাস্ক্রিপ্ট ভেরিয়েবল আছে ভেরিয়েবল পিএইচপি অনুরূপ. সেখানে কোন ধরনের সুনির্দিষ্টভাবে, এবং আপনি একটি পরিবর্তনশীল পরিচয় করিয়ে যখন, আপনি Var শব্দ সঙ্গে এটি উপসর্গ. পিএইচপি আমরা কিছু করতে চাই এই মত, ডলার সাইন X. আমরা নির্দেশিত কিভাবে যে একটি পরিবর্তনশীল, কিন্তু না, আমরা টাইপ উল্লেখ না পরিবর্তনশীল এর সব সময়ে. আমরা ভালো কিছু বলতে হবে ডলার চিহ্ন X পিএইচপি 44 সমান. আমরা সেটিই ছিল যদি জাভাস্ক্রিপ্ট একই জিনিস, আমরা Var X 44 সমান বলতে হবে. সুতরাং Var আমাদের পথ সাজানোর একটি পরিবর্তনশীল প্রবর্তনের. যে সম্ভবত একটি বিট আরও বেশি ধারণাসম্পন্ন শুধু ডলার চিহ্ন পরিবর্তনশীল তুলনায়. 

আবার আছে, যেহেতু কোন তথ্য ধরনের, আমরা পারবোই কোন ডাটা টাইপ সঙ্গে, স্ট্রিং, অন্য কিছু সব Var হবে. এর কন্ডিশন, সব আমাদের সি এবং পিএইচপি থেকে পুরোনো বন্ধুদের এখনও পাওয়া যায়, তাই আমরা যদি আছে, অন্যথায় যদি, অন্য, সুইচ এবং প্রশ্ন চিহ্ন কোলন. এটা যত নমনীয় অবশিষ্ট সুইচ পিএইচপি ছিল, কিন্তু আপনি করা.এই সব এখন দ্বারা সঙ্গে পরিচিত. এবং loops হয় একইভাবে সঙ্গে যখন পুরানো ফেভারিটে, যখন কি, এবং আমাদের জন্য এখনও পাওয়া যায়. তাই আগে থেকেই আমরা অনেক জানি মৌলিক মৌলিক জাভাস্ক্রিপ্ট সাজান শুধু বেশ একটু থাকার বদৌলতে এখন C এবং পিএইচপি সম্পর্কে জ্ঞান. 

কি দয়া করে জাভাস্ক্রিপ্ট ফাংশন সম্পর্কে? ওয়েল, একই ভাষার ফাংশন পিএইচপি ফাংশন শব্দ সঙ্গে পরিচয় করিয়ে দেন. আপনি ফাংশন বলতে, এবং তারপর আপনি আপনার ফাংশন নির্ধারণ করা শুরু. একটু ভিন্ন কী জাভাস্ক্রিপ্ট সম্পর্কে, যদিও আছে ক্ষমতা একজন অনামী ফাংশন বলা হয়. তাই আপনি যদি ফাংশন নির্ধারণ করতে পারবেন একটি নাম আছে কি না. এই কিছু আমরা হয় সত্যিই আগে দেখা যায় নি. আমরা সত্যিই ধারণা ব্যবহার করব একটি বেনামী ফাংশন একটু পরে এই যে ভিডিও, এটা করব, কারণ প্রেক্ষাপটে একটি সামান্য আরো জানার জন্য আমরা একটি বিশেষ পরিস্থিতির মধ্যে এটি দেখতে হলে যে আমি এখানে পেরেছিলেন. কিন্তু এর মাত্র কটাক্ষপাত করা যাক কি একটি সহজ জাভাস্ক্রিপ্ট এ ফাংশন অনুরূপ হতে পারে. 

তাই আমি এগিয়ে সর্বস্বান্ত করেছি এবং আমার CS50 আইডিই পর্যন্ত খোলা এবং আমি ইতিমধ্যে এ্যাপাচি রান করেছি আমার সার্ভার চলমান আরম্ভ. আর আমি এই ফাইলটি আছে Home.html বলা খুলুন এব w দেখুন. আর আমি এখানে একটি সামান্য বিট জুম করব. এবং মূলত, আপনি দেখতে পারেন Home.html বোতাম মাত্র একটি গুচ্ছ হয়. আর আমি এখানে উপরের দাবি করছি এই জাভাস্ক্রিপ্ট বিভাগে যে উপকরণ. সুতরাং বোতাম একটি গুচ্ছ আছে এখানে, কিন্তু এই বোতাম আসলে কি করবেন? 

ওয়েল, আমরা আমার আইইডি ওভার আগাইয়া করব, এবং আমি এখানে খুলুন Home.html আছে. একদম প্রারম্ভকালে, আমি লিঙ্ক চাই এখানে যেখানে আমার জাভাস্ক্রিপ্ট সোর্স ফাইল সব. রাইট? তাই আমি anonymous.js, clock.js আছে আমি উৎস অ্যাট্রিবিউট ব্যবহার করছি স্ক্রিপ্ট ট্যাগের ফাইলে সংযুক্ত আছে. তাই আমি লেখা না কোনো সরাসরি এই ফাইলে জাভাস্ক্রিপ্ট, কিন্তু আমি টানা করেছি সব জাভাস্ক্রিপ্ট আমি আলাদাভাবে লিখিত করেছি. আর আমরা এখানে, এই নিচে স্ক্রল সেই সব কিছুটা পরিচিত চেহারা নতুন বাক্য গঠন সামান্য বিট সঙ্গে. আমরা হেডার ট্যাগ এর জন্য এখানে আছে ফাংশন এবং তারপর একটি বাটন. আমি একটি টাইপ বাটন যে একটি ইনপুট আছে এবং দৃশ্যত আমি এটি ক্লিক করা হলে, আমি কিছু কল যাচ্ছি সতর্কতা তারিখ ফাংশন. আর এই আমরা ধরণের তালগোল পারেন কিভাবে হয় জাভাস্ক্রিপ্ট এবং এইচটিএমএল এর একটি সামান্য বিট. তারা আসলে বেশ চমত্কারভাবে খেলা একসাথে, এবং তাই স্পষ্টত আমি এই বাটনে, আমি যাচ্ছি ক্লিক কিছু ফাংশন সতর্কতা তারিখ কল. আর একইভাবে আমি আচরণে পূর্বনির্ধারণ করে থাকেন অন্যান্য সব বোতাম জন্য যে যে home.html পাতা হয়, আমরা ফিরে যাব, যা এই ভিডিওটি অবশ্যই সময় দিতে. কিন্তু এর আপ ফিরে যাই এখানে কটাক্ষপাত clock.js এ, যা হয় জাভাস্ক্রিপ্ট ফাইল যে আমি এই প্রথম ফাংশন আছে যে লিখেছে আমরা কটাক্ষপাত চলুন. যেহেতু আপনি দেখতে পারেন, আমি আমার জাভাস্ক্রিপ্ট শুরু শব্দ ফাংশন সঙ্গে কাজ, এবং আমি এই এক একটি প্রদত্ত করেছি নাম, এটা সতর্কতা তারিখ বলা হচ্ছে. সেখানে ভেতরে, আমি দৃশ্যত একটি তৈরি বর্তমান তারিখ নামক নতুন স্থানীয় পরিবর্তনশীল. এবং আমি ধার্য করতে যাচ্ছি একটি নতুন তারিখ থেকে একটি সমান. আর আমরা অনেক মধ্যে পেতে পারে একটি তারিখ কি হিসাবে বিস্তারিত, এবং সত্যিই তাই জাভাস্ক্রিপ্ট হয় বড় যে আমরা সম্ভবত না পারেন এক ভিডিওতে সব আবরণ. কিন্তু, এই যাচ্ছে এটা বলার জন্য যথেষ্ট একটি উপাত্তের আমার ফিরে যাওয়ার যে বর্তমান তারিখ এবং সময় encapsulates. আমি আছি যে একটি পরিবর্তনশীল যে সংরক্ষণকারী করছি দৃশ্যত বর্তমান তারিখ সতর্ক যাচ্ছে. 

ওয়েল, কি সতর্কতা আছে মত বর্তমান তারিখ বর্ণন? এর ফাইল নিজেই কটাক্ষপাত করা যাক ব্রাইজার উইণ্ডোয় উপর পিছনে. তাই আবার, এই বাটন যে আমি , এই নামে ফাংশন বাঁধা আছে. আমি সেখানে ক্লিক করুন এবং দেখুন এটা কি, এটা সতর্ক. এটা বলার বাক্সের এই সাজানোর popped আপ আমার বর্তমান সময় দৃশ্যতঃ যে এটা নভেম্বর 4 এর সকালে 10:43:43. আর আমি এখন, আবার ক্লিক করুন, তাহলে এটা ঠিক আছে, পরে কয়েক সেকেন্ডের আছে? সুতরাং যে সব এই ফাংশন আছে এর. আমি এই বাটন ক্লিক করুন, এটা আমার একটি সতর্কতা বার্তা পপ আপ. সত্যিই তাই নেই ফাংশান অত্যধিক যে, পিএইচপি থেকে আলাদা নতুন বাক্য গঠন অল্পমাত্র বিট জাভাস্ক্রিপ্ট দিয়ে যে কাজ দিয়ে আসে. 

জাভাস্ক্রিপ্টের Array হয় অনেকটাই অকপট. একটি অ্যারে ডিক্লেয়ার করার জন্য, আপনি ব্যবহার বর্গাকার বন্ধনী সিনট্যাক্স আমরা পিএইচপি থেকে এর সাথে পরিচিত হন যে. এবং পিএইচপি অনুরূপ, আমরা এছাড়াও তথ্য ধরনের মিশ্রিত করা যাবে. তাই এই অ্যারে, উভয় এই অ্যারে would পুরোপুরি বৈধ জাভাস্ক্রিপ্ট হতে. সব পূর্ণসংখ্যার যে এক, এবং এক যে বিভিন্ন ধরনের তথ্য ঘাঁটা হয়. 

ভিন্ন কিছু কি জাভাস্ক্রিপ্ট মধ্যে, যদিও? যে একটি বস্তু ও ধারণা এর. তাই সম্ভবত আপনি শুনেছেন করেছি অবজেক্ট ওরিয়েন্টেড প্রোগ্রামিং. আমরা, CS50 মধ্যে এটি একটি অনেক কাজ না কিন্তু আমরা এটি একটি সামান্য বিট করতে হবে এখানে জাভাস্ক্রিপ্ট প্রেক্ষাপটে. এখন দয়া করে জাভাস্ক্রিপ্ট ক্ষমতা আছে একটি অবজেক্ট ওরিয়েন্টেড প্রোগ্রামিং হিসাবে আচরণ ভাষা, কিন্তু এটি নিজে নয় একচেটিয়াভাবে একটি অবজেক্ট ওরিয়েন্টেড জান্ত্রিক ভাষা. এবং এই আবার আসে ফিরে আমি এটা বলেন কেন শিখতে খুবই চ্যালেঞ্জিং হতে পারে আপনার প্রথম প্রোগ্রামিং হিসাবে জাভাস্ক্রিপ্ট ভাষা, এটা হয় না, কারণ সত্যিই একটি বিশেষ দৃষ্টান্ত মাপসই. 

অন্যদিকে সি একটি ফাংশানাল প্রোগ্রামিং ভাষা. আমরা করতে চান, ফাংশন বিগ বস ম্যান সাজানোর, ডান? তারা নির্দেশ কি অন্য সবকিছু ঘটে. আমরা ভেরিয়েবল পরিবর্তন করতে চান, আমরা ফাংশন কল. আমরা ফাংশন কিছু না. একটি পরিবর্তে অবজেক্টস ওরিয়েন্টেড ভাষা অবজেক্ট, সাজান তারকা হয়ে বস্তু এবং ফাংশন মাধ্যমিক সাজান হয়ে. কিন্তু একটি বস্তু, কি কি একটি বস্তুর এই ধারণা? ওয়েল, এটি সাহায্য করে, মনে হয় প্রথম সাজান এটি সম্পর্কে একটি সি কাঠামো বা একটি struct মত যে আমরা আগে সম্পর্কে শিখেছি করেছি. সি, একটি কাঠামো রয়েছে ক্ষেত্রের একটি সংখ্যা, এবং হয়তো আমরা এখন শুরু হতে পারে এই ক্ষেত্র বৈশিষ্ট্য কল. কিন্তু বৈশিষ্ট্য সত্যিই ঠিক আছে, তাদের নিজস্ব দাঁড়ানো? আমি একটা গাড়ী জন্য একটি কাঠামো নির্ধারণ করে দুই নিম্নলিখিত সাথে এই মত ক্ষেত্র বা বৈশিষ্ট্য, এক একটি গাড়ী বছরের জন্য পূর্ণসংখ্যা এবং অন্য একটি 10 ​​অক্ষর গাড়ির মডেল জন্য স্ট্রিং, আমি ভালো কিছু বলতে পারেন আমি একটি নতুন ভেরিয়েবল ডিক্লেয়ার করতে পারেন টাইপ struct গাড়ী Herbie এর. এবং তারপর আমি কিছু বলতে পারেন মত herbie.year, 1,963 সমান এবং herbie.model পোকা সমান. ঠিক আছে. আমি ক্ষেত্র ব্যবহার করছি কাঠামো প্রেক্ষাপটে, কিন্তু আমি শুধু করতে পারে না ভালো কিছু বলতে. রাইট? আমি যদি ক্ষেত্রের নাম ব্যবহার করতে পারবেন না কাঠামো স্বাধীন. এটি একটি মৌলিক জিনিস সাজানোর. 

ক্ষেত্র হচ্ছে তাই সি কাঠামো মৌলিক বৈশিষ্ট্য হচ্ছে অনুরূপ জাভাস্ক্রিপ্ট বস্তুর মৌলিক. কিন্তু কি করে তোলে বিশেষভাবে আকর্ষণীয় বস্তু কি থাকতে পারে না সত্যিই যা বলা হয় পদ্ধতি, ফাংশন জন্য শুধু একটি অভিনব শব্দ যে বস্তুতে সহজাত হিসাবে ভাল হয়. এটা একটা ফাংশন সুতরাং শুধুমাত্র হতে পারে একটি বস্তুর প্রেক্ষাপটে বলা. সংজ্ঞায়িত করেনি যে শুধুমাত্র একটি বস্তু তার ভেতরে এই ফাংশন, আপনি একটি সম্পর্কে চিন্তা struct, ফাংশন সংজ্ঞা যারা ভিতরে সংজ্ঞায়িত করা হয় গঠন কোঁকড়া ধনুর্বন্ধনী. তাই এটি শুধুমাত্র কিছু অর্থ কাঠামো. এবং যে আমরা কি করছেন কতকাংশে এখানে বস্তু ও পদ্ধতি নিয়ে. আমরা করছি এটি মূলত এর একটি ফাংশন সংজ্ঞা যে শুধুমাত্র একটি উপর ইন্দ্রিয় তোলে বিশেষ বস্তু, এবং তাই আমরা বস্তুর একটি পদ্ধতি যে কল. আর আমরা যে কল করতে পারেন না বস্তু স্বাধীন ফাংশন, আমরা বছর বা মডেল বলতে পারবে না ঠিক মত সি struct স্বাধীন 

তাই কার্মিক প্রোগ্রামিং পারাদিগ্ম্স ভালো কিছু দেখবে. ফাংশন এবং তারপর আপনি পাস যখন একটি প্যারামিটার হিসেবে বস্তুর মধ্যে. একটি অবজেক্ট ওরিয়েন্টেড প্রোগ্রামিং ইন প্রত্যেক, এই ধরণের পায় ফ্লিপ, এবং আমরা মনে হবে এটা, object.function এই মত. সুতরাং যে বিন্দু এটি সাজান অপারেটর আবার implying এটা সম্পত্তি কিছু সাজানোর যে বা বস্তু নিজেই অ্যাট্রিবিউট. কিন্তু এই কি একটি বস্তু ওরিয়েন্টেড প্রোগ্রামিং ভাষা একটি ফাংশন করতে না পারে আবার, একটি পদ্ধতি তে কল যা শুধু একটি বিশেষ শব্দ একটি ফাংশন জন্য যে একটি বস্তুতে সহজাত. এই কি যে হয় সিনট্যাক্স অনুরূপ হতে পারে. আর তাই আমরা কিছু দেখতে শুরু করব জাভাস্ক্রিপ্ট প্রেক্ষাপটে এই. 

এছাড়াও আপনি একটি বস্তু সম্পর্কে চিন্তা করতে পারেন সাজান একটি মিশুক অ্যারে মত, আমরা পিএইচপি থেকে এর সাথে পরিচিত হন, যা. একটি মিশুক অ্যারে পারবেন মনে রেখো আমাদের পরিবর্তে, কী মান জোড়া আছে এর সূচী 0, এক, দুই, তিন হচ্ছে, এবং আমরা সি থেকে ব্যবহার করছি তাই মত অ্যারে. মিশুক অ্যারে ম্যাপ করতে পারেন যেমন পিএইচপি ভিডিওতে হিসাবে শব্দ, আমরা যে বিষয়ে কথা বলছি pizzas মধ্যে, toppings. আর তাই আমরা একটি অ্যারের ছিল বলা pizzas, এবং আমরা ছিল পনির একটি কী ছিল এবং $ 8.99 ছিল মূল্য, এবং তারপর পেপারনি একটি কী ছিল, $ 9.99 তাই একটি মান ছিল, এবং. আর তাই আমরা একটি মনে করতে পারেন একটি মিশুক ধরণের অনুরূপ বস্তু অ্যারে. এখানে আর তাই এই সিনট্যাক্স একটি নতুন অবজেক্ট তৈরি হবে দুই সাথে বলা Herbie এটি ভেতরে বৈশিষ্ট্য. মূল্য 1963 নির্ধারিত হয় যা সাল, স্ট্রিং সংযুক্ত করা হয়, যা এবং মডেল, পোকা. 

আমি ব্যবহার করছি যে এখানে লক্ষ্য জাভাস্ক্রিপ্ট এর একক উদ্ধৃতি চিহ্ন. আপনি একক বা ডবল কোট ব্যবহার করতে পারেন যখন আপনি স্ট্রিং সম্পর্কে কথা বলার চেষ্টা করছি. এটা শুধু সাধারনত এর ক্ষেত্রে যে সবচেয়ে বার যখন আপনি জাভাস্ক্রিপ্ট লেখার, আপনি শুধু একক উদ্ধৃতি চিহ্ন ব্যবহার. কিন্তু আমি এখানে উদ্ধৃতি চিহ্ন ব্যবহার, এবং পারে যে পাশাপাশি পুরোপুরি জরিমানা হবে. 

সুতরাং কিভাবে আপনি স্মরণ পিএইচপি আমরা এই ধারণা ছিল আমাদের সম্ভব হবে যে প্রতিটি লুপ জন্য কী মান সব পুনরুক্তি একটি মিশুক এর জোড়া অ্যারে, আমরা কারণ পুনরুক্তি এই ক্ষমতা আছে কি না 0 মাধ্যমে, এক, দুই, তিন, চার, এবং তাই? জাভাস্ক্রিপ্ট, অনুরূপ কিছু আছে কিন্তু এটা, প্রতিটি লুপ জন্য একটি বলা না এটা লুপে জন্য বলা হচ্ছে. তাই আমি চাই আমাকে বললেন, তাহলে এই, বস্তুর মধ্যে Var কী জন্য, বলে যে ধরণের অনুরূপ কিছু যেমন প্রতিটি কিছু. কিন্তু আমি এখানে কি করছি সব iterating হয় আমার বস্তুর কি সব মাধ্যমে. এবং কোঁকড়া ভেতরে সেখানে ধনুর্বন্ধনী, আমি চাই পড়ুন বস্তুর বর্গাকার বন্ধনী কী ব্যবহার যে কী অবস্থানে মান. 

অন্যথা, আছে এমনকি অন্য পদ্ধতির. আমি শুধু মাত্র যত্নশীল মান, আমি বস্তুর কী বলতে পারে এবং শুধু ভিতরে কী ব্যবহার করুন. সুতরাং বস্তুর মধ্যে Var কী জন্য, আমি আছে বস্তুর বর্গাকার বন্ধনী ব্যবহার লুপের ভিতরে কী. বস্তুর Var কী জন্য, আমি যা করতে পারেন শুধু লুপের ভিতরে কী ব্যবহার, আমি বিশেষভাবে শুধুমাত্র নই, কারণ সেখানে মান সম্পর্কে কথা বলা. 

সুতরাং আসুন হয়তো একটি নিতে দিন পার্থক্য তাকান শুধু দ্রুত আপনাকে দেখাতে চার মধ্যে পার্থক্য একটি খুব নির্দিষ্ট সঙ্গে এবং জন্য আমরা এখানে আছে যা অ্যারে, সপ্তাহে অ্যারে. তাই আমি একটি নতুন অ্যারে এটি আছে আমি সাত স্ট্রিং ভরা যে, সোমবার মঙ্গলবার বুধবার, বৃহস্পতিবার, শুক্রবার, শনিবার, রবিবার. আর আমি এখন পুনরুক্তি করতে চান এই অ্যারে মাধ্যমে, নির্দিষ্ট তথ্য খুঁজে মুদ্রণ. আমি লুপ জন্য একটি ব্যবহার করা হলে তথ্য প্রিন্ট আউট, আপনি আমি পেতে যাচ্ছি কি মনে করেন? ওয়েল, এর কটাক্ষপাত করা যাক. এবং আমরা ওভার ঝাঁপ আগে আমার ব্রাউজার উইন্ডোতে, শুধু জানি যে console.log এক ধরণের জাভাস্ক্রিপ্ট একটি মুদ্রণ চ করছেন প্রণালী. কিন্তু কনসোল কি? ওয়েল, যে আমরা চলুন কি এই মুহূর্তে কটাক্ষপাত যেতে. 

ঠিক আছে, তাই আমরা এখানে ফিরে এসেছি আমার ব্রাইজার উইণ্ডোয়, এবং আমি খুলতে যাচ্ছি আমার বিকাশকারী সরঞ্জাম আপ. আবার, আমি শুধু F12 আঘাত করছি বিকাশকারী সরঞ্জাম খুলুন. আর এটাই এ লক্ষ্য শীর্ষ আমি কনসোল বাছাই করেছেন. তাই এই ধারণা একটি ডেভেলপার কনসোল, এবং এটা আমাদের অনুমতি দেবে তথ্য প্রিন্ট আউট সাজান টার্মিনাল মত, কিন্তু আপনি একটু পরে দেখতে পাবেন, আমরা এ তথ্য টাইপ করতে পারেন আমাদের ওয়েব পৃষ্ঠার সাথে যোগাযোগ করার জন্য. আমি এখানে একটি সামান্য বিট জুম করতে যাচ্ছি এবং আমি এখন পরীক্ষার জন্য ক্লিক করুন আছি. আর চার test-- মধ্যে দেবো না এই মুহূর্তে আপনি এটা জন্য কোড প্রদর্শন, কিন্তু আপনি এটা যদি কিনবো সোর্স কোড ডাউনলোড করে এই video-- সঙ্গে যুক্ত করা হয় শুধু যে লুপ জন্য আমরা দেখেছি যে শুধু একটি সেকেন্ড আগে স্লাইডে. 

তাই আমি ক্লিক আছি বাটন, এবং এখানে ওভার, এখানে প্রিন্ট আউট হয়েছে কি কনসোল, 0, এক, দুই, তিন, চার, পাঁচ, ছয়. আমি তথ্য প্রিন্ট আউট করা হয়নি যারা অ্যারে ভেতরে, আমি লুপ জন্য একটি করতো. এবং লুপ শরীরের ভিতর, আমি শুধু কী আপত্তি না কী প্রিন্ট আউট. কিন্তু আমি এখন আমার কনসোল পরিষ্কার, এবং আমি যদি টেস্টের জন্য সুইচ, এবং পরীক্ষা চার আমি লুপ জন্য ব্যবহার বলতে পরিবর্তে এবং কী প্রিন্ট আউট, আমি যে ক্লিক করুন, এখন আমি পেয়ে গেছি আমার বস্তুর ভিতরে প্রকৃত উপাদান বা এই ক্ষেত্রে আমার অ্যারে. সপ্তাহে দিনের আমার অ্যারে. আমি সোমবার প্রিন্ট আউট মঙ্গলবার বুধবার. সুতরাং যে পার্থক্য মাঝে একটি জন্য লুপ, যা কপি করে প্রিন্ট আউট আপনি শুধু কী ব্যবহার করেন শুধু কী লুপ শরীরের ভেতরে, এবং লুপ, যা প্রিন্ট জন্য মান আউট আপনি শুধু ব্যবহার করা হলে লুপ শরীরের ভিতরে কী. 

ঠিক আছে, এখন আমরা কিভাবে শুরু করবেন স্ট্রিং কনক্যাটেনেট এবং হয়তো তালগোল ক্ষেপক সাথে কিছু ভেরিয়েবল মত আমরা পিএইচপি করতে পেরেছি? ওয়েল, আমরা বেশ পরিচিত আছেন পিএইচপি থেকে এই সঙ্গে. এই আমরা ব্যবহার করতে হবে কিভাবে ডট অপারেটর স্ট্রিং কনক্যাটেনেট. জাভাস্ক্রিপ্টে, যদিও, আমরা আসলে কিছু ব্যবহার প্লাস অপারেটর, বলা যা এমনকি সামান্য বিট আরো হয় স্বজ্ঞাত, ডান? আমরা একটি গুচ্ছ যোগ করছি স্ট্রিং একসঙ্গে. সুতরাং আসুন ফিরে আগাইয়া যাক ওভার এবং তা এই দেখুন আমরা প্রিন্ট আউট করার চেষ্টা করছি প্রিন্ট হবে সপ্তাহে অ্যারের মধ্যে সমস্ত তথ্য. এখানে অধীনে তাই ঠিক আছে, স্ট্রিং সংযুক্তকরণের অধীনে, আমি দুটি অপশন আছে, স্ট্রিং ভবন V1 এবং তারপর স্ট্রিং বিল্ডিং V2. আর আমরা কেন দেখতে পাবেন একটি দ্বিতীয় মধ্যে V2 প্রয়োজন. কিন্তু, আমি তোমার উপর ক্লিক স্ট্রিং ভবন, V1, যা আমরা ছিলাম কোড শুধু কটাক্ষপাত গ্রহণ, কোনোটিতে লাফিয়ে উঠবে যাত্রী সব সঙ্গে console.log. এর এই প্রিন্ট তাহলে দেখা যাক আমরা আশা কি আউট. 

সোমবার, সপ্তাহের দিন সংখ্যা 01 হয় মঙ্গলবার সপ্তাহের দিন সংখ্যা 11. ওয়েল, আমি কি চেষ্টা ছিল পেতে ছিল না করতে সোমবার দিনের সংখ্যা প্রিন্ট আউট এক, মঙ্গলবার দিনের শ্লোগানে শ্লোগানে মুখরিত হয়. কিন্তু এটা আমি ভালো বলে মনে হয় সবসময় এক মুদ্রণ. ওয়েল, যে কেন হয়? ওয়েল, এটি সক্রিয় আউট, অন্য কটাক্ষপাত এখানে কোডের এই সামান্য স্নিপেট এ. আমরা প্লাস ব্যবহার করছেন যে লক্ষ্য করুন দুটি ভিন্ন প্রেক্ষিতে অপারেটর. 

আর তাই এখানে যেখানে হয়তো জিনিস আমরা ধরনের বলছে করছি যে, ওহ, এটা তাই মহান. আমরা আর তথ্য ধরনের সঙ্গে মোকাবিলা না. কিন্তু এখানে যেখানে সত্য আমরা ধরনের তথ্য হারাতে যে আসলে একটি বিট হতে পারে আমাদের জন্য একটি সমস্যার. এখন প্লাস অপারেটর ব্যবহার করা হয় যে স্ট্রিং কনক্যাটেনেট এবং সংখ্যার যোগ একসাথে, দয়া করে জাভাস্ক্রিপ্ট হয়েছে তার সেরা অনুমান করতে যত আমি এটা আমার জন্য কি করতে চান. এবং এই ক্ষেত্রে, এটা ভুল অনুমিত. এটা শুধু ঘনিভূত দিন, হতে হবে যা 0, এক, দুই, তিন, চার, পাঁচ, ছয় বা, এবং তারপর এটি শুধু ঘনিভূত যে এবং তারপর এক ঘনিভূত. এটা আসলে তাদের একসঙ্গে যোগ করা হয়নি. আর তাই এই ভাষায়, পিএইচপি এবং জাভাস্ক্রিপ্ট, যে দূরে বিমূর্ত ধরনের এই ধারণা, আপনি আর তা মোকাবেলা করতে হবে না. তারা এখনও ফণা অধীন ধরনের আছে. আর আমরা যা করতে পারেন, পরিস্থিতিতে এই মত, যে লিভারেজ কিছু বলার অপেক্ষা রাখে না হয়তো এই, মত যা দ্বারা দয়া করে জাভাস্ক্রিপ্ট কহন হয় পথ, একটি পূর্ণসংখ্যা হিসাবে এই আচরণ, এমনকি, একটি স্ট্রিং হিসেবে বিবেচনা না যদিও আমরা একসঙ্গে স্ট্রিং মিশ করছি এখানে এবং ইন্টিজার. 

ঠিক ঐ জিনিস এক এটা প্রেক্ষাপটে তাই মহান মনে করে আমরা করতে হবে না যে আর ধরনের মোকাবেলা, কিন্তু কখনও কখনও আপনি পাবেন একটি পরিস্থিতির মধ্যে চালানো ঠিক এই মত যেখানে আসলে যে আপনি ধরনের উপর নিয়ন্ত্রণ নেই আপনি দশারই পারেন আপনি সতর্ক না থাকেন. আমরা আইডিই উপর ফিরে পপ যদি তাই, আমি আছি আবার আমার কনসোল পরিষ্কৃত যাচ্ছে, এবং আমি স্ট্রিং ক্লিক যাচ্ছি বিল্ডিং সংস্করণ দুটি, যা আমি যে কোন int পারসে ফাংশন ব্যবহার কোথায়. এখন এটা খুঁজে মুদ্রণ আমি আশা করছি যে তথ্য. সোমবার ডে এক নম্বর, মঙ্গলবার তাই প্রতিদিন দুই নম্বর, এবং হয়. 

সুতরাং আসুন আবার ফাংশন সম্পর্কে কথা বলা যাক. আমি মনে করি আমরা বেনামী সম্পর্কে কথা বলতে হবে প্রতিশ্রুতি ফাংশন, এবং যে জন্য এখন প্রসঙ্গের অবশেষে এসেছে. আমরা তাই না তাই আগে, আমি কি আবার কথা বলা যাক শুধু এই একটি দ্বিতীয় জন্য অ্যারে সম্পর্কে. সুতরাং অ্যারে একটি বিশেষ একটি বস্তুর ক্ষেত্রে. বস্তুত, সবকিছুতেই জাভাস্ক্রিপ্ট আসলে একটি বস্তু. সুতরাং ফাংশন হয় একটি একটি বস্তুর বিশেষ ক্ষেত্রে, পূর্ণসংখ্যার একটি বিশেষ একটি বস্তুর ক্ষেত্রে, কিন্তু অ্যারে বিশেষভাবে পদ্ধতির একটি সংখ্যা আছে. তারা বস্তু কারণ মনে রাখবেন, তারা বৈশিষ্ট্য ও পদ্ধতি থাকতে পারে. তারা পদ্ধতির একটি সংখ্যা আছে ঐ বস্তু প্রয়োগ করা যেতে পারে. নামে একটি পদ্ধতি রয়েছে আকার, array.size, যা ফিরে আসতে হবে আপনি আশা করতে পারে হিসাবে আপনার অ্যারের মধ্যে উপাদানের সংখ্যা. array.pop, সাজানোর মত বন্ধ পপিং আমাদের ধারণা একটি স্ট্যাকের, আপনার যদি মনে থাকে আমাদের stacks এর ভিডিও থেকে, অ্যারে থেকে শেষ উপাদান সরিয়ে ফেলা হয়. array.push একটি নতুন উপাদান যোগ করে একটি অ্যারের শেষে. array.shift ধরণের হয় DQ মত, এটি splices একটি অ্যারের প্রথম উপাদান. 

কিন্তু অন্য বিশেষ আছে একটি অ্যারের পদ্ধতি মানচিত্র বলা. আর এই একটি সাজানোর আকর্ষণীয় ধারণা. তাই একটি মানচিত্রের ধারণা কি? আপনি আসলে এই দেখতে পাবেন বিভিন্ন অন্য ভাষায়, এবং আমরা একটি বিষয়ে কথা বলছি না মানচিত্রকারদেরদ্বারা সাজানোর, এখানে ম্যাপ আমরা একটি ম্যাপিং ফাংশন সম্পর্কে কথা বলার চেষ্টা করছি. পরিপ্রেক্ষিতে আমরা আছেন এখানে কথা বলা, একটি মানচিত্র একটি বিশেষ অপারেশন আমরা হয় একটি শৃঙ্খলার সম্পাদন করতে পারবেন একটি নির্দিষ্ট ফাংশন প্রয়োগ করে যে অ্যারের প্রতিটি উপাদান. এবং তাই আমরা বলতে হবে এই ক্ষেত্রে, হয়তো, array.map এবং এটি ভেতরে, আমরা পার করছি মানচিত্রের মধ্যে আমরা চাই যে একটি ফাংশন প্রতি একক উপাদান প্রয়োগ করা. তাই এটি ব্যবহার করার জন্য সাজানোর এর অনুরূপ একটি লুপ প্রতিটি উপাদান পুনরুক্তি এবং একটি নির্দিষ্ট আবেদন প্রতিটি উপাদান কাজ, শুধু দয়া করে জাভাস্ক্রিপ্ট এই মধ্যে নির্মিত হয়েছে প্রয়োগ করা যেতে পারে যে একটি ম্যাপিং ধারণা. আর এই একটি দুর্দান্ত প্রেক্ষাপটে হয় একটি বেনামী ফাংশন সম্পর্কে কথা বলতে. 

সুতরাং আসুন আমরা আছে বলা যাক পূর্ণসংখ্যার এই অ্যারে. এটা nums বলা হচ্ছে, এবং এটি পাঁচটি পেয়েছিলাম এটা অনেক কিছু, এক, দুই, তিন, চার, পাঁচটি. এখন আমি কি কিছু মানচিত্র চাই এই অ্যারের ফাংশন. আমি একটি ফাংশন প্রয়োগ করাতে চাই অ্যারের প্রতিটি উপাদান. ওয়েল, আমি চাই কি যে বলা যাক শুধু উপাদানের সমস্ত দ্বিগুণ না. আমি শুধু একটি লুপ ব্যবহার করা হয় কাজ করতে পারে কি Var আমি 0 সমান জন্য, আমি চেয়ে কম হয় অথবা সমান 4, আমি প্লাস, প্লাস, এবং তারপর প্রতি একক সংখ্যা দ্বিগুণ. কিন্তু আমি ভালো কিছু করতে পারেন. আমি nums পূর্বে ছিল বলতে পারেন এক দুই তিন চার পাঁচ, এখন যদিও, আমি আপনাকে চাই এই অ্যারে সম্মুখের একটি ম্যাপিং আবেদন আমি আপনাকে চাই যেখানে ভাষার সংখ্যা দ্বিগুণ করার. এবং যে ঠিক এখানে কি হচ্ছে. কিন্তু আমি পার করছি তা লক্ষ্য যুক্তি ম্যাপ হিসেবে. এটি একটি বেনামী ফাংশন. আর আমি না দেওয়া আছে বিজ্ঞপ্তি এই ফাংশন একটি নাম, আমি শুধুমাত্র এটি একটি পরামিতি তালিকা দিয়েছি. আর তাই এই একটি উদাহরণ একটি বেনামী ফাংশন. 

আমরা সাধারণত এই কল না করে মানচিত্র প্রসঙ্গের বাইরে ফাংশন. আমরা একটি প্যারামিটার হিসেবে তা নির্ধারণ করছেন ম্যাপ, এবং তাই আমরা সত্যিই না করতে তাহলে এটা আপনার জন্য একটি নাম আছে প্রয়োজন বজায় রাখে শুধু যে মানচিত্র এবং এটা সঠিক সংজ্ঞায়িত সেখানে ম্যাপ ভেতরে. আর তাই এই একটি বেনামী ফাংশন. আমরা সক্ষম হয়েছে না পূর্বে এই কাজ করতে. কিছু ফাংশন ম্যাপ , NUM, একটি প্যারামিটার গ্রহণ এবং যে ফাংশন কী আয় বার 2 NUM হয়. আর তাই এই পর ম্যাপিং প্রয়োগ করা হয়েছে, এই এখন কি nums রূপ হয় মত, দুই, চার, ছয়, আট, 10. আর আমরা উপর পপ করব আমার ব্রাউজার উইন্ডো এবং শুধু এক নজর দেখে নাও সত্যিই দ্রুত হিসাবে ভাল. 

তাই আমি এখানে অন্য বাটন আছে আমার হোম পেজ এ ডবল বলা. এবং আমি ডবল ক্লিক করুন এবং এটা বলে যখন আমার এটা ছিল আগে, দুই, তিন, চার, পাঁচটি দুই, চার, ছয়, আট, 10 পর. এবং আমি ফিরে যান এবং যদি ডবল ক্লিক আবার, দুই, চার, ছয়, আট, 10. এবং তারপর পরে, চার, আট, 12, 16, এবং তারপর 20. আর আমি এই ফাংশন কি করছি? ওয়েল, আমরা শুধু আইডিই উপর পপ, এবং যদি আমি এখানে, আমার বেনামী ফাংশন টান আপ 13 মাধ্যমে লাইন সাত উপর, আমি আছি এখানে একটি সামান্য বিট অভিনব কাজ করছেন, কিন্তু আমি শুধু প্রিন্ট আউট করছি কি অ্যারের মধ্যে বর্তমানে. তারপর লাইন 16, 17, এবং 18, আমার মানচিত্র আছে. আমি এই দ্বিগুনের আবেদন করছি এই যেখানে প্রতি একক উপাদান ফাংশন. এবং তারপর আরও একটু নিচে, আমি ঠিক একই জিনিস করছি আমি এখন আমি ছাড়া, আগে এরকম ছিল অ্যারের বিষয়বস্তু মুদ্রণ পরে. কিন্তু আমি এখানে সম্পন্ন করেছি সব হয় শুধু একটি বেনামী ফাংশন ব্যবহার একটি সম্পূর্ণ অ্যারে জুড়ে ম্যাপ. 

তাই আরও একটি বড় বিষয় এ বিষয়ে কথা বলার জন্য জাভাস্ক্রিপ্ট একটি ইভেন্ট এর ধারণা হয়. একটি ঘটনা শুধু যে এরকম কিছু হয় একজন ব্যবহারকারী আপনার ওয়েব সাথে মিথস্ক্রিয়া যখন পাতা, তাই হয়তো তারা কিছু ক্লিক করুন, হয়তো বা পৃষ্ঠা, লোডিং সমাপ্ত করা হয় হয়তো বা তারা সরিয়েছেন কিছু ওভার তাদের মাউস, বা তারা কিছু টাইপ করেছি একটি ইনপুট ক্ষেত্রে. এই সমস্ত জিনিস ঘটনা আমাদের ওয়েব পেজে ঘটছে. আর দয়া করে জাভাস্ক্রিপ্ট হয়েছে সামর্থ্য কিছু সমর্থন একটি ইভেন্ট হ্যান্ডলার সঠিক নয়, বলা যা একটি কলব্যাক ফাংশন যে একটি HTML ইভেন্ট সাড়া. এবং একটা কলব্যাক ফাংশন কি? ওয়েল, এটা সাধারণত শুধু আরেকটি এর একটি বেনামী ফাংশন জন্য নাম. এটি একটি ফাংশন যে একটি ঘটনা থেকে সাড়া. আমরা আসা এবং এই হল যেখানে নির্দিষ্ট ফাংশন বাঁধাই ধারণা একটি নির্দিষ্ট এইচটিএমএল অ্যাট্রিবিউট. সর্বাধিক এইচটিএমএল উপাদান আছে একটি বৈশিষ্ট্য জন্য সমর্থন আমরা HTML এ বিষয়ে কথা বলতে না যে ক্লিক করলে ভালো কিছু করার জন্য ভিডিও অথবা উপর কার্সার রেখে দেখুন অথবা লোড, এই ঘটনা সব তারপর আপনি ফাংশন লিখতে পারেন যে ঐ ঘটনা নিয়ে যে চুক্তি যখন ঐ ঘটনা আপনার ওয়েব পেজে ঘটতে. 

আর তাই হয়তো আপনার এইচটিএমএল ভালো কিছু দেখায়. আর আমি এখানে দুটি বাটন আছে, বাটন এবং বাটন দুটি, এবং এখানে আমি বর্তমানে আছে সংজ্ঞায়িত কিছুই, কিন্তু এই যেখানে অ্যাট্রিবিউট উপর ক্লিক দৃশ্যত আমার এইচটিএমএল ট্যাগ অংশ. সুতরাং দৃশ্যত আমি কি নির্ধারণ করা হলে যে অ্যাট্রিবিউট ভেতরে যাওয়া, এটা কিছু জাভাস্ক্রিপ্ট হতে যাচ্ছে ইভেন্ট যে সাড়া ফাংশন সম্ভবতঃ এ ক্লিক এর বাটন এক বা বাটন দুটি. 

কী ধরনের শীতল এই আমরা হয় সম্পর্কে একটি জেনেরিক ইভেন্ট হ্যান্ডলার লিখতে পারেন. আর এই ইভেন্ট হ্যান্ডলার হবে একটি ইভেন্ট বস্তু তৈরি. আর ইভেন্ট বস্তুর আমাদের জানাতে হবে দুটি বোতাম যা ছিল ক্লিক. এখন কিভাবে যে কাজ করে? ওয়েল, এটা ভালো কিছু চেহারা হতে পারে. সুতরাং আমরা আমাদের প্রথম বোতাম নির্ধারণ করবে কলব্যাক করার জন্য একটি প্রতিক্রিয়া আছে বলা হবে যে ফাংশন বাটন ক্লিক করা হলে, আমরা ইভেন্ট সতর্কতা নাম ডাকবো. এবং আমরা উভয় ক্ষেত্রেই লক্ষ্য এই ইভেন্ট পরামিতি কথা প্রসঙ্গে. সুতরাং আমরা এই ফাংশন কল অথবা যখন এই ফাংশন ঘটছে ইভেন্ট দ্বারা আলোড়ন সৃষ্টি হয়, এটা এই ইভেন্ট বস্তু তৈরি করতে যাচ্ছে এবং একটি হিসাবে এটি পাস পরামিতি নাম সতর্ক. আর যে ঘটনা বস্তু তথ্য ধারণ করতে যাচ্ছে যা সম্পর্কে বাটন ক্লিক করা. এবং কিভাবে এটা যে কি করে? ওয়েল, এটা ভালো কিছু চেহারা হতে পারে. তাই এখন আমার পৃথক জাভাস্ক্রিপ্ট ফাইল, আমি বল এই খুঁজে বের করতে হবে ফাংশন সতর্কতা নাম, যা আবার যে ইভেন্ট পরামিতি গ্রহণ করে. আমি সনাক্ত করছি এবং তারপর যেখানে এখানে যা বোতাম সূত্রপাত হয়, Var ট্রিগার ইভেন্ট সমান বিন্দু উৎস উপাদান. তৈরি যে উৎস কী ছিল প্রেরণ করা হত যে এই ইভেন্ট বস্তুর? এটা বাটন ছিল এক বা এটা বাটন দুটি ছিল? 

এবং তারপর এখানে আমি করছি সব হয় trigger.innerhtml মুদ্রণ. ওয়েল, এই ক্ষেত্রে, এই মধ্যে কনটেক্সট, trigger.innerhtml বাটনে লেখা হয় ঠিক কি না. আমরা ঝাঁপ যদি এটা যাতে ঘটবে ফিরে একটি দ্বিতীয় জন্য, যে would ঐ বাটন ট্যাগ মধ্যে কি হতে. এটা বাটন এক বা বাটন দুটি হতে হবে. আর এর কটাক্ষপাত করা যাক কিভাবে এই ইভেন্ট হ্যান্ডলার would আমরা তা বাস্তবে চলমান ছিল যদি চেহারা. 

সুতরাং প্রথম সব, আপনি করেছি আপ খোলা events.js, জাভাস্ক্রিপ্ট ফাইল যেখানে যা হয় আমি এই ফাংশন পূর্বনির্ধারণ করে থাকেন. হিসাবে আপনি দেখতে পারেন, এটা কী প্রায় কাছাকাছি ঠিক কি আমরা শুধু এই একটি দ্বিতীয় আগে স্লাইডে দেখেছি. আর আমি সফরে যাবে আমরা ব্যবহার করে থাকেন হোম পেজে. আর আমি বাটন এখানে আছে এক এবং বাটন দুটি. আর আমি বাটন এক ক্লিক করব. আপনি যদি আপনি, বাটন এক ক্লিক এখানে ডান সতর্কতা দেখতে পারেন. ঠিক আছে. , বাটন দুটি উপর আপনি ক্লিক একটি বাটন দুটি ক্লিক করেছেন. 

সুতরাং উভয় বোতাম আছে একই ফাংশন কল, ডান? তারা উভয় সতর্কতা নাম ছিল ইভেন্ট, কিন্তু এই ঘটনা বস্তু আমরা এ ক্লিক করলে যে তৈরি পরার এটি ক্লিক করা হয়, যা বাটন আমাদেরকে বলে. আমরা পৃথক দুটি লিখতে হবে না থাকার সাথে ফাংশন বা চুক্তি কোন অতিরিক্ত তথ্য পাস. আমরা শুধু উপর নির্ভর করছি কি দয়া করে জাভাস্ক্রিপ্ট হবে যে তৈরি হয়, যা আমাদের জন্য না আমাদের পক্ষ থেকে ইভেন্ট বস্তুর সাজান. বেশী করে জাভাস্ক্রিপ্ট করতে আরো অনেক আছে আমরা এই ভিডিওতে আবৃত করেছি, কিন্তু হচ্ছে এই আপনি পাওয়া উচিত মৌলিক বেশ দীর্ঘ উপায়ে করতে আপনি সবকিছু পাবেন শেখার এই সম্পর্কে জানা প্রয়োজন আকর্ষণীয় ভাষা. আমি ডগ লয়েড আছি. এটি CS50.