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

DAVID Malan: এই CS50. এই সপ্তাহে নয়টি শুরু হয়. আর এই হবে কি জনাব Boole এর 200th জন্মদিন হয়েছে. সুতরাং এই ফেলোগণ হয় আমরা করেছি উল্লিখিত যাকে ব্যবহার সম্পর্কে বেশ কিছু সময়ের সত্য ও মিথ্যা বুলিয়ান ভেরিয়েবল, 1 এবং 0 এবং যেমন. আর এই গুগলের ছিল আজ তাকে রাজস্ব. তিনি 200 বছরে পা দিতেন. আপনি যদি চান তাই করতে CS50 লাঞ্চ জন্য আমাদের সঙ্গে যোগদান, লিঙ্ক কটাক্ষপাত অবশ্যই এর ওয়েবসাইটে. এবং এই ধরনের মুখভঙ্গি এবং বন্ধুদের যেমন এই এখানে কেমব্রিজের আপনি অপেক্ষা করুন. এইসব ভালো আকৃতির নিউ হ্যাভেন আপনি অপেক্ষা করুন. এবং, কেন, আসলে নিউ হ্যাভেন কল্যাণকামী তৈরি এলির একটি অ্যানিমেটেড জিআইএফ বলা কি এখানে একটি সাম্প্রতিক সময়ে একটি জিআইএফ এখনো lunch-- অন্য গ্রাফিক্যাল ফাইল ফরম্যাট, যা দিয়ে আপনি যে familiar-- আছেন এই মত সামান্য কিছু দেখায়. তাই শুধু একটি ক্রম ঠিক র. কেমব্রিজের এখানে কেউ হাসতে হয়. কিন্তু নিউ হ্যাভেন, এই ঠিক আছে, সত্যিই মজার হয়? ঠিক আছে. 

তাই সেখানে আমাদের সঙ্গে যোগদান না. এখানে হার্ভার্ড এ, বিশেষ করে, এই বুধবার, আপনি একটি বার্ষিক হন তাহলে বা নবীন even-- তৈরি বা এমনকি junior-- চিন্তা কম্পিউটারের মধ্যে একটি বাছাই করুন বিজ্ঞান, জানি আছে করব যে একটি সি এস এই ন্যায্য উপদেশ করা বুধবার, খুব শীঘ্রই বর্গ পরে কম্পিউটার এ 4:00 PM তে পোস্ট করা বিজ্ঞান ভবনের ম্যাক্সওয়েল Dworkin. আমরা অবশ্যই এর উপর এই করা হবে আগামীকাল ওয়েবসাইট, হিসাবে ভাল. Donuts, আমি বলা করছি, পরিসেবা উপলব্ধ করা হবে. 

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

কিন্তু এটা অবশ্যই না আমার প্রচারাভিযান সাহায্য. আমি সিনিয়র দ্বারা যে পাওয়া year-- আমি এই Muppet ক্যালেন্ডার ছিল. Muppets ছবিটির ফিরে তারপর চলন ধরনের ছিল. অথবা হয়ত তারা ছিল না. আমি ফিরে তারপর একটি muppet ক্যালেন্ডার ছিল. এবং আমি এটা নাম শীতল হতে চাই হার্ভার্ড এর নেটওয়ার্কে আমার কম্পিউটার frogman.student.harvard.edu. সময়ে, আমরা সব স্বতন্ত্র ছিল শনাক্তযোগ্য হোস্ট নাম. আর তুমি কিছু অসারতা নিন পারে পরিবর্তে আপনার নিজস্ব নাম. আর আমি কোনো কারণে frogman সঙ্গে গিয়েছিলাম. 

এবং তারপর আমি অনেক ব্যয় started-- সময় এই লিঙ্ক মাধ্যমে ক্লিক আজ সকালে. আর আমার সম্পর্কে পাতাটি যা এখন ধরনের আরাধ্য মনে. কিন্তু এটি শুধু সাক্ষ্য দেন কতদূর প্রযুক্তি আসা হয়েছে. আমি দিনে ফিরে, মানে একটি 486 কিছু ছিল. এই দিন, এটি সুপার, সুপার এর, সুপার স্লো এবং বেশ কম আপনি থাকতে পারে আর আপনার নিজের পকেট এইসব দিন. সেখানে যে আরও আছে আরও বিব্রতকর ছিল. তাই আমি যে সময়ে এটা ছেড়ে দেব. কিন্তু যে আমার প্রথম হানা web-- মধ্যে ওহ, কোন. যে ছিল না. ওয়েব প্রোগ্রামিং মধ্যে আমার প্রথম বাস্তব হানা আমি শুধু ভুলে গেছি যা এই সাইটে, ছিল. এক পর্যায়ে আমি শিখেছি কিভাবে পুনরাবৃত্তিমূলক ব্যাকগ্রাউন্ড ইমেজ করা. আর তাই আমি এই টালি কার্যকর পাওয়া হকি খেলোয়াড়, ফুটবল, ও গলফ মত বল, বা যাই হোক না কেন যে হয় Frosh আপনাকে IM ওয়েবসাইটের জন্য. আর এই সত্যি সত্যি, আসলে ছিল প্রথম ওয়েব ভিত্তিক প্রকল্প আমি on-- গ্রহণ আমি হয়তো বার্ষিক মনে বছর, জুনিয়র year-- CS50 এবং CS51, এক নেওয়ার পর সাধারণ ফলো অন ক্লাস. আমি খুঁজছি লক্ষ্য আর্কাইভ মাধ্যমে যে আমার উত্তরাধিকারী এক এবং বন্ধু, লি, ধরনের পরিবর্তন নিজেকে কপিরাইট. কিন্তু এই প্রকৃতপক্ষে কিছু ছিল যে আমি বিব্রত মালিক উচিত. কিন্তু সময়ে, এই প্রথম ওয়েবসাইট, ছিল আমি কয়েক সপ্তাহ আগে বলেন, যা নবীন পারা দ্বারা এখানে intramural ক্রীড়া রেজিস্টার করার জন্য. আর তাই এটি সক্রিয় আউট যে ব্যাকগ্রাউন্ড ইমেজ যে মত যেমন একটি ভাল ধারণা থাকে না. কিন্তু ওয়েব ছিল নতুন, এবং আমরা সব পরীক্ষা নিরীক্ষা করা হয়. আর এই কি আমি দৃশ্যত সময়ে করেনি. ঠিক আছে. তাই আরও ঝামেলা ছাড়া, আমরা সুইচ সত্যিই, আপনি দিতে আজ গিয়ারের, আপনি খুঁজে পেতে পারে যে চূড়ান্ত টুকরা চূড়ান্ত প্রকল্প জন্য সহায়ক কিন্তু মনে রাখবেন যে শুরু হবে পুরো ওয়ার্ল্ড ওয়াইড ওয়েব করতে একটি সামান্য বিট আরো বোধগম্য মনে. প্রকৃতপক্ষে, আমরা পরিচয় করিয়ে দিতে যাচ্ছেন আরও একটি প্রোগ্রামিং ভাষা যে অনুরূপ বলা জাভাস্ক্রিপ্ট এবং বিভিন্ন উপায়ে বিভিন্ন প্রত্যেক থেকে আমরা এ পর্যন্ত লাগছিল করেছি. 

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

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

সিএসএস, এদিকে, একইভাবে একটি প্রোগ্রামিং ভাষা. এটা আরও বেশি নান্দনিক ভিত্তিক হচ্ছে. এবং এটা আপনি ফাইন টিউন এর বাছাই করতে পারবেন ফন্ট সাইজ এবং রং ভালো জিনিস বসানো এবং যে সব এবং. তারপর আমরা ছিল 

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

শ্রোতা: এটা কম্পাইল না. 

DAVID Malan: আবার বলুন? 

শ্রোতা: এটা কম্পাইল না. 

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

শ্রোতা: এটা ক্লায়েন্ট প্রান্তের রান. 

ডেভিড MALAN: এটা রান ক্লায়েন্ট-সাইড, সাধারণত. যে প্রকৃতপক্ষে নির্বিশেষে এর এই মুহূর্তে আমাদের জন্য চরিত্রগত. সি অর্থে সার্ভার সাইড ছিল আমরা CS50 IDE তে সবকিছু যে. পিএইচপি পর্যন্ত হয়েছে সার্ভার সাইড যতটা এটা যেমন, খুব, interpreted-- পায় না কম্পাইল, কিন্তু interpreted-- অবশ্যই যা CS50 আইডিই ভিতরে মেঘ শুধু একটি সার্ভার বা সার্ভার. 

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

তাই জাভাস্ক্রিপ্ট চমত্কারভাবে যথেষ্ট, হয় সুপার একই, সিনট্যাক্স, সি আর পিএইচপি মত অনেক, কোন প্রধান ফাংশন আছে. আপনি লেখা শুরু করতে চান তাহলে জাভাস্ক্রিপ্ট কোড, আপনি আজ দেখতে পাবেন, আপনি শুধু এটা লেখা শুরু. কিন্তু এটি বিশেষ করে, আপনি দেখতে পাবেন, হয় ওয়েব ব্রাউজার প্রেক্ষাপটে দরকারী. যাইহোক, আমার সামান্য সাধারণত earlier-- disclaimer-- আপনি ক্রমবর্ধমান পারেন বলে ছিল আজ ব্যবহারের জাভাস্ক্রিপ্ট সার্ভার সাইড Node.js নামক একটি অভিনব ফ্রেমওয়ার্ক ব্যবহার CS50 এর নিজস্ব অ্যাপ্লিকেশন কিছু যে লেখা হয়. আসলে Node.js. ব্যবহার 50 চেক কিন্তু আমরা ফোকাস চলুন আউট এখানে জাভাস্ক্রিপ্ট ক্লায়েন্ট-সাইড. 

সুতরাং এখানে পিএইচপি অবস্থার একটি সেট. দুঃখিত, আসলে in--, যে বিবৃতিতে, খুব সঠিক. এখানেও একটি সেট জাভাস্ক্রিপ্ট শর্ত. সিনট্যাক্স, এটা C এবং পিএইচপি অভিন্ন. জনাব Boole এর এক্সপ্রেশন, হয় একইভাবে, সিনট্যাক্স সি এবং পিএইচপি উভয় অভিন্ন. আমরা এ সুইচ আছে অভিন্ন চেহারা যে দয়া করে জাভাস্ক্রিপ্ট. আমরা যে loops জন্য আছে অভিন্নরুপে কাঠামোগত যখন loops, যখন loops না. 

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

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

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

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

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

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

শুধু PHP-- ঠিক, আমরা করব শুধু উপস্থাপক নোট ব্যবহার. শুধু পিএইচপি মত, আমি যা করতে পারেন ["প্রতীক"] $ উক্তি $ উক্তি না, এবং এই আমাকে পাবেন মান "প্রতীক." জাভাস্ক্রিপ্ট, এটা হতে যাচ্ছে অভিন্ন, আমি শুধু এটা করতে পারেন যদ্দ্বারা. যে এর একমাত্র জিনিস অনুপস্থিত ডলার চিহ্ন. 

যাতে সুন্দরভাবে যথেষ্ট, তারপর, আছে না সব যে অনেক নতুন বাক্য গঠন. সুতরাং আমরা ফোকাস কি আজ, সত্যিই, হয় ধারনা এবং অ্যাপ্লিকেশন কিছু. আর প্রথমবারের মতো আবেদন যে আপনি পারে আপনি pset মধ্যে dived তাহলে দেখা হয়েছে সাত ইতিমধ্যে এই সিনট্যাক্স. সুতরাং আপনি করেছি pset সাত, তাহলে দেখা বা না এখনো তা দেখেছি; আমরা দিতে যে একটি ফাইল আছে জানি আপনি config.json-- জাভাস্ক্রিপ্ট বলা স্বরলিপি অবজেক্ট. কেন? আমরা সঙ্গে আপনি প্রদান করতে সক্ষম হতে চেয়েছিলেন কিছু কি-মান জোড়া দিয়ে একটি টেমপ্লেট. আমরা আপনাকে একটি তালিকা দিতে সক্ষম হতে চেয়েছিলেন হোস্ট, সার্ভারের নাম. আমরা আপনাকে একটি দিতে চেয়েছিলেন আপনার ব্যবহারকারী নাম স্থানধারক এবং আপনার পাসওয়ার্ড একটি স্থানধারক. আপনি দেখছি না হলে এই এখনো, চিন্তা করবেন না. Pset সাত এই বিষয়ে আরও তথ্য [? বৈশিষ্ট. ?] এবং তারপর, একথাও ঠিক যে, আমরা আপনাকে চাই -ডস পূরণ করার আপনি লগ ইন যখন কারণ আপনি প্রতিটি এবং CS50 আইডিই, আপনার নিজের নাম এবং পাসওয়ার্ড আছে. 

সুতরাং আমরা একটি অর্ধ ডজন ব্যবহার করেছি পারে বা আরো বিভিন্ন ফাইল ফরম্যাটের. আমরা একটি txt ফাইল ব্যবহার করতে পারে. আমরা একটি CSV ফাইল ব্যবহার করতে পারে. আমরা ব্যবহার করেছি পারে একটি INI ফাইল, একটি XML ফাইল, আভা আরো আদ্যক্ষরসমস্টি যে আপনি কি কখনো শুনেছেন না পারে. এটা নির্বিচারে ধরনের দিন শেষে. কিন্তু এই দিন অতি জনপ্রিয় একটি টেক্সট হয় বিন্যাস JSON-- জাভাস্ক্রিপ্ট অবজেক্ট স্বরলিপি যে ভালো দেখায়. এটা একটা সামান্য রহস্যপূর্ণ কিন্তু নিদর্শন লক্ষ্য. আপনি একটি খোলা কোঁকড়া সঙ্গে শুরু বক্রবন্ধনী, এবং আপনি একই সঙ্গে শেষ. ভেতরে এমন কিছু বিষয় যা. এটি একটি কি-মান জুড়ি. তাই এই আমি আছি এমন একটি বস্তু এখানে পর্দায় এ খুঁজছেন যে একটি মান আছে যা একটা চাবি আছে. আর শুধু উপর ভিত্তি inferring আগের প্যাটার্ন, কী এখানে কি? ডাটাবেজ, জিনিস কোলন বাম. 

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

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

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

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

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

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

উদাহরণস্বরূপ, যদি আপনি Google Maps- এ ব্যবহার করা হলে, আপনি ক্লিক করে চলে গেলে কি হবে মাউস, সাধারণত? আপনি ক্লিক করুন এবং টেনে নিয়ে যাওয়া হলে? হ্যা? ঠিক. মানচিত্রে সরানো শুরু হয়. সুতরাং আপনি সাজানোর কি দেখতে পারেন এখানে ওভার, ওইখানে কি. এবং কিভাবে গুগল যে বাস্তবায়ন করে? ওয়েল, সম্ভবতঃ তারা আছেন এই ঘটনার কয়েক ব্যবহার শ্রোতাকে, এক যে , মাউস জন্য শুনতে বলছেন যখন ব্যবহারকারী শারীরিকভাবে তাই down-- তার trackpad অথবা তার মাউস push কর্মের নিচে. এবং তারপর আমরা খুঁজছেন আন্দোলনের মত কিছু বা অন্য কিছু ক্ষেত্রে আমাদের ড্র্যাগ ক্যাপচার করতে পারবেন. এবং বাস্তবিকই, ড্র্যাগ এই একভাবে হয় বিন্দু সম্ভাব্য বিকল্প ডট তালিকা বিন্দু. 

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

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

এখন, পপ-আপগুলি এক ওয়েব অধিকাংশ কুট্টিত বৈশিষ্ট্য. এবং বাস্তবিকই, পিঠ প্রতিদিন পপ-আপ ব্লকার চলন আসে আপনাকে কারণ কিছু website-- যেতে হবে সম্ভবত একটি সন্দেহজনক place-- যে হঠাৎ তারপর would আপনার পর্দা peppering শুরু পপ-আপগুলি আভা সঙ্গে. আর তাই এই ক্ষমতা পপ আপ ব্যবহারকারীর সামনে জানালা বিশেষ হয়েছে না মানবতার দ্বারা আদৃত. আপনি দেখতে সুতরাং যে কেন এই জিনিস প্রতিরোধ, যা শুধু এই গোটা ব্যাপারটাই কুশ্রী তোলে. সুতরাং আমরা একটি প্রয়োজন চলুন ব্যবহারকারীকে অনুরোধ জানানো ভাল উপায়. কিন্তু এখন জন্য, যে কাজ বলে মনে হয়. সুতরাং শুধুমাত্র intuitively কি এখানে ঘটছে বলে মনে হচ্ছে? আমি এগিয়ে যান এবং Submit বাটনে ক্লিক করুন, এবং তারপর কিছু পরিষ্কারভাবে, ঘটছে. কিন্তু ঘটছে না কি যে ঘটতে হয়নি গত সপ্তাহে আমি আজ্ঞাবহদের ক্লিক কোন সময়? পর্দায় কি ঘটতে না? দুঃখিত? পুনঃ লোড করুন. URL- এ সমস্ত পরিবর্তন হয়নি. আমি, এই ডোম 0 বলেন এবং আমি ডোম 0 এ এখনও আছি. সাধারণত, আমরা অন্য কিছু পরিবর্তিত পেতে চাই Register.php বা মত ভালো URL,. 

কিন্তু এমনকি আমি বরখাস্ত যখন ওকে ক্লিক করে আপনি এই জিনিস, ইউআরএল যে লক্ষ্য থাকে সম্পূর্ণ করা. এবং, আসলে, আমি একটু ব্যস্ত যদি সন্দিহান, আমার ক্রোম খুলুন. আমার নেটওয়ার্ক ট্যাব খুলুন. এবং এটা মুহূর্তে ফাঁকা বিজ্ঞপ্তি. আমাকে এগিয়ে যান এবং মারিয়া পুনরায় জমা দিন. কোন নেটওয়ার্ক ট্রাফিক আছে. সুতরাং কোন HTTP- র আছে. 

তাই প্রকৃতপক্ষে, আমি সোর্স কোড তাকান আপাততঃ জন্য আমার এই উইন্ডো বন্ধ করা যাক এবং সোর্স দেখতে যান. জবর. কিছু আছে দেখে মনে হচ্ছে নতুন ট্যাগ, তাদের মধ্যে স্ক্রিপ্ট. সুতরাং এর CS50 মধ্যে কটাক্ষপাত করা যাক আইডিই ঠিক আমি ব্যবহারকারীর পাঠানো কি. 

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

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

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

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

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

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

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

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

কিন্তু এখন দয়া করে জাভাস্ক্রিপ্ট জন্য, এটা শুধু একটি বিন্দু. আর তাই এই ফাংশন, সুন্দরভাবে যথেষ্ট ধরনের এটা আইডি দ্বারা উপাদান পেতে does-- কি বলছেন. একটি উপাদান শুধু আরেকটি নাম DOM মধ্যে একটি ট্যাগ অথবা নোড-এর জন্য. তাই আইডি "নাম" দ্বারা উপাদান পেতে আমার এইচটিএমএল এখানে আপাততঃ মানে. আর এই HTML এর উপর ভিত্তি করে, কি নোড বা কি এইচটিএমএল ট্যাগ আমি প্রোগ্রামের মাধ্যমে হস্তান্তর করা যাচ্ছে document.getElementById কল করে? 

একদম সঠিক. আমি ইনপুট পেতে যাচ্ছি যার আইডি আছে উপাদান "নাম." হয় তাই বিশেষ করে, আপনি যা করতে পারেন এই ফাংশন মনে, দেবার একটি উপায় হিসেবে, getElementById যে নির্দিষ্ট নোডের একটি পয়েন্টার ব্যাক গাছটির মধ্যে. আমরা এই টানা নি বৃক্ষ, কিন্তু এটি একটি উপায় যে অ্যাক্সেস পেয়ে আয়তাকার বা যে আয়তাকার স্বতন্ত্র তার আইডি মাধ্যমে তা শনাক্ত করে. 

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

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

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

আমাকে এখানে এগিয়ে যান এবং Andi, টাইপ, Submit বাটনে ক্লিক করুন. ঠিক আছে. প্রত্যাশা অনুযায়ী যে মনে. এটা "হ্যালো, Andi." বলছেন আমার ওকে ক্লিক করি. জবর. , পৃষ্ঠা পরিবর্তন করে লক্ষ্য করুন মূল পাতা যদ্যপি. পরিবর্তিত এর URL ধরনের লক্ষ্য করুন. এটি একটি প্রশ্ন চিহ্ন যোগ যা সাধারণত একটি সূচক যে আমরা কিছু জমা দিতে চেষ্টা করে. এবং তারপর নীচে, আরও স্পষ্টভাবে, এখানে প্রকৃত HTTP অনুরোধের, 200 একটি প্রতিক্রিয়া পেয়েছিলাম যা আমাকে এখানে নিয়ে এসেছিল. 

তাই এই না কি আমরা ঠিক কাজ করতে চান? কারণ আমি চাই না পুরো পৃষ্ঠা পুনরায় লোড করুন. আমি পরিবর্তে আসতে চেয়েছিলেন তাই শর্ট সার্কিটের সাথে মিথ্যা ব্রাউজারের ডিফল্ট আচরণ, যা পাতা জমা দিতে, অবশ্যই ছিল. 

সুতরাং আসুন একটি কটাক্ষপাত করা যাক বাড়তে ভাল উদাহরণ. এই Dom সংস্করণ এক. এবং নিম্নলিখিত লক্ষ্য. আপনি GROK না এটা ঠিক যদি কোড লাইনের সব. কিন্তু মৌলিকভাবে ভিন্ন কি এই বাস্তবায়ন সম্পর্কে? আমি এটা কিরকম চুক্তির শর্ত করব একই, একই জিনিস আছে. আমি সম্ভবত ভিন্নভাবে কি করেছ? হ্যা? 

শ্রোতা: [শ্রবণাতীত]. ডেভিড MALAN: হ্যাঁ. সুতরাং ফাংশন পূর্বনির্ধারণ হয় differently-- ফর্ম থেকে অনুপস্থিত অন্য কথায়, এ, ওখানে লাইন 7-- বা বরং, লাইন 8-- আর আমি onsubmit অ্যাট্রিবিউট আছে না. পূর্ববর্তী উদাহরণে, আমি এই ছিল. এবং তারপর আমি আক্ষরিক এখানে আমার কোড লেখেন. এবং তারপর আমি ফিরে মিথ্যা বলেন. আর এটি ঘষা না হলে আপনি এখনো ভুল ভাবে, এটা শুরু করা উচিত যত দূর HTML এ ঠিক মত, যেমন, আমরা শুরু যখন এটি সহ-মিশ্রিত শৈলী গুণাবলী মধ্যে CSS এর সঙ্গে, এটা অল্পমাত্র পেতে শুরু ময়লা বা একটু ভুল মনে. 

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

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

এখন, আমি শুধু থেকে জানি এইচটিএমএল এর একটি বিট বুদ্ধিমান এখন আমরা কিছু অনলাইন পড়া ভোগ করছি রেফারেন্স, যে একটি ফর্ম উপাদান সমর্থন ইভেন্ট listeners-- আভা মধ্যে অন্য কথায়, ইভেন্ট লন্ড্রি তালিকা আমরা একটি মুহূর্ত আগে দেখেছি যে শ্রোতাকে. আমি ডকুমেন্টেশন পড়া থেকে জানতে যে onsubmit একটি বৈধ ঘটনা একটি ফর্ম উপাদান জন্য শ্রোতা. 

তাই আমি জানি যে একবার, আমার কি করার জন্য এটি নিরাপদ যে নোড পেতে নিম্নলিখিত বৃক্ষ থেকে, ফর্ম উপাদান, এবং তার তথাকথিত অ্যাক্সেস onsubmit সম্পত্তি. তাই বিন্দু মাত্র মানে এই, একটি সম্পত্তি এটি ভেতরে একটি বিশেষ মূল্য মত. এবং কি ধরনের তথ্য আমি বরাদ্দ, দৃশ্যত, যা, onsubmit করতে ভিতরে কার্যকরভাবে একটি পরিবর্তনশীল বৃক্ষ যে নোড? এটা যে এর ভিতরে struct একটা মাঠ. ডাটা টাইপ কি? 

একটি ফাংশন, হ্যা. সুতরাং এটা পিএইচপি এই আছে দেখা যাচ্ছে. এমনকি আমরা যদিও এটা সম্পর্কে বলতে পারে না, সি ফাংশন পয়েন্টার, আছে পাস ও কার্যাবলী নির্ধারণ করার ক্ষমতা ভেরিয়েবল 'মান নিজেদের হিসাবে. আর আমরা যাচ্ছেন না সি ফিরে প্রত্যাবর্তন করতে কিন্তু এখন জন্য, এটা দেখা যাচ্ছে যে এখানে ডান দিকে, এটা একটু দেখায় যদিও ভীতু, এর মানে হল, আরে ব্রাউজার, আমার একটি ফাংশন দিতে. আমি এমনকি দেবার বিরক্ত যাচ্ছি না এটি একটি নাম আমি আক্ষরিক করছি কারণ এর কল দেওয়া দায়িত্ব অর্পণ করা যাচ্ছে এই ফাংশন অঙ্ক অবিলম্বে onsubmit করতে. অন্য কথায়, ব্রাউজার, আপনি প্রয়োজন হবে না এই ফাংশন বলা কি জানেন যে আপনি. আপনি শুধু আপনার জানা প্রয়োজন যেখানে এটি মেমরি হয়. আর তাই এটি শুধু যথেষ্ট সেখানে একটি সমান চিহ্ন আছে এবং ভালো, এই নামকরণ বিরক্ত না foo বিন্যাস বা অভিবাদন বা অন্য কোন শব্দ. আর এখন এই মাত্র রচনাশৈলীসংক্রান্ত জিনিস. আমি এই তরঙ্গায়িত বক্রবন্ধনী সরাতে পারে the-- sorry-- পরের লাইন সম্মুখের মত আমরা সাধারণত CS50 না. কিন্তু দয়া করে জাভাস্ক্রিপ্ট মধ্যে, এটা আসলে শৈলীগত সাধারণ শুধু কোঁকড়া বক্রবন্ধনী রাখা, যে প্রথম লাইনের প্রথম এক,. 

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

এবং তারপর সেমিকোলন পর কোঁকড়া বক্রবন্ধনী আছে শুধু আমি ফাংশন সংজ্ঞা কাজ করছি মানে. আপনি যত তাড়াতাড়ি কল জানি আপনি একটি জমা শুনবে. ঠিক আছে. এই এখনও তর্কসাপেক্ষ অরুপ ধরনের হয়. তাই আমরা আর কি করতে পারি? 

ওয়েল, এটা তাহলে দেখা যাচ্ছে last-- যা সংস্করণ দুই, এবং আমরা এই সময়ে মাত্র এক নজরে হবে. তৈরীর ঝুঁকিতে এটা uglier, এটি সক্রিয় আউট একটি লাইব্রেরি আছে যে বিশ্বের বলা হয় jQuery. এবং jQuery একটি সুপার হয় জনপ্রিয় JavaScript লাইব্রেরি যে সবচেয়ে যে এত জনপ্রিয় কোনো এটা না জাভাস্ক্রিপ্ট মানুষ গুলান অসাধারণ জাভাস্ক্রিপ্ট সঙ্গে jQuery. কেন? জাভাস্ক্রিপ্ট নিজেই খুব আছে জিনিস করছেন বাগাড়ম্বরপূর্ণ উপায় document.getElementById, dadadadadada. আপনি খুব থাকার শেষ কোড দীর্ঘ লাইন. 

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

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

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

সুতরাং এই নবীন অনুমান intramural ক্রীড়া রেজিস্ট্রেশন পাতা কোনো সিএসএস বা নকশা কোন অর্থে ছাড়া. এবং আমি এগিয়ে যেতে চান এবং একটি পাসওয়ার্ড দিয়ে সাইনইন. আর আমি শর্তাবলীর সাথে সম্মত হন যাচ্ছি এবং শর্ত এবং নিবন্ধন ক্লিক করুন. এবং এখন ওয়েবসাইট হয়, "বলেছেন নিবন্ধিত! (সত্যিই ভাল না.)" এটা কাজ করতে চাই যে, মনে হয় কিন্তু আমাকে এগিয়ে যান এবং পুনরায় লোড করুন জোর দেওয়া. 

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

হুম. ঠিক আছে. তাই বিভিন্ন সুযোগ আছে এখানে উন্নতির জন্য. এবং আপনি কি জানেন, বা pset মধ্যে দেখতে হবে আপনি code-- লিখতে পারেন যে সাত, এবং আপনি লিখতে হবে PHP-- কোড রক্ষার জন্য ব্যবহারকারীর এই ধরণের বিরুদ্ধে ত্রুটি স্পষ্ট ব্যবহারকারী কারণ সহযোগিতা করেনি. এবং সে আপনার দেওয়া হয় নি সব আপনি চেয়েছিলেন বা এমনকি বিন্যাস মান আপনি তাদের চেয়েছিলেন. সুতরাং আপনি pset সাত দেখতে পাবেন যে আমরা অবশ্যই কিছু আছে পারে বলে যে শর্ত যদি ইমেল ঠিকানা যদি একটি username@something.edu, নয় আমরা শুধু পারা দুঃখিত বলতে এবং ব্যবহারকারী যাও ক্ষমাপ্রার্থী অনেক, আপনি pset সাত হতে পারে ভালো. অথবা তারা যে বক্স-টি নির্বাচন না করে থাকেন, পিএইচপি সক্রিয় আউট, আপনি যে সনাক্ত করা সম্ভব, খুব. আর অবশ্যই যদি পাসওয়ার্ড register.php হিসাবে মেলে না pset সাত জন্য, আপনি যে সনাক্ত করা সম্ভব হবে. কিন্তু যে একটা ব্যথা যে ঘাড় এখন তারা অনুরোধ আমাদের সার্ভারে সব পথ যেতে. ব্যবহারকারী ত্রুটি অবগত হয়. আর অন্তত আপনি ব্যবহার না করলে কিছু কল্পনাকারী কৌশল, এখন তারা ফিরে তীর ক্লিক করতে হবে. এটা ভালো, চমৎকার হবে না ওয়েবসাইটের অনেক আজ, আপনি আরো অবিলম্বে ছিল মতামত, অবিলম্বে? 

অন্য কথায়, আমার সংস্করণ যেতে দিন কোন prettier হবে যাচ্ছে যা এক,. কিন্তু এটা এই বৈশিষ্ট্য আছে. মালন, 12345, 123456789, না নিবন্ধন বক্স চেক যাচ্ছে. পাসওয়ার্ড মিলছে না. তাই এই পপ-আপ ugly-- যদিও আমরা শেষ পর্যন্ত এই প্রতিস্থাপন করতে পারেন বুটস্ট্র্যাপ মত কিছু দিয়ে, আপনি pset সাত যা দেখতে পাবেন আমি একটি খুব জনপ্রিয় লাইব্রেরি হয় পাসওয়ার্ড মিলছে না যে সনাক্ত. ঠিক আছে. আচ্ছা, আমাকে ব্যবহারকারী হিসাবে এটি ঠিক করি. আমাকে এগিয়ে যান এবং 12345, 12345 বলে চলুন শুরু করা যাক. এখনও চুক্তি চেক না. আপনি একমত হতে হবে শর্তাবলী. তাহলে কেন? 

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

হয়তো কোন গোলমালে নেই. এটা কি হতে পারে? শ্রোতা: [শ্রবণাতীত]. DAVID Malan: ওহ, আকর্ষণীয়. সম্ভাব্য ক্ষতিকারক. তাই নিশ্চিত, আপনি হ্যান্ডলিং না থাকেন তাহলে ভ্রান্ত ব্যবহারকারীর ইনপুট মহান যে, হয়তো এটা যদি সব ভালো এমনকি আপনার সার্ভার পৌঁছাতে না. আমি সেখানে ফিরে ধাক্কা হবে এবং বলুন, আপনি সম্ভবত উচিত যারা সমস্যার উভয় ঠিক. কিন্তু যে পরিষ্কার. আর কি? 

শ্রোতা: [শ্রবণাতীত]. 

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

কিন্তু আপনি কোন হন তাহলে শালীন আকারের ওয়েবসাইট, বিশেষ করে বড়, ফেসবুকের মত, আরো আপনি মানুষ বন্ধ রাখতে পারেন আপনার সার্ভারের ভাল একটি সার্ভার কারণ, অবশ্যই, শুধুমাত্র একটি RAM- র পরিমাণ সান্ত আছে, gigahertz একটি নির্দিষ্ট নম্বর, কিছু একটি সসীম সংখ্যা এটা সময় প্রতি ইউনিট নির্বাচন করতে পারবেন. আরো লোক আছে, তাই যদি বিশ্বের, আপনার সার্ভার আঘাত ঘটনাক্রমে লগিং ভুল, ঠিক যেমন ভাল আপনি যদি আপনার সার্ভার বন্ধ করে লোড রাখতে পারেন. প্লাস, বিশেষ করে একটি মোবাইল আপনি কি করেছি তাহলে device-- my.harvard মধ্যে চাইলে লগইন করুন অথবা ইয়েল এর NetID বা মত, অনেক সাথে এই লেটেন্সি আছে এটা লাগে যদ্দ্বারা মত ওয়েবসাইট, মত, একটি অভিশাপ দ্বিতীয় বা দুটি মাঝে মাঝে. এবং তারপর, আমার ঈশ্বর, আপনি, mistype যদি তারপর আপনি ফিরে আঘাত এবং এটি পুনরায় আছে. তাই বিশেষ করে, লেটেন্সি আছে ধীর নেটওয়ার্ক সংযোগে. কিন্তু দয়া করে জাভাস্ক্রিপ্ট, কারণ এটা ক্লায়েন্ট উপর সঞ্চালিত হয় এবং আগে পিছে যেতে হবে না একটি সম্ভাব্য ধীর গতির ইন্টারনেট জুড়ে সংযোগ, আপনি পেতে পারেন প্রায় ক্ষণিক প্রতিক্রিয়া. 

সুতরাং আসুন দেখা যাক. সম্পর্কে পূর্ণপ্রকাশিত করা যাক ফর্ম-0 এবং এখানে এইচটিএমএল তাকান. আর এর ঠিক কি ঘটছে দেখতে দিন. যার একটি ফর্ম কর্ম register.php হয়. আমি ঠিক তাই পেতে ব্যবহার করছি আমি URL দেখতে পারে যে. কিন্তু পাসওয়ার্ডের জন্য, আমরা নিশ্চয় চাই চাই বাস্তবে পোস্ট করার জন্য এই পরিবর্তন. এখানে টাইপ লেখা একটি ইনপুট ক্ষেত্র. এখানে আরেকটি ইনপুট টাইপ পাসওয়ার্ড ফিল্ড. আপনি দেখেননি করেছি তাহলে এখানে, হয়, টাইপ চেকবক্সটি একটি ইনপুট. 

কিন্তু কোন জাভাস্ক্রিপ্ট আছে এখানে সবটা. এই মাত্র এইচটিএমএল যে register.php যায়. কিন্তু সংস্করণ এক, যেখানে আমি যারা পপ-আপগুলি পেতে শুরু, আসলে এখানে কি দেখতে দিন. সংস্করণ এক, কি আমি see-- যাচ্ছি আমি যথেষ্ট ফাঁকি পারে চিন্তা যথেষ্ট শব্দ, কিন্তু আমি দৌড়ে বাইরে. 

সংস্করণ আছে one-- আমরা যেতে. সংস্করণ এক, নিম্নলিখিত লক্ষ্য এবং সেরা বাস্তবায়ন নয়, কিন্তু এটা আমার প্রথম. নীচের যে লক্ষ্য করুন ফর্ম, আমি একটি স্ক্রিপ্ট ট্যাগ আছে. আর একটি স্ক্রিপ্ট ট্যাগ, মানে আরে, ব্রাউজার, এখানে কিছু কোড আসে, সাধারণত, দয়া করে জাভাস্ক্রিপ্ট. এবং এখন, আমি কি করছি লক্ষ্য. লাইনে আমি সবে পারেন এটা বলছেন, এটিকে 32 লাইন পড়া, Var তাই আমাকে দিতে form-- ফর্ম নামে একটি ভেরিয়েবল. এবং তারপর document.getElementId পেতে "নিবন্ধীকরণ." এর এটা কি? আচ্ছা, আমাকে এখানে আপ গুটিয়ে দেওয়া. এবং খেয়াল করুন, আহ, আমি ফর্ম উপাদান দিয়েছেন একটি অবাধ কিন্তু বর্ণনামূলক ধারণা নিবন্ধন. তাই এই সম্পর্কে একটি পরিবর্তনশীল দেয় আমার যে নোড দখল করতে পারবেন, বৃক্ষ যে আয়তক্ষেত্র ফর্ম বলা. form.onsubmit মানে, আরে ব্রাউজার, একটি ঘটনা লিসেনার রেজিস্টার এই ফর্মে. এই ফর্ম যখন অন্য কথায়, জমা, নিম্নলিখিত কোড এক্সিকিউট. এটি একটি নাম, কারণ প্রয়োজন নেই কেন আপনি নাম জানা প্রয়োজন? আপনি শুধু আপনার জানা প্রয়োজন অতএব, তা চালানো এটি একটি বেনামী বা ল্যামডা ফাংশন. এবং যে ফাংশন এখানে এই লাইনের সব. এবং এখন, সৎ হতে, এমনকি যদিও আপনি কখনও জাভাস্ক্রিপ্ট লেখা আছে কি না পারে আগে, এটা শুধু C এবং পিএইচপি যুক্তি আছে. সুতরাং form.email.value তাহলে == "" - ইমেইল ফিল্ড যদি তাই হয়, আপনি অবশ্যই "সঙ্গে ব্যবহারকারী এ চিত্কার আপনার ইমেল ঠিকানা প্রদান. " অন্যথায় যদি form.password.value ব্যবহারকারী এ ফাঁকা চিত্কার, হয় "আপনি আপনার পাসওয়ার্ড প্রদান করতে হবে." 

আরো মজার ব্যাপার হলো যুক্তি, form.password.value যদি না হয় সমান form.confirmation.value-- নিশ্চিতকরণ কোথা থেকে এসেছিল? আমার গুটিয়ে দেওয়া. ওয়েল, আমি এই ইনপুট বলা এখানে ক্ষেত্রের পাসওয়ার্ড. আর আমি নিশ্চিতকরণ এখানে এই এক নামে. আমি এটা বলা যেতে পারে পাসওয়ার্ড দুটি বা অন্য কিছু. আমি শুধু যুক্তি চেক করছি এই দুটি একই হয়. এই জনাব Boole হয় এটি সক্রিয় আউট Else-- একটি বুলিয়ান মান, চেক বক্স again--. তাই আমি যদি বলি, বিস্ময়বোধক point-- form.agreement.checked না হলে, পাশাপাশি ব্যবহারকারী এ চিত্কার. 

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

এই সব তাই মামলা, আমি মিথ্যা ফিরে. কিন্তু যদি না হয়, আমি সত্য ফিরে. আর তাই এখন আমরা একটি দেখতে যখন বাধ্যকারী ব্যবহারের আপনাকে মিথ্যা ফিরে আসবে ব্যবহারকারীর করছেন তা বন্ধ এবং তাকে করতে বা তার পছন্দ করে নিন আবার বা আবার টাইপ করুন. অন্যথা, আমরা সত্য ফিরে. 

আর আমার এক পরিচয় করিয়ে দেওয়া এই অন্য বৈকল্পিক শুধু উহার কিছু বোঝার বীজ. ওয়েল, এই সংস্করণ 2, ফর্ম-2 না আমি একটি হাতের একটি তরঙ্গ সঙ্গে কাজ করব. এই, জানতে আগ্রহী তাদের জন্য, হয় jQuery সংস্করণ, চাইতে পারেন আপনাদের মধ্যে যারা যে নির্দিষ্ট লাইব্রেরির সিক্ত. কিন্তু এর start-- এবং কোনো প্রশ্ন করা যাক? আমার মুহূর্ত কারণ জন্য বিরতি যাক যে দ্রুত এবং অনেক ছিল. 

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

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

আচ্ছা, এখানে কি ঘটছে? Google Maps- এ একটি চমৎকার উদাহরণ AJAX এর বলা হচ্ছে যে এই প্রযুক্তি. আমরা শুরু করব এবং এই হল যেখানে একটি বিশেষ জাভাস্ক্রিপ্ট ব্যবহার লোভনীয় ভাবে. পিছনে দিনের, ছিল MapQuest নামক এই ওয়েবসাইটে. আর আমি গ্রহণ করতে হবে একটি 1990 থেকে এই স্ক্রিনশট, যদি আপনি যেমনটি যেখানে মানচিত্রের এখানে সন্ধান, আপনি আক্ষরিক একটি তীর ক্লিক করবে উপরের আপ যে আপনি দেখিয়েছেন একটি মানচিত্র বিভিন্ন বর্গ. আপনি বাম সরাতে চেয়েছিলেন আপনি দেখিয়েছেন যে একটি তীর ক্লিক একটি মানচিত্র বিভিন্ন বর্গ. এব w কিছু কিছু ওয়েবসাইট এখনও এই আজ না. কিন্তু এমনকি একটি MapQuest অর্জিত হয়েছে Google Maps- এ মত, ভাল. 

পরিবর্তে, কি এই ভালো দিন AJAX এর ব্যবহার যে ওয়েবসাইটের. AJAX-- অন্যথায় হিসাবে পরিচিত অ্যাসিঙ্ক্রোনাস জাভাস্ক্রিপ্ট এবং XML, যা বলার অপেক্ষা রাখে না শুধু একটি অভিনব উপায় একটি প্রযুক্তি বা কৌশল যে জাভাস্ক্রিপ্ট ব্যবহার করে একটি ব্রাউজার পারবেন অতিরিক্ত HTTP অনুরোধ করতে পরে পৃষ্ঠা লোড হয়েছে. তাহলে এর অর্থ কি? ওয়েল, এটা কোন ধরনের হতে হবে Gmail এ বিরক্তিকর যদি আপনি চেয়েছিলেন প্রত্যেক সময় আপনার মেইল ​​চেক করতে, আপনি আক্ষরিক কন্ট্রোল-আর বা আঘাত করেছে কমান্ড-আর বা রিলোড বোতামে ক্লিক করুন এবং পুরো রিফু পৃষ্ঠাটি পুনরায় লোড করা হবে. রাইট? এটা সাদা ফ্ল্যাশ হবে সম্ভবত দ্বিতীয় জন্য. আপনি মূঢ় অগ্রগতি বার দেখতে হবে. আপনি নতুন থাকে, তাহলে শুধু দেখতে মেল, পুরো ওয়েবপৃষ্ঠাটি এবং URL আপনি যদি পুনরায় করতে হবে এ আছেন. 

কিন্তু যে Gmail এ ঘটছে না. রাইট? যদি আপনি একটি নতুন ইমেইল পেতে হলে জিমেইল, তা পর্দায় ঘটবে? এটা সঠিক, আপ দেখায়? এটা ঠিক magically প্রদর্শিত টেবিল একটি নতুন সারি হিসেবে. যে আসলে জড়িত একটি জটিলতা শালীন পরিমাণ. আসলে, আপনি এই গাছ আমার মনে হয়, যা এখানে একটি সহজ এক, যদিও Gmail-- এবং আমি নজর চাই কোড এ sure-- হতে সম্ভবত একটি HTML টেবিল আছে বা হয়তো এটি উপস্থাপনা করে একটি unordered তালিকা যেমন আপনার ইনবক্সের ইমেইল প্রতিটি. 

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

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

আর তাই AJAX এই কৌশল যে ঠিক তা করা সম্ভব হয়. আপনি একটি URL পরিদর্শন করেছি, তবে এটা দীর্ঘ ক্রেজি, এবং পৃষ্ঠা আছে একবার আপনি এখনও করতে পারেন লোড হয়েছে থেকে আরো তথ্য দখল এটা কিনা internet-- একটি ইমেইল বা একটি map-- একটি টালি দৃশ্যগুলো পিছনে এটি দখল এবং তারপর পৃষ্ঠা সেটিকে সন্নিবেশ মানুষের সত্যিই না যাতে তার জন্য অপেক্ষা করতে হবে. 

ফেসবুক মেসেঞ্জার একই ভাবে কাজ করে. অন্যান্য websites-- কোন সংখ্যা ওহ, আসলে, এমনকি এই. আমি এই, অকপটে, ধরনের হয়, মানে একটি বিরক্তিকর এইসব দিন বৈশিষ্ট্য. আমি cats-- এই অনুসন্ধান করা শুরু করে একটি ভয়ঙ্কর ব্যবহারকারীর অভিজ্ঞতা ধরনের. এটা শুধু আমার জন্য অনুসন্ধান শুরু হয়. আচ্ছা এটা কি করছে? URL টি সত্যিই পরিবর্তন হয়নি আমি টাইপিং শুরু থেকে. কিন্তু তা জুড়ে যাচ্ছে আকর্ষণীয় হুম, ঠিক আছে wire--. কি জুড়ে যাচ্ছে তারের এখানে শুধু weirder পায়. 

ঠিক আছে. তাই আমাকে এগিয়ে যান এবং পরিদর্শন করা যাক উপাদান এবং নেটওয়ার্ক ট্যাবে যান এবং এই করতে চেষ্টা কারিগরী ও বিড়ালদের সম্পর্কে কম. আমি টাইপ, আক্ষরিক, বিড়াল and-- কি ঘটছে per-- আমি যে ক্লিক যাচ্ছি না. ঠিক আছে. সুতরাং এখানে নিচে, যে কি ঘটছে সময় আমি দৃশ্যতঃ একটি অক্ষর টাইপ? ভালো লেগেছে, নিম্ন স্তরের? কি যারা প্রতিটি সঙ্গে ঘটছে আমি আমার কীবোর্ড এ অক্ষর টাইপ করছি? হ্যা? শ্রোতা: [শ্রবণাতীত]. 

DAVID Malan: ঠিক. যারা অক্ষর প্রত্যেকটি হয় একটি সময়ে গুগল, এক যাচ্ছে. তারা একটি স্ট্রিং তৈরী করা হয় তাদের সার্ভারে যে প্রতিনিধিত্ব আমি এ পর্যন্ত টাইপ করেছি সবকিছু. এবং প্রত্যেক সময় আমি টাইপ অন্য অক্ষর, তারা একটি তাদের গোপন সস ব্যবহার অ্যালগরিদম অনুসন্ধান ও জিনিসটা, তিনি এই বিড়াল পাতা মানে এই বিড়াল পৃষ্ঠা বা মত বা? কিছু অর্থে তাই, এটি একটি সঙ্গে আমাকে প্রদান যে ভালো অভিজ্ঞতা আমি এমনকি না আমার চিন্তার সম্পূর্ণ করতে হবে. এবং প্রকৃতপক্ষে, এটি একটি দরকারী জিনিস, সাধারণ স্বয়ংসম্পূর্ণ. তাদের আলগোরিদিম যদি ভাল যথেষ্ট এবং অনুসন্ধান আমার যথেষ্ট সুস্পষ্ট হয় তাহলে, আমি সম্পূর্ণ শব্দ টাইপ করতে হবে না. তারা আমাকে বলতে যাচ্ছেন কি এটা আমি আসলে জন্য অনুসন্ধান করছি হয়. তাই কি Google ঝটপট আহ্বান অনুসন্ধান শুধু, AJAX ব্যবহার করা হয় তাদের অনুরোধ করতে পারবেন যে কোড ব্যবহার করে একটি ওয়েব ব্রাউজারের মাধ্যমে অতিরিক্ত কন্টেন্ট এই ব্যবহার দৃশ্যগুলো পিছনে নতুন ভাষা, দয়া করে জাভাস্ক্রিপ্ট. সুতরাং আমরা বাম কয়েক মিনিট আছে. আর আমার বন্ধুকে আপ কল করা যাক মঞ্চে Colton আপ, এটা লাগে বিশেষ করে মজা শেষ সময় একটি প্রযুক্তি প্রবর্তন করা আপনি কিছু যে ইচ্ছা প্রকাশ করেছে চূড়ান্ত প্রকল্পের জন্য এ. আমরা এটা আনা মজার ব্যাপার হতে চাই একটি স্বেচ্ছাসেবক আপ, যদিও, আজ আপনি অতিরিক্ত প্রদর্শন হ্যা তোমাদেরকে পারবেন যে এই, আমি প্রথম এই হাত দেখেছি. চলো. অনেক ভালো করেছ. গুড জব. আমি এই প্রকল্পের যাচ্ছি মাত্র কয়েক মিনিটের মধ্যে পর্দা. প্রত্যেকের জন্য আপনার নাম কি? 

ইএফএ: আমি EFA আছি. 

DAVID Malan: Etha? 

ইএফএ: EFA. 

DAVID Malan: EFA? 

ইএফএ: হ্যা. 

DAVID Malan: আপনি দেখতে সুন্দর. ঠিক আছে. আমার এই উদ্যোগ করা যাক. উপর চলো এখানে Colton সঙ্গে মাঝখানে. কি Colton তার হাতে আছে আজ একটি রিমোট কন্ট্রোল. তাই বরং মাত্র সেখানে দাঁড়ানো চেয়ে প্রায় খুঁজছেন ত্রিমাত্রিক বিশ্বের Colton করেনি, এখন EFA পারেন আসলে ঊর্ধ্বগামী দ্বারা প্রায় পদব্রজে ভ্রমণ, ডাউন, বাম, এবং একটি মত ডান ছুটিতে বা এক্সবক্স নিয়ামক. ইএফএ: আমি মঞ্চে খসা যাচ্ছি. DAVID Malan: আমি আছি এখানে ওভার প্রায় স্ট্যান্ড. কিন্তু এটা একটা বিরাট ঝুঁকি. ঠিক আছে. তাই এগিয়ে যান এবং তাদের উপর করা. আমাকে এগিয়ে যান এবং এখানে পর্দায় সুইচ. আমার অস্পষ্ট আলো যাক. এবং Colton, আমার দিন আপনি পাশে দাঁড়ানো আসা. 

আপনি এখানে ব্যাখ্যা করতে চান না মাইক দিয়ে আমরা কি করছেন? এখানে আপনি যান. 

Colton: শিওর. তাই এই মুহূর্তে আমরা আছেন চক্ষু আপ লোড, আমি operating-- অপারেটিং না অনুমান সিস্টেম, কিন্তু মূল প্রোগ্রাম, যেখানে আপনি সমস্ত গেম অ্যাক্সেস করতে পারেন এবং আপনার লাইব্রেরি আছে অ্যাপ্লিকেশান. তাই এই মুহূর্তে, এটা বলতে হবে টাচপ্যাড শুরু টোকা. টাচপ্যাড হতে যাচ্ছে হেডসেট ডানদিকে. তাই এগিয়ে যান এবং tap-- ইএফএ: ওহ, মানুষ. ডেভিড MALAN: হ্যাঁ, এইবার ঠিক আছে. EFA দেখা হয় মানের অনেক উচ্চ মানের হয়. এই এখানে শুধু ওয়াই-ফাই. Colton: আপনি আছেন তাই কি কাজ করতে চান যাচ্ছে উপরের দিকে তাকান হয় পর্দার ডান. হাঁ, খুব উপরের ডানদিকে যে খেলা. এবং তারপর আপনি নির্বাচন করছেন যখন এটা, আবার টাচপ্যাড টোকা. আমি তার Dreadhalls মনে. এবং তারপর এখানে এখানে ছাগু karigor.com হয়, যাক আমাকে আপনার জন্য আপনার চশমা রাখা. 

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

ইএফএ: এখন আপনি আমাকে বলুন. ঠিক আছে. 

Colton: ঠিক আছে. তাই আপনি যদি কাছাকাছি স্থানান্তর করতে পারেন তা নিশ্চিত করতে. ঠিক আছে. আপনি কাছাকাছি সরানো যাবে. পারফেক্ট. আপনি নিচে দেখুন যদি তাই হয়, আপনি একটি মানচিত্র আছে. আপনি যেখানে আপনি মানচিত্রের আপনি দেখায়. আপনি ঘরের চারপাশে তাকান পারেন. আপনি সম্পূর্ণরূপে প্রায় চালু করতে পারেন. একদম সঠিক. ঘুরো. 

তাই আপনার বাম দিকে তাকিয়ে আছি. আমি কিছু আছে আপনি করতে পারেন মনে করি রুমে একটা পিপা নিতে. 

ইএফএ: আমি পেতে পারি কিভাবে উপায় ছকা? Colton: আপ দল. শুধু চেহারা আপ. ঠিক আছে. এই নাও. এখন এগিয়ে যান এবং শুধু চারপাশে ঘুরিয়ে. তাই আপনার বাম অধিকতর চেহারা. বাম চলন্ত রাখা. বাম খুঁজছেন রাখুন. চোলতে থাকা. হ্যা. 

ইএফএ: ওহ, যে ভাবে. 

Colton: হ্যা. নিয়ামক সঙ্গে এটি দিকে হেটে. এই নাও. এখন এটা নিতে বলা উচিত. এই নাও. এটা উপরে তোলো. ঠিক আছে. এখন, আমি কি এই ঘর থেকে বাহির করা যাক. এগিয়ে যান এবং যে দরজার দিকে হাঁটুন. তাই আপনি এটা বলছেন hold-- চলুন খোলা এটা বলপূর্বক বাটন রাখা. তাই এগিয়ে যান এবং বাটন রাখা. হাঁ, এটা খুলতে বাধ্য. ঠিক আছে. গুড জব. এখন আমরা ঘর থেকে বেরিয়ে হাঁটা করছি. তাই আমি বাকি হাতে ছেড়ে দিতে যাচ্ছি এবং আপনাকে আপনার জানতে কি দেখতে. ইএফএ: আমি অন্ধকার রুমে যাচ্ছি না. অপেক্ষা কর. এখন আমি অন্ধকারে Hall নামা আছে? ঠিক আছে, আমি [শ্রবণাতীত] ফিরে যাচ্ছি. Colton: ঠিক আছে. আরো কিছু আইটেম কুড়ান. কিছু কয়েন মত ​​দেখায়. একটি লক যে পছন্দ. আপনি এটি যদি তাই একটি লক দরজা, আপনি ব্যবহার করতে পারেন. তুমি কি ভীত? 

ইএফএ: এখনো না. Colton: ঠিক আছে. 

হ্যা Pretend--. শুধু আপনি জাহির আসলে সেখানে দাঁড়িয়ে. আর আপনি around-- চালু হলে আপনি এটি ব্যবহার করতে পারেন পেয়েছেন. কিন্তু এটা জ্ঞান করে তোলে. DAVID Malan: EFA চলতে থাকে এবং যখন আমরা এই সব দিন যেত না যেহেতু, খেলা, আমরা সব টিপ অঙ্গুলী আউট করতে পারেন এখানে. কিন্তু আমরা দুই অন্যান্য জোড়া আছে, আপনি চলে আসে এবং খেলতে চাই. অন্যথা, আমরা দেখতে হবে আপনি বুধবার পরবর্তী. আজ আমাদের স্বেচ্ছাসেবক থেকে আপনাকে ধন্যবাদ. [সাধুবাদ] 

[সঙ্গীত - "Seinfeld থিম"] বক্তা 1: ওয়েল, আমি আছি নির্বাণ একটি নতুন পিএল উপর মাউন্ট. আমি শুধু OLPF-- পরিবর্তন 

স্পিকার 2: তাই কি ঠিক কিভাবে আপনি করছেন? 

বক্তা 1: ওয়েল, প্রতিটি এক these-- এখানে, আমি আপনাকে এখানে এই এক দেখাব. আপনি ঠিক যে এটা দেখতে পারেন. 

স্পিকার 3: আমি এই সাথে ভাল আছি. আপনি আরো কিছু করতে চান? 

স্পিকার 4: না, আমি ভাল আছি. [শ্রবণাতীত]. 

স্পিকার 3: হ্যাঁ, [শ্রবণাতীত]. কিছু নাও. বক্তা 1: বিভিন্ন রঙ. স্পিকার 2: ঠিক আছে. বক্তা 1: তাই শেষ পর্যন্ত কি এটা এটা রং adjusts হয় না র