[ধারা 9 - কম আরামদায়ক] [Nate Hardison - হার্ভার্ড বিশ্ববিদ্যালয়] [এটি CS50. - CS50.TV] ঠিক আছে. সুতরাং, সেমিস্টারে শেষ অধ্যায়. শুরু করার জন্য, আমি, কিছু Ajax কি কিছু এবং cries আছে জানি কিন্তু আমরা প্রথম কাজ করা উচিত যে অন্য কোন বিষয় আছে? আমরা আছে যাতে আমার রহমান মাধ্যমে সুইচ - আমাকে পরিবর্তে কমলা কালো ব্যবহার. Ajax মেনু হয়. অন্য কোন? মানুষ দেখতে চান যে অন্য কোন বিষয়? আমি খুব আগে DOM শুনে. [ছাত্রদের] jQuery. JQuery. ঠিক আছে. jQuery. আমরা খুব যে একটি ছুরিকাঘাত করতে পারেন. [ছাত্রদের] এক্সএমএল. এক্সএমএল. [ছাত্রদের] JSON. এক্সএমএল, JSON. ঠিক আছে. পিএইচপি? সব ভাল? সি? সব ভাল? [ছাত্রদের] এটি পিএইচপি সম্পর্কে কথা বলার জন্য আঘাত না করে. টেবিলের হ্যাশ? প্রচেষ্টা? লিঙ্ক তালিকা? [ছাত্রদের] ওহ, গত বছর থেকে ব্যঙ্গ, ওমেগা এবং বড় ও জন্য একটি টেবিল আছে হ্যাঁ. সংস্করণ এবং illusions বিভিন্ন ধরণের জন্য সময়ের জন্য [ছাত্রদের]. আমরা যে বিষয়ে কথা বলতে পারেন? হ্যাঁ. আমরা ডাটা স্ট্রাকচার সামান্য বিট সম্পর্কে কথা বলতে পারবেন. [ছাত্রদের] হ্যাঁ. [ছাত্রদের] চেষ্টা করে. [Hardison] ডাটা স্ট্রাকচার. আমরা নিশ্চিত জন্য কিছু চেষ্টা সম্পর্কে কথা বলতে পারবেন. [ছাত্রদের] আমরা সিএসএস অল্প থাকতে পারেন? হ্যাঁ, আমরা একটু সিএসএস করতে পারেন. অন্য কোন বিষয়? স্যাম? [ছাত্রদের] পিএইচপি ব্যাপ্তি. [Hardison] ব্যাপ্তি. পিএইচপি ব্যাপ্তি. [ছাত্রদের] HTTP-র. HTTP-র. জট্টিল. আমি এই কাজ করতে এক উপায় ধরনের chronologically সবকিছু সংগঠিত করতে হবে অনুমান যারা নিকটতম ছিল এবং যেহেতু ডাটা স্ট্রাকচার দিয়ে শুরু. অথবা আমরা এইসব অগ্রাধিকার তৌল কিছু সাজানোর দায়িত্ব অর্পণ এবং সেখানে থেকে যেতে পারেন. তাই আপনাকে বলছি কি মনে হয়? সবাই দেখতে মৃতু্য হয় এমন কিছু বিষয় আছে? এর হাতের একটি বাড়াতে করুক না. কিভাবে Ajax সম্পর্কে কি? কত আপনি না এর Ajax সম্পর্কে জানতে চান? আপনি যদি মত কত হাজার "ম্যান, Ajax, আমি আপনি পেয়েছেন"? কেউ. ঠিক আছে. সুতরাং Ajax বেশ উচ্চ. এর যে লোক তারকা যাক. কিভাবে DOM সম্পর্কে কি? DOM শিলা প্রস্তুত সকলে? কোন? ঠিক আছে. আমরা খুব যে এক তারকা পাবেন. jQuery? Queryless. হ্যাঁ. ঠিক আছে. JQuery জন্য দম্পতি মানুষ, কিন্তু এখনও মানুষ যে একটু বেশি শীতলতা হয়. ঠিক আছে. এক্সএমএল? এক্সএমএল. [ছাত্রদের] আপনি ব্যবহার করবেন না যে Ajax প্রেক্ষাপটে বেশী? অর্থে যে - হ্যাঁ. আমি বলতে চাচ্ছি, তা Ajax মূল উপাদান, তাই আমি মনে করি আমরা Ajax সঙ্গে যে পাঁজা পারে অনুমান সেখানে পুরো জিনিস সম্পর্কে চ্যাট. JSON? JSON কি? ঠিক আছে, শান্ত. ডাটা স্ট্রাকচার? মানুষ সেখানে বেশ ভাল বোধ! আপনি আপনার লিঙ্ক তালিকা জানি, আপনার হ্যাশ টেবিল জানেন? কিভাবে Speller সকলে জন্য যান? এটা তাই না, একটি doozy ছিল? হ্যাঁ. ঠিক আছে. হ্যাঁ, আমরা যারা আবার কিন্তু, হিসাবে গুরুত্বপূর্ণ না সম্পর্কে অল্প কথা বলতে পারেন. সিএসএস? আপনার ওয়েবসাইটের চমত্কার চেহারা তৈরি. ঠিক আছে. পিএইচপি ব্যাপ্তি? এক বড় হাতের ওইদিকে. দুই বড় হাতের, তিন. ঠিক আছে. হয়তো একটি মাঝারি হাত. [ছাত্রদের] প্রায় 2. হ্যাঁ. স্যাম আন্দোলন করা হয়. আপনার হাত আপ পান. HTTP-র? ঠিক আছে. সুতরাং আসুন দেখুন. এটা Ajax মত স্পষ্টভাবে দেখায় এবং DOM grabs জন্য আপ করা. সুতরাং আসুন যে দিয়ে শুরু করা যাক. আমি মনে করি আমরা এখানে বিকল্প একটি দম্পতি আছে অনুমান. এক ধরনের Ajax এবং XML কি একটি সংক্ষিপ্তবৃত্তি না হয় আমরা সত্যিই অধ্যায় বা সমস্যা সেট যে কি সময় আছে কি না, যেহেতু. অন্যান্য জিনিস আগের বছর 'ক্যুইজ থেকে কিছু সমস্যার মধ্যে আকর্ষণীয় হয় এবং সেখানে কি ঘটছে তা দেখতে. 2 এর মধ্যে কোন পক্ষপাত? [ছাত্রদের] আমি কংক্রিট উদাহরণ আরো সহায়ক হবে. কংক্রিট উদাহরণ আরো সহায়ক? ঠিক আছে. বিশেষ করে কোন বেশী, Ajax ক্রু থেকে আপনি তাদের? আপনি তাকান করতে চান কোন সমস্যা? [ছাত্রদের] Ajax সম্পর্কিত হ্যান্ডলার এ সব কি? আমি অদূর ভবিষ্যতে মনে করি - জাভাস্ক্রিপ্ট ইভেন্ট হ্যান্ডলার অগত্যা Ajax সঙ্গে সম্পর্কযুক্ত নয়. তারা যা করতে পারেন. [ছাত্রদের] হ্যাঁ, যে আমি আসলে না যে অন্য ধারণা. ঠিক আছে. [ছাত্রদের] কিন্তু আমি গত বছর থেকে ব্যঙ্গ মধ্যে মনে 1 বড় সমস্যা আছে Ajax এবং আমি সত্যিই না যে বাক্য গঠন সংক্রান্ত যে ব্যঙ্গ এর পরে অংশে - ঠিক আছে. এবং Ella? আমি Ajax কি জানি কিন্তু আমি এটা কিভাবে ব্যবহার করতে জানি না ভালো [ছাত্রদের] আমি মনে. ঠিক আছে. আমি Ajax এটি কিভাবে ব্যবহার করতে বা হয় কি না জানি না মত [ছাত্রদের] আমি মনে. [হাস্য] ঠিক আছে. যে কাজ চমত্কার. এর দেখতে দিন. এর হয়তো প্রথম Ajax ভাল দৃষ্টান্ত তাকান. স্বাগতম, স্বাগত জানাই. আমি আপনি ক্যামেরা ঠিক আছে আশা করি. যদি না হয়, আপনি ফিরে মধ্যে থাকা যাবে. Ajax এর ভাল উদাহরণ. আমাকে আমার ল্যাপটপ মাধ্যমে সুইচ. এখানে আমরা Google.com এ হয়. কত আপনি না কখনও "কিভাবে আমি?" মজা আছে খেলেছে Google এ খেলা? আমি কিভাবে করবেন - এবং আপনি চলে আসে যে সব মজার জিনিষ দেখতে পাবেন - আমার টাম্বলার এই সঙ্গীত করা? এবং আপনি বর্তা এবং মজার জিনিস সব এই সাজানোর পেতে পারেন. কি এখানে ঘটছে? আপনি Google প্রশ্নের সাথে বাক্সে টাইপ হিসাবে, বাস্তব সময় ফলাফল আপডেট করা হয়. তাই এই করা - এবং আপনি ফলাফল সব গুগল ওয়েব পেজে আপডেট শুরু বিজ্ঞপ্তি. যে আপনার কম্পিউটারে ঘটছে এমন কিছু নয়. নেটওয়ার্ক এই জড়িত হয়. গুগল এই সঙ্গে জড়িত হয়. এটা, আপনি একটি কি টিপুন প্রত্যেক সময় মত জি বা এল বলে দেখা যাচ্ছে যে এবং অনুসন্ধান ফলাফল আপডেট, কি ঘটছে কিছু জাভাস্ক্রিপ্ট আপনি কি টেপা যে detecting যে পেজে আছে হয়, এবং এটি সর্বশেষ ফলাফল সব আপ লোড Google.com একটি নেটওয়ার্ক অনুরোধ করছে যে শ্রেষ্ঠ আপনি এতদূর টাইপ করেছি যে প্রশ্নের সাথে মাপসই. দুর্ভাগ্যবশত, আমি বিশ্বাস করি যে আমরা এই তাকান ছিল - আমি উৎস তাকান চলেছি - এই Ajax অথবা জাভাস্ক্রিপ্ট কোড অধিকাংশ এখানে সব minified এবং প্রায়ই খুব অল্প scrambled হয়. minification আক্ষরিক আপনি মাধ্যমে আপনার জাভাস্ক্রিপ্ট কোড রান করতে পারেন একটি প্রোগ্রাম এবং এটি আপনার সকল ভেরিয়েবলের নাম পরিবর্তন এবং এটা সম্পূর্ণই পাঠযোগ্য করে তোলে কিন্তু সম্ভব আপনার জাভাস্ক্রিপ্ট হিসাবে ছোট করতে চেষ্টা করে যাতে আপনি নেটওয়ার্কের মাধ্যমে আপনার জাভাস্ক্রিপ্ট ফাইল পাঠাতে হলে আপনার বড় ফাইল লোড বা পাঠাতে হচ্ছে না. তাই এই বিষয় পড়তে বেশ কঠিন, এই জন্য Buzzword - কিন্তু কি ক্ষমতা এই Typeahead এখানে মগ্ন - Ajax অনুরোধ করে. কি নেটওয়ার্ক অনুরোধের অন্য কোনো ধরনের থেকে একটি AJAX অনুরোধ আলাদা করে তোলে? স্যাম? [ছাত্রদের] আপনি URL টি পরিবর্তন করবেন না. [Hardison] ডান. যথাযথভাবে. আমি টাইপ করার আপনার লক্ষ্য "কিভাবে আমি জোড়া মোডে আমার হন্বস্থি করা?" [Chuckles] কিছু মজার সবসময় আছে - হ্যাঁ. আপনি পর্যন্ত এখানে উপরের এই URL পরিবর্তন করা হয় না বিজ্ঞপ্তি, এবং সম্পূর্ণ পাতা রিফ্রেশ হয় না. তাই আমরা উপরে ডানে এখানে উপাদান এই ধরনের তাকান, উপরের এই বার, এই গুগল, এবং তারপর এখানে কালো বার, প্রায়ই, একটি ওয়েব পৃষ্ঠার ক্রোম যা বলা হয় যে পরিবর্তন না. সম্পূর্ণ পাতা রিফ্রেশ হয় না. AJAX অনুরোধ পৃষ্ঠার ঠিক ফলাফল রিফ্রেশ ব্যবহৃত হয়, পৃষ্ঠার 1 সামান্য অংশ যাতে আপনি একটি সম্পূর্ণরূপে ভিন্ন URL-এ যেতে হচ্ছে না করছি ঠিক যে একটি সম্পূর্ণরূপে ভিন্ন ফাইল, এবং মেমরিতে যে লোড. তাই আপনি যদি বিপ্লবের গতিশীল ওয়েব 2.0 ধরণ সম্পর্কে কথা মানুষ শুনতে যখন, এই এটা অনেক পিছনে ছিল. এর মানে আপনি ফেসবুকে একটি প্রাচীর পোস্ট লিখতে পারবেন কি, পোস্ট আঘাত, এবং post রিফ্রেশ সমগ্র ফেসবুক পাতা ছাড়া প্রদর্শিত হয়েছে বা, ফটো একটি গুচ্ছ মধ্যে স্ক্রোল এবং পরিবর্তনশীল ফটো লোড , আপনি আপনার ফেসবুক পাতা গিয়েছিলাম হলে কিভাবে এটা স্তন্যপান কারণ দা উপর ক্লিক করুন, এবং তারপর সেখানে বসতে এবং অপেক্ষা করতে হয়েছিল আপনার ফেসবুক ফটো সব দম্পতি হাজার মেমরির মধ্যে লোড করার সময়? যে বিপুল চাহিদার জন্য. কিন্তু Ajax সঙ্গে আপনি অ্যাসিঙ্ক্রোনাস তা করতে পারে, এবং যে Ajax এর অ্যাসিঙ্ক্রোনাস অংশ. ঠিক আছে. আমরা ভাল আছেন? সবাই ধরনের Ajax করছে প্রায় বুঝতে না? এটা জাভাস্ক্রিপ্ট দ্বারা কাজ, এটা কোন ধরনের পরিবর্তনশীল এবং দ্বারা অ্যাসিঙ্ক্রোনাস সম্পন্ন পাতা লোড হয় পরে. এটা প্রায়ই, একটি ইভেন্ট প্রতিক্রিয়া ধরনের হিসাবে পরে আসে যা একটি মাউস ক্লিক অথবা একটি কী প্রেস বা যে মত কিছু হয় না. এবং তারপর এটা আপনার Google.com করছি কিনা, ফিরে সার্ভারে একটি কল করে তোলে অথবা Facebook.com, কিছু নতুন কন্টেন্ট তারপর প্রদর্শন বা আপডেট করতে আহরণ বা যে মত কিছু. কুল. ঠিক আছে. এর আগের বছর থেকে উদাহরণ কয়েক তাকান. আমরা ক্যুইজ করতে যাবেন. এবং তারপর কোরআন, আপনি 2011 থেকে ক্যুইজ 1 উল্লেখ করা হয়. [ছাত্রদের] হ্যাঁ. আমি সতর্ক হবে তবে একটি বিষয় যে আগের বছর 'ক্যুইজ দিকে তাকিয়ে মধ্যে আপনি Ajax যাও সম্পর্ক সঙ্গে প্রায়ই XHR নামক এই জিনিস দেখতে পাবেন. যদি আপনি হবে XHR এবং XML HTTPrequest, Ajax করছেন কাঁচা উপায় ধরনের. এই বছর আমরা প্রায় সম্পূর্ণ এই jQuery লাইব্রেরি ব্যবহার করে রূপান্তর করেছি. jQuery সাহায্যকারী জাভাস্ক্রিপ্ট ফাংশন এবং ক্লাস এবং গুডিজ সমস্ত প্রকারের একটি লাইব্রেরি আছে, এবং jQuery ধরনের দূরে আপনার কাছ থেকে কাঁচা XHR স্টাফ বিমূর্ত এটা প্রকৃত Ajax স্টাফ না অনেক সহজ তাই. আপনি এই আগের বছর 'ক্যুইজ মাধ্যমে স্ক্রলিং করছি সুতরাং হিসাবে এবং আপনি XHR এবং নতুন XML-HTTPrequest বলেছেন যে জিনিস দেখছি, জিনিস সব ধরণের, আপনি যে উপেক্ষা করতে পারেন. এর পরিবর্তে আমরা শুধু jQuery পথ চলুন. আমরা আপনাকে HTTPrequest এক্সএমএল জানতে আশা করবেন না. কিন্তু ভাল এটা Ajax এই ধারণা সমার্থক জানা, এই অসমকালীন জাভাস্ক্রিপ্ট আনয়ন এক্সএমএল বা JSON অথবা নেটওয়ার্কের মাধ্যমে যাই হোক না কেন. কিন্তু মূলত, এটা এক্সএমএল সঙ্গে পরম্পর বা এক্সএমএল সাথে সংযুক্ত করা হয়. ঠিক আছে. এর নিচে স্ক্রল যাক. আপনি বিশেষ করে যা সমস্যা, শার্লট মনে পড়ে? এটা আমি ঠিক সময়ে খুঁজছি যে এই পৃষ্ঠায় লেগেছে? [ছাত্রদের] হ্যাঁ, আমি তাই মনে করি. [Hardison] আহ, আমি পেয়েছি. ঠিক আছে. হ্যাঁ. এর সত্যিই দ্রুত এই বিষয়ে কথা বলুন. Ajax কাজ করে ভাবে, আপনি আপনার কম্পিউটারে কিছু জাভাস্ক্রিপ্ট ফাইল পেয়েছেন হয় এবং সত্যিই এটি আপনার ওয়েব ব্রাউজারের প্রেক্ষিতে ধরনের এর চলমান. আপনার চূড়ান্ত প্রকল্প তৈরি করতে যদি তাই - আমি জানি না - হার্ভার্ড ব্যক্তিদের জন্য নতুন ডেটিং সাইট এবং আপনি আপনার ডেটিং সাইট বেনামী বার্তা পাঠাতে ক্ষমতা আছে চান ব্যক্তি থেকে ব্যক্তি বা বেনামী ফেসবুক প্রাচীর মত পোস্ট এবং আপনি একরকম যে Ajax ব্যবহার করতে চান যাতে আপনি একটি বার্তা পোস্ট করতে হলে এটি সমগ্র সাইট রিফ্রেশ করা হয় না, আপনার জাভাস্ক্রিপ্ট কোড মধ্যে আপনি একটি নতুন Ajax কল সেট আপ হবে. আমি ল্যাপটপে এই কাজ করতে হবে কি না তা সম্পর্কে ডিবেটিং করছি. Ajax কল সম্পর্কে গুরুত্বপূর্ণ অংশ asynchronicity এই ধরনের তা আছে যে হয় আমার পিঠ আমার রহমান স্যুইচ যাক - অর্থে যে - অর্থে যে আমি কিছু Ajax কি বলতে যাচ্ছে যে কোড আছে, তারপর আমি আমার জাভাস্ক্রিপ্ট কোড খুব পরের লাইনে না Ajax সম্পন্ন হবে আশা. কি হবে, আপনার কোড হিসাবে জাভাস্ক্রিপ্ট মধ্যে ক্রমানুশারে চালানো হয় আপনি এই Ajax কল করা হলে, আপনি মূলত বন্ধ forking করছেন ও, এখানে বেশী কিছু সার্ভার থেকে ইন্টারনেটের আউট একটি অনুরোধ প্রেরণ যা আমি অঙ্কন এবং পরিষ্কারভাবে খুব ভাল এটা অঙ্কন করছি না এই বাক্সের হয়. আপনি কিছু সময় নিতে যাচ্ছে যে সার্ভারে এই কল বন্ধ forking করছেন এটি ইন্টারনেট থেকে যায় বন্ধ এবং যায় এবং যে সার্ভার হিট হিসাবে এবং যায় এবং আপনি ফিরে প্রান্তে লিখিত করেছি যে পিএইচপি স্ক্রিপ্ট আহ্বান আসলে আপনার ডাটাবেস অথবা যে ভালো কিছু যে বেনামী বার্তা রেকর্ড. সার্ভার প্রক্রিয়াকরণের সম্পন্ন করা হয় সুতরাং যখন যে ঘটনাচক্রে তারপর কিছু সময় লাগবে, এবং হবে আপনার AJAX অনুরোধ, এটি আপনার জাভাস্ক্রিপ্ট কোড ফিরে আসবে কিন্তু আপনি সত্যিই মৃত্যুদন্ড কি পর্যায়ে, যেখানে জানি না আপনি এই সাড়া পাওয়া চলুন. কিভাবে এই জাভাস্ক্রিপ্ট মধ্যে পরিচালিত হয়? এটা আমরা ল্যাপটপে বিষয়ে কথা বলছি যে এই সমস্যার মধ্যে আসে এই যেখানে আপনি একটি হ্যান্ডলার রেজিস্টার, যেখানে আপনি একটি নির্দিষ্ট জাভাস্ক্রিপ্ট ফাংশন রেজিস্টার AJAX অনুরোধ সমাপ্ত না হলে চালানোর জন্য. আপনি শুধুমাত্র কোড খুব পরের লাইনে তারপর আপনার Ajax কল ও করতে পারবেন না Ajax কল সমাপ্ত অনুমান. এই সৌন্দর্য অংশ আপনি আপনার JavaScript চালানোর জন্য অবিরত করতে চান হয় এটি এই পৃথক অনুরোধ বন্ধ মাল পারেন কারণ এটা Ajax কল তৈরি হচ্ছে পরে এবং অন্যান্য জিনিসের প্রক্রিয়াকরণের রাখা. আপনি আপনার JavaScript চালানোর চলতে যেখানে concurrency এখানে যাচ্ছে এই ধরনের পেয়েছেন এবং অন্যান্য Ajax অনুরোধ ঘুর্ণন আউট চালিয়ে যেতে পারে, অন্যান্য মজা জিনিসগুলি রাখা. তোমার Ajax অনুরোধ শুধু, নেটওয়ার্কের বাইরে যান এবং তারপর তারা ফিরে আসা যখনই ফিরে আসা কিন্তু আপনি এই হ্যান্ডলার ফাংশন রেজিস্টার যখন, আপনি এই ফাংশন বলা পরার কারণ আপনার Ajax কল ফিরে করেনি জানেন যে যখন যে. সুতরাং পরিবর্তে আমরা সি ব্যবহার করতেন যে এই অনুক্রমিক সঞ্চালনের পথ হচ্ছে, আপনি আমরা সেমেস্ত্র প্রারম্ভে ভূত দেখেছি আরো অনুরূপ কি আছে আপনি এই সম্প্রচার আছে যেখানে এবং তারপর আপনি এই "আমি এই ঘটনা পাবেন না." "সবুজ পতাকা ক্লিক করার সময়" বা আছে যে এই Ajax অনুরোধ সঙ্গে জাভাস্ক্রিপ্ট এখানে কি ঘটছে মূলত এর. লাইন 20 এই প্রশ্নের উত্তর জন্য, "Ajax প্রসঙ্গে, কোড এই লাইন কি করে?" কারো ধরনের আমি ঠিক বুঝতে নিশ্চিত বলেন ভাষান্তর করতে পারেন? [ছাত্রদের] আমি দুঃখিত. এটি বাম অর্ধেক কি বলা আছে? [Hardison] xhr.onreadystatechange. দুঃখিত. আমি কাটা বন্ধ হচ্ছে না? এই যে আমরা মোকাবেলা করতে হবে না যে XHR সিনট্যাক্স হল. আপনি jQuery সঙ্গে অনুরূপ ধারণা আছে. এর সোর্স কোড, বুধবার, সূচক করতে যাওয়া যাক. এর এই পর্যন্ত তাকান. ঠিক আছে. এটা পেয়েছেন. এখানে আমরা যে বিষয়ে কথা বলছি যে যে Ajax বাক্য গঠন হয়. এখানে আপনি Ajax অনুরোধ উল্লেখ করছি. আপনি "এই আমি আউট এবং পিং যেতে চান ইউআরএল হয়.", বলছে "আমি পেতে থেকে ভিন্ন পোষ্ট ব্যবহার করতে চান." এবং তারপর ডাটা টাইপ "আমি JSON ফেরত চাই." হয় আবার, এক্সএমএল প্রথাগত ধরনের জিনিস ছিল. কিন্তু কি আমরা খুঁজছেন যে ফাংশন. এই যে অধিকার এখানে. এই ফাংশন (প্রতিক্রিয়া) যে onreadystatechange হয়. এই হ্যান্ডলার হয়. এই এই অনুরোধ ফিরে আসে চালানো হবে. সুতরাং আপনি বিজ্ঞপ্তি যে টমি অধিকার এখানে লেখা হয়েছে যে এই ফাংশন আমরা সবাই আমাদের জন্য যে মজা Typeahead তৈরি বিষয়ে বুধবার বক্তৃতায় সম্পর্কে ছিল বললাম যে. আপনি কি সে করছে সে AJAX অনুরোধ বিল্ডিং এর যে লক্ষ্য এবং তারপর Ajax অনুরোধ পরে কিছুই নেই. কল তৈরি করা হয় পরে তিনি Ajax অনুরোধের জবাবে প্রক্রিয়াকরণের না. তিনি শুধুমাত্র এই হ্যান্ডলার ফাংশন এটা করছে প্রতিক্রিয়া ফিরে আসা হিসাবে যে যত তাড়াতাড়ি বলা হবে. স্যাম. [ছাত্রদের] Ajax অনুরোধ টাইপ পোষ্ট করা বা এটা হতে পারে আছে? তারা হয় হতে পারে. [ছাত্রদের] আপনি কিভাবে URL-এ যে কাজের পরিবর্তন না করে তাহলে কি হবে? আপনি URL টি পরিবর্তন করছি না কিভাবে যে কাজ করবে? এটা ঠিক তথ্য যাচ্ছে যেখানে উপর নির্ভর করে. তাই প্রশ্ন Ajax অনুরোধ পোস্ট করা বা GET পারেন কি? এটা হতে পারে যে যেখানে. এটা ঠিক সত্যিই পোষ্ট এবং GET মধ্যে একটি শব্দার্থিক পার্থক্য. সাধারণত আপনি শুধু সার্ভার থেকে কিছু পড়ি মানে হল যে ইউ পাবেন একটি পোষ্ট সাধারণত বোঝা যেহেতু এবং আপনি কিছু পরিবর্তন করছি না আপনি তথ্য লেখার বা আপনি একটি সার্ভারের সাথে কিছু লেখার যে. আপনি কোথাও অবস্থা পরিবর্তন করার চেষ্টা করছেন যখন প্রায়ই আপনাকে পোষ্ট ব্যবহার. লগইন সবসময় HTTP-র পোষ্ট দিয়ে যান কেন, এর গুগল GET অনুরোধ একটি গুচ্ছ করে তোলে, যেহেতু. বাস্তবিক, আমরা ফিরে আমাদের Google উদাহরণ যান এবং যদি আমরা এখানে আমাদের বিকাশকারী সরঞ্জাম তাকান, এর এখানে নীচে ডেভেলপার টুলস তাকান এবং নেটওয়ার্ক খুলুন. আমরা টাইপিং শুরু হিসেবে, আপনি এই সব অনুরোধ ইন আসছে পেতে দেখতে পারেন আপনি পর্দার নীচের অংশে এখানে সব এই GET অনুরোধ দেখুন এই xjs সব যে আছে. এই ফিরে আসার AJAX অনুরোধ করে. আমরা এটি ক্লিক করতে হয় এবং যদি আমরা তা বলার অপেক্ষা রাখে না এবং কি তার প্রতিক্রিয়া হয় তা দেখতে পারেন. এটা আমাদের আমরা পেয়েছিলাম যে প্রতিক্রিয়া সম্পর্কে এই তথ্য প্রদান করে আমরা গুগল নিচে এখানে যে হেডার পাঠানো হবে. এটা হয়েছে থাকে এর চলুন দেখা যাক - এটা কোথাও আমাদের প্রশ্নের সাথে স্ট্রিং থাকবে. অনুরোধ URL টি. হ্যাঁ. মৌলিক প্রশ্নের সাথে, খারাপ কোয়েরি, দ্বিতীয় পাস, কিভাবে আমি মিটার উপেক্ষা - যাই হোক, কোথাও এখানে আপনি এই "কিভাবে আমি মিটার" প্রশ্নের সাথে পেতে পারেন সার্ভারে তৈরি অনুরোধে. এবং তারপর ফিরে আসার প্রতিক্রিয়া আমরা দেখছি না. তাই হ্যাঁ, এটি পেতে বা পোষ্ট হতে পারে. এটি শুধু একটি শব্দার্থিক পার্থক্য হতে থাকে. আমরা HTTP-র সাথে যে আবরণ করতে পারেন. হ্যাঁ, Ella? [ছাত্রদের] JSON আরো আধুনিক হয় শুধু যে JSON এবং XML এর মধ্যে পার্থক্য কি? JSON এবং JSON আরো আধুনিক যে এক্সএমএল মধ্যে পার্থক্য কি? এক্সএমএল এবং JSON এনকোডিং তথ্য মাত্র 2 বিভিন্ন উপায় রয়েছে. এক্সএমএল এক্সটেনসিবল মার্কআপ ল্যাঙ্গুয়েজ হল. এইচটিএমএল এক্সএমএল একটি উপসেট হয়. সুতরাং উদাহরণস্বরূপ, এর TextEdit থামা যাক. এক্সএমএল ঠিক ট্যাগ একটি সিরিজ ঘিরা যে তথ্য হিসাবে সংজ্ঞায়িত করা হয়. সুতরাং এইচটিএমএল, / এইচটিএমএল, এই ছেলেরা বৈধ ট্যাগ হয়. আসুন এখানে এই মাপের তিরস্কার যাক এবং এটি আরো পাঠযোগ্য করতে. হ্যালো! এক্সএমএল শুধু ভালো কিছু হচ্ছে আর একটি ট্যাগ সংজ্ঞায়িত আপনি একটি খোলা কোণ বন্ধনী আছে, ট্যাগ এর নাম, এবং তারপর গুণাবলী কোন নম্বর, এইচটিএমএল মধ্যে আমরা প্রায়ই গুণাবলী না থাকে যা. আমরা একটি স্ক্রিপ্ট ট্যাগ ছিল কিন্তু যদি উদাহরণস্বরূপ,, প্রায়ই এটি টেক্সট, জাভাস্ক্রিপ্ট ধরণ আছে. এবং ট্যাগের ভিতরে তথ্য রয়েছে. সত্য এক্সএমএল আপনি আসলে আপনি চান যাই হোক না কেন হতে এই ট্যাগ নির্ধারণ করতে পারবেন. এটি শুধু আপনার তথ্য structuring একটি উপায়. সুতরাং উদাহরণস্বরূপ, আমি এক্সএমএল মধ্যে আমার পরিবার সঙ্কেতাক্ষরে লিখা চেয়েছিলেন, আমি বাবার মত, ভালো কিছু করতে এবং তারপর তার সম্পর্কে তথ্য লাগাতে পারে ও ভাই এবং আমার ভাই সম্পর্কে করা তথ্য. আপনার তথ্য structuring শুধু এই ভাবে এক্সএমএল হয়. JSON, অন্য দিকে, জাভাস্ক্রিপ্ট অবজেক্ট স্বরলিপি অনুসরণ করে, অত: পর জে-s-o-n, JSON. তাই বরং ট্যাগ, ঘনিষ্ঠ ট্যাগ টাইপ বিন্যাস এই ধরনের সঙ্গে লেখার চেয়ে, আমরা পরিবর্তে একটি জাভাস্ক্রিপ্ট অবজেক্ট হিসাবে এটি লিখতে. সুতরাং জাভাস্ক্রিপ্ট অবজেক্ট জিনিষ খুলুন কোঁকড়া বক্রবন্ধনী আছে এবং তারপর একটি কোঁকড়া বক্রবন্ধনী জিনিষ বন্ধ করতে. জুম ইন, সম্পর্কে অল্প জুম আউট যাক এবং তারপর আপনি ক্ষেত্র নাম আছে, তাই কি "বাবা": এবং তারপর আমি তার সম্পর্কে তথ্য লাগাতে পারে এবং তারপর "ভাই": এবং আমার ভাই সম্পর্কে তথ্য. এবং অবশ্যই এখানে সবকিছুই হয় - আমি এক্সএমএল থেকে ভিন্ন JSON সম্পর্কে চমৎকার কি অনুমান একটি JSON বস্তু জাভাস্ক্রিপ্ট আছে যে এই বস্তুর স্বরলিপি কারণ হয়. জাভাস্ক্রিপ্ট সত্যিই সহজে মেমরিতে যে মারবে এবং একটা জাভাস্ক্রিপ্ট অবজেক্ট হিসাবে এটা বিবেচনা করতে পারেন আপনি ফিরে সার্ভার থেকে প্রাপ্ত অধিকার যখন. এটা সত্যিই যে ভারী দায়িত্ব বা ভারী তুলে আছে কি আছে যে কোন পার্সিং আছে, এক্সএমএল সঙ্গে আপনি প্লাগিন বা কিছু বাছাই হয় ব্যবহার আছে, যেহেতু - আপনি প্রেরণ করছি ঠিক কি উপর নির্ভর করে এবং আপনি এক্সএমএল প্রাপ্ত ব্যবহার করছেন কি, আপনি একটি সামান্য বিট আরো কাজ পার্সিং যা করতে হবে পারে যেহেতু এই জাভাস্ক্রিপ্ট উপাদান, আপনি শুধু জাভাস্ক্রিপ্ট দিয়ে লেখা করছি এবং আপনি ফিরে জাভাস্ক্রিপ্ট প্রাপ্তির করছি, এটা সঙ্গে কাজ সত্যিই সহজ. মানুষ কখনও কখনও উল্লেখ করবে যে অন্যান্য জিনিস , এক্সএমএল সঙ্গে আপনি এই খোলা ট্যাগ এবং ঘনিষ্ঠ ট্যাগ সব আছে এটি বড় পেতে পারেন, এটি একটি সামান্য স্ফীত পেতে পারেন. সুতরাং কিভাবে JSON সঙ্গে সম্পর্কে কথা বলতে হবে যারা কিছু আছে আপনি সব এই খোলা ট্যাগ এবং বন্ধ ট্যাগ আছে না, তাই এটি আরো সংকুচিত হয়েছে. খুবই গুরুত্বপূর্ণ যে যে কারণে যে আপনি নেটওয়ার্কের মাধ্যমে জিনিষ লোড করতে হলে আপনি একটি দূরবর্তী সার্ভারে কথা বলছি যখন ইন্টারনেটের মাধ্যমে প্রেরিত করা প্রয়োজন যে কম, দ্রুত সবকিছু যায়. যাই হোক, এখানে মূল Takeaway, তারা আপনার তথ্য structuring মাত্র 2 বিভিন্ন উপায় হয় আপনার ডাটা বিন্যাস. ঠিক আছে. অন্য প্রশ্ন? কোরআন? [ছাত্রদের] আমি Ajax এর সিনট্যাক্স প্রায় 1 শেষ প্রশ্ন জিজ্ঞাসা করতে পারেন? শিওর. [ছাত্রদের] আপনি ফিরে উদাহরণস্বরূপ কোড যান এবং অল্পমাত্র বিট জুম আউট হন, উপরের কোড মাত্র 1 লাইন আছে. আমরা শুধু পর্যন্ত যেতে পারেন? উপর ('keyup', ফাংশন () পরে নেভিগেশন খালি প্রথম বন্ধনী যে সেট ('keyup' সাফল্যের পর ফাংশন উল্লেখ আছে? [Hardison] নং এখানে জিনিষ একটি দম্পতি. ('keyup' উপর, এই ভূত সমতুল্য করছেন একটি উপায় একটি কি টেপা এবং আপনি কি দেখা বন্ধ উঁচু হয় না. বাস্তবিক, জাভাস্ক্রিপ্ট মধ্যে আপনি ('keyup' (প্রথম, 'keydown' তে এবং ('keypress' তে আছে, এবং আপনি ঐ 3 বিভিন্ন ঘটনা প্রতিটি জিনিস করতে পারেন. এটি একটি ইভেন্ট হ্যান্ডলার একটি কী আসে আপ যে কোনো সময় নিবন্ধনের হয় এবং তারপর এই ফাংশন এই সমগ্র জিনিস সব উপায় নিচে. এই ফাংশনটি একটি নাম নেই. অদ্ভুত ধরনের. আমরা C এবং পিএইচপি সম্পন্ন করেছি আমাদের কর্ম সব সব নাম ছিল. এই যে আমরা একটি বেনামী ফাংশন কল কি. অধিকার, জ্ঞান করে তোলে? কোন নাম. বেনামী. কি বেনামী ফাংশন সম্পর্কে কুশলী কি? স্পষ্টত, আমরা আমাদের কোডে কোথাও এই ফাংশন কল করতে পারবেন না. কিভাবে আমরা অন্যত্র আমাদের কোড মধ্যে এই ফাংশন কল করবে? আমরা না করতে পারেন. কোন নাম নেই. আমি "ওহ হ্যাঁ, আমি ('keyup' উপর দিয়ে বলেন যে যে ফাংশন কল.", বলতে পারবে না কি, যদিও এটি সম্পর্কে কুশলী এর যে জাভাস্ক্রিপ্ট মধ্যে আমরা ক্রমাগত এই ইভেন্ট হ্যান্ডলার নিবন্ধিত হয় - যে এই বলা হয় কি? একটি কী আসে আপ যখন আপনি একটি হ্যান্ডলার হিসাবে এই ফাংশন নিবন্ধনের করছি - , এটা শুধু ধরনের ইনলাইন এই ফাংশন নির্ধারণ করুন এবং শুধু বলতে পাবে সত্যিই চমৎকার হয় "Keyup টেপা না হলে,, আমি ঠিক সংজ্ঞায়িত করতে যাচ্ছি যে এই ফাংশন মনে রাখা এবং এটি এই ফাংশন মনে রাখতে হবে এবং তারপর এটি এই ফাংশন করবেন কী আসে আপ যখনই. আপনি কার্মিক প্রোগ্রামিং মধ্যে আরো একবার আমরা এই আরো সম্পর্কে কথা বলতে পারবেন. এই যে একটি স্বাদ সামান্য বিট হয় আমরা মূলত কাছাকাছি একটি ফাংশন পার করছি যেখানে একটি বস্তু হিসাবে, এটি একটি পরিবর্তনশীল ভালো ছিল প্রায় হিসাবে যদি. বরং একটি পংক্তি বা কোন int ক্ষণস্থায়ী, আমরা একটি ফাংশন পার করছি. এটা একটি অদ্ভুত ধরনের জিনিস, কিন্তু কি সুন্দর যে এখানে ভেরিয়েবল সব, এই ফাংশনের ভিতর, scoping বিষয়ের চমৎকার আপনি এখানে একটি ভেরিয়েবল আছে, আপনি এই ফাংশনের ভিতর যে পরিবর্তনশীল পাঠাতে পারেন, কারণ এই ফাংশন এই অন্যান্য ফাংশনের ভিতর ঘোষিত হয় কারণ. সুতরাং আপনি যে মত বেনিফিট আছে পেতে. আবার, যে আরো মেটা যে কিছু. আপনি ভবিষ্যতে শ্রেণীতে এটি আবরণ করব. হ্যাঁ. [ছাত্রদের] ফাংশন বেনামী হয়, এটি অন্য কোথাও ব্যবহার করা যাবে? অথবা এটা শুধুমাত্র এই ফাংশন প্রেক্ষাপটে ব্যবহার করা যেতে পারে? [Hardison] এটা শুধুমাত্র এই ফাংশন প্রেক্ষাপটে ব্যবহৃত হচ্ছে. হ্যাঁ. হ্যাঁ? এটা একটা অবজেক্ট ওরিয়েন্টেড ভাষা যে আসলে না কিছু আছে? [Hardison] এটা এটি অবজেক্ট ওরিয়েন্টেড যে আসলে না কিছু আছে? আমি এই এই কার্মিক দিক আছে যে না আরো আছে বলতে হবে. আমরা প্রোগ্রামিং এর অবজেক্ট ওরিয়েন্টেড দৃষ্টান্ত বিষয়ে কথা বলছি, এবং এই প্রোগ্রামিং কার্যকরী দৃষ্টান্ত যারা বিষয় ধরনের আপনি অন্যান্য কার্যাবলী গঠিত হয় ফাংশন তৈরি করছেন যেখানে এবং আপনি কাছাকাছি ফাংশন ক্ষণস্থায়ী হয়. [ছাত্রদের] সুতরাং জাভাস্ক্রিপ্ট একটি ফাংশন ভাষা হয়. এটা হ্যাঁ, এটা উপাদান আছে. হ্যাঁ. জাভাস্ক্রিপ্ট এবং বহু - পিএইচপি, এই কিছু খুব, পাইথন উপাদান এই একই ধরণের আছে আছে রুবি হিসাবে ভাল জিনিস এই সাজানোর আছে, এবং এই এই আধুনিক ভাষার আরো খুবই সাধারণ বিষয়. আপনি সত্যিই জ্যাক অফ সব কাজে ধরনের যে এই স্ক্রিপ্টিং ভাষার পেতে. এটা বড় ফ্যাটি সুইস আর্মি ছুরি, এমনকি আপনি আপনার পকেটে রাখা যাবে না যে এক মত এটা খুবই চওড়া কারণ. যে এইসব ভাষার কিছু হয়ে গেছে, কিভাবে ধরনের. অন্য কোন প্রশ্ন? ঠিক আছে. কিভাবে আপনি না বোধ হয়? এর পিছনে সত্যিই দ্রুত যে ব্যঙ্গ যান এবং আমরা 21 ও 20 উত্তর দিতে পারেন যদি দেখতে দিন. আমরা এই হ্যান্ডলার নিবন্ধিত হিসাবে আমরা প্রায় 20 বলত. এখানে এই প্রশ্ন, "আমরা প্রথম বন্ধনী একজোড়া সঙ্গে যে লাইন লিখেছে হলে কি প্রভাব হবে?" আপনি কোন বন্ধনী আছে কিভাবে আপ শীর্ষে, পার্থক্য দেখতে এবং নিচে এখানে ফাংশন নামের পরে প্রথম বন্ধনী আছে? খেয়াল করা জরুরী যে একটা জিনিষ, এখানে আমরা একটি ফাংশন উল্লেখ করছি. এই একটি বেনামী ফাংশন নয়. এটি একটি নাম, হ্যান্ডলার দেওয়া হয়েছে, এখানে উপর আমাদের Ajax আমরা শুধু দিকে তাকিয়ে ছিল, যেহেতু , কোন ফাংশন নাম: আমরা প্রায় ক্ষণস্থায়ী ছিল র সমস্ত কর্ম সব বেনামী ছিল কোন ফাংশন নাম. সুতরাং এটা বেনামী ফাংশন হিসাবে ধরনের ইনলাইন এই ফাংশন সংজ্ঞায়িত সাধারণ চর্চা scoping বেনিফিট কিছু. আপনি খুব ভাল ('keyup' ফাংশনটি উপর অধিকার এখানে এই ফাংশন সংজ্ঞায়িত বা এই থাকতে পারে. আপনি অন্যত্র আপনার জাভাস্ক্রিপ্ট কোড মধ্যে নামের সাথে ফাংশন হিসাবে এই লোক সংজ্ঞায়িত থাকতে পারে এবং তারপর পরিবর্তে এখানে ফাংশন সংজ্ঞা, আপনি ফাংশন নামের পাশ করানো যাবে ডান এই স্পট. একটি বিষয় উল্লেখ্য যে যখন আপনি প্রথম বন্ধনী ব্যবহার করতে চাইবেন না যে আপনি ফাংশনের নাম ক্ষণস্থায়ী হয়েছে কিনা, কারণ আপনি প্রথম বন্ধনী ব্যবহার, আপনি ", এই ফাংশন কল" implying করছি পরিবর্তে এখানে যেহেতু আমরা ফাংশন এর নাম প্রেরণ করতে ইচ্ছুক. আমরা এখানে কি করছেন তাকান, বড় পার্থক্য কোড এই উপরের লাইন বলছেন যে কার্যকরভাবে, হ্যান্ডলার বলা ফাংশন একটি পয়েন্টার বজায় রাখা, এবং Ajax কল সমাপ্ত হলে, এই ফাংশন কল, আসলে আর্গুমেন্ট মধ্যে ফাংশন, প্লাগ সঞ্চালন, যে কাজ করে না, নিচে এখানে এই লাইন পরিবর্তে একটি পয়েন্টার বজায় রাখার বলেছেন, যেহেতু ফাংশন বলা হ্যান্ডলার যাও, এই onreadystatechange ক্ষেত্রের হ্যান্ডলার করার একটি ফাংশন বলা ফলাফল রাখা যাচ্ছে, তাই এটা হ্যান্ডলার নির্ণয় করা যাচ্ছে, এটা আসলে এই মুহূর্তে হ্যান্ডলার কল যাচ্ছে - Ajax কল মুহূর্তে সমাপ্ত কিন্তু না যখন, যা আপনি কিছু লেখার থাকলে কি করতে চান না সম্পন্ন যে একটি Ajax কল মোকাবেলা. ঠিক আছে. যে সম্পর্কে প্রশ্ন? এটা একটা সূক্ষ্ম পার্থক্য. এটা একটা সূক্ষ্ম পার্থক্য. একটা জিনিষ আমি স্পষ্টভাবে আপনি এটি কাজ না করে থাকেন তাহলে সেটা বোঝা যায় না - এই নতুন উপাদান কারণ; এটি সত্যিই ইন ডুবা জন্য এটি একটি সময় লাগে আপনি আসলে আউট এই বিষয় নিয়ে কিছু লিখুন, যদি না - আমি সোর্স কোড দিয়ে যেতে উত্সাহিত চাই টমি বুধবার বক্তৃতা উপস্থাপন করে তিনি স্পষ্টভাবে ধরনের একটি দাগ মধ্যে, জিনিস অনেক মাধ্যমে গিয়েছিলাম কারণ. আমি আসলে এটা লিখে চেষ্টা চাই. কিছু উপাদান আপ কোডিং করার চেষ্টা করুন. একটি. JS ফাইল তৈরি করুন. কোড নিজেকে আউট টাইপ করুন. মাত্র কপি এবং পেস্ট করবেন না. শুধু CP চালানো না. শুধু ধরনের আপনার জাভাস্ক্রিপ্ট পেশী FLEX করতে যে কাজ করার চেষ্টা করুন. বিষয় দেখুন কি. উদাহরণস্বরূপ, এখানে আমি বুধবার এর বক্তৃতা থেকে সোর্স কোড মধ্যে quote7.js এ খুঁজছি. , পরিবর্তে শুধুমাত্র এই ফাংশন সমস্ত বেনামী তৈরীর মধ্যে এবং যাওয়ার চেষ্টা করুন এই কোড কপি আক্ষরিক, এই সাফল্য কোড নিচে যান এই কপি অন্য ফাংশন মধ্যে পেস্ট করুন, এবং এটি একটি নাম দিন, এবং তারপর মধ্যে নাম ক্ষণস্থায়ী চেষ্টা এবং দেখুন সেখানে কি ঘটছে. [ছাত্রদের] যে একটি পৃথক ফাইলে বা একই ফাইলের মধ্যে করা যায়নি? আপনি সঠিকভাবে তা হল, যদি এটি একটি পৃথক ফাইলে হতে পারে. হতে যাচ্ছে যে একটা জিনিষ - কৌতুক এই ফাংশন এটি বাইরে যে ভেরিয়েবল যে কোন উল্লেখ না করা হয়? এবং আমি এটা শুধুমাত্র প্রতিক্রিয়া বোঝায় না. হ্যাঁ. আপনি এই নাম দিতে পারেন. আপনি এটা উঠিয়ে ফেলা যাবে, আপনি এটি একটি নাম দিতে পারেন, এবং তারপর আপনি এখানে নামের পাস করতে পারেন. তাই আমি ব্যবহার করে দেখুন, যে কাজ করে দেখতে যে দিতে চাই. ঠিক আছে. প্রশ্ন? প্রশ্ন? আমি প্রশ্ন ভালোবাসি. আমি আপনাকে বলছি সম্পর্কে জানি না, কিন্তু আমি তাদের পছন্দ করি. কিভাবে আপনি না এই সম্পর্কে বোধ হয়? এই ধরনের, রুমে "ওহ, বিষ্ঠা" মেজাজ আছে. [ছাত্র মৃদুহাস্য] আপনি না বোধ হয় তজ্জাতীয় কি? [ছাত্রদের] হ্যাঁ. হ্যাঁ? হ্যাঁ, ড্যানিয়েল? [ছাত্রদের] আমি আমি আপনি যে বিষয়ে কথা বলছি যে সামগ্রিক ধারণার ধরনের বুঝতে মনে করি, বেনামী কার্যাবলী এবং এই সব উপাদান মত, কিন্তু আমি ডান এখন পর্যন্ত আছে যে অর্ধেক সিনট্যাক্স বুঝতে পারছি না ভালো কি উল মানে, Li, এইসব বিভিন্ন ট্যাগ. আমি জাভাস্ক্রিপ্ট সঙ্গে কিছু কোড সক্ষম চাই না মনে হয়. পরিষ্কার. একটি সাধারণ অনুভূতি, সাধারণ মনোবৃত্তি, এটা মনে হয় যে কি? ঠিক আছে. [ছাত্রদের] আমি প্রয়োজন হবে? আমরা কোড প্রয়োজন হবে? আপনি ভালো কিছু ব্যবচ্ছেদ প্রস্তুত করা উচিত, আমি বলতে হবে. আমি পরীক্ষার লেখা এক নই, কিন্তু আমি অবশ্যই, যে একটি সাধারণ অনুভূতি যদি বলতে হবে এই বাক্য গঠন অনেকটা এখানে, দেখে মনে হচ্ছে ধরনের যে "নরকে যাওয়া কি?" তারপর এর যে সম্পর্কে কথা বলুন এবং যে ঠিক "আমি সম্পূর্ণই, সাঁতার করছি". ভাল লাগছে? ঠিক আছে. তাই এখানে করছেন? এর লাইন দ্বারা এই লাইন নিতে. এর রুম কাছাকাছি যাওয়া চেষ্টা করুন. আমি শুধু 1 দ্বারা মানুষ 1 আহ্বান, এবং আমাকে আপনার ভাল অনুমান দিতে যাচ্ছি. আমরা এটা দ্রুত চেষ্টা করবো. আপনি উত্তর দিতে 5 যাও পেয়েছেন. আপনি উত্তর না থাকে, আমরা পরবর্তী ব্যক্তির সরাতে. আমি এই ছবি স্টাফ জানেন এবং কারণ এটি একটি বড় চুক্তি না. আমরা এখানে শুরু করব. কোরআন, এই লাইন কি কাজ করে? [ছাত্রদের] এটি পরামর্শ নামক একটি পরিবর্তনশীল তৈরি হচ্ছে এবং সেটিং তা যাই হোক না কেন উল সমান. [Hardison] ডান. জিমি, উল কি? [ছাত্রদের] আমি জানি না. [Hardison] শান্ত, ঠিক আছে. কোরআন সম্পূর্ণ অধিকার ছিল. আমি এখানে ডান হাইলাইট করেছি যে কোড এই লাইন, পরামর্শ নামক একটি পরিবর্তনশীল ঘোষণা একটি জাভাস্ক্রিপ্ট পরিবর্তনশীল. আমরা পরিবর্তনশীল স্থানীয় মতেই নিশ্চিত যে যার সামনে এই var অভিব্যক্তি পেয়েছেন এটা ইন যে সুযোগ দিতে এবং আমরা সত্যিই আগে দেখা যায় নি যে এই উল জিনিস, একটি ভাল আছে যদি এর দেখতে দিন - আমার পিছনে আমার রহমান স্যুইচ যাক. নতুন পাতা. আমি আপনাকে বলছি আগে উল দেখা নিশ্চিত. এটি একটি unordered তালিকা. আপনি বুলেট আছে তাই আপনি যদি কখনও একটি ওয়েব পেজে দেখা যায় এবং আপনি তাই এবং তাই ঘোষণা আর 1, আর 2 আছে, এবং? এটি একটি unordered তালিকা. আপনি HTML এ এই কোড চাই ভাবে আপনি একটি খোলা ট্যাগ দিয়ে শুরু করতে চাই হয় যে unordered তালিকা খোলেন, আপনি, unordered তালিকা প্রচেষ্টা যে একটি ঘনিষ্ঠ ট্যাগ সঙ্গে এটি বন্ধ চাই এবং তারপর মাঝখানে আপনি আইটেম, Li তালিকা আছে চাই. এবং Li এর ভিতর আর 1 এবং আর 2 প্রদর্শন পাঠ্য করা, তাই হবে. তারপর আমরা আমাদের তালিকা আইটেম ট্যাগ বন্ধ চাই. এটি একই স্টাইলিং পেতে একটি বড় উপায় কারণ unordered তালিকা সুপার সাধারণ একটা সারিতে প্রয়োগ. তাই আপনি যদি অল্পক্ষণের যদি, উদাহরণস্বরূপ, pset 7 কোড, বিভিন্ন লিঙ্কের জন্য ব্যবহার করা হয় যে ন্যাভ ঔষধ, গৌণ বড়ি অনেক কিনুন, মৃত্যু, উক্তি, ইতিহাস, যে সব, যারা unordered তালিকা হিসাবে বাস্তবায়িত হয়, এবং তারা এইসব বুলেট পয়েন্ট অপসারণ করতে সিএসএস ব্যবহার এবং ধরনের চারপাশের সামান্য বিষয় পরিবর্তন. এটা সিএসএস শক্তি ধরনের এইচটিএমএল গঠন বর্ণনা করে যে এর. আমরা তালিকা আইটেম একটি তালিকা পেয়েছেন. এটা unordered এর. কোন প্রথম, দ্বিতীয় বা তৃতীয় আছে. এটি শুধু একটি তালিকা. তাই ডিফল্টরূপে এটি শুধু বুলেট দিয়ে এটি আঁকা হবে. আমরা পরিবর্তে ওল লিখিত ছিল, তাই আমি একটা ওল তালিকা এই পরিবর্তন করা যাচ্ছে না একটি উল বিপরীতে, যে কি করতে হবে? এটা এই বুলেট পরিত্রাণ পেতে হবে, এবং ডিফল্ট পরিবর্তে একটি সংখ্যাযুক্ত তালিকা হবে এখন আমরা ক্রম পেয়েছেন কারণ. তালিকার স্টাইলিং, আপনি সিএসএস মধ্যে দিয়ে প্রায় খেলা কি তাহলে হয় CSS এর জন্য বুটস্ট্র্যাপ গ্রন্থাগারের লিখেছেন লোকেরা যারা প্রায় খেলেছে কোথায় এবং যে একটি unordered তালিকা স্টাইলিং সঙ্গে এটি ঐ চমৎকার সামান্য ন্যাভ ঔষধ প্রদর্শন পেতে. আমরা গুগল তাকান, উদাহরণস্বরূপ, এর এই লোক কটাক্ষপাত করা যাক. পিছনে যাও "কিভাবে আমি মিটার আপনার মা" - জার্মান ধরনের শোনাচ্ছে. আমি জার্মান ভালোবাসি. এটা এত মজা শোনাচ্ছে. বিক্ষুব্ধ বোধ কে দেখার কোনো জার্মান ভাবেন থাকলে আমি দুঃখিত. যাই হোক, আমরা শীর্ষে আপ এখানে এই লিঙ্ক তাকান এবং আমরা সেখানে কি ঘটছে, আমরা এই লোক ব্যবহার করে তা পরীক্ষা করতে পারেন, দেখুন. আমি পথ নিচে এখানে কোণে আছি. ক্রোম নেভিগেশন বিকাশকারী সরঞ্জাম সন্ত্রস্ত. আপনাকে বলছি এটি সঙ্গে প্রায় খেলা বা এটি জন্য টিউটোরিয়াল খোঁজা শুরু, এটা অনেক সাহায্য করবে আপনি ওয়েব ভিত্তিক প্রকল্প করছেন করছি. আমি আমার সামান্য পরিদর্শক ক্লিক করুন. আমি এখানে ফিরে স্ক্রল যাচ্ছি. আমি সব এই না হয় তা দেখতে যাচ্ছি. আমি এইসব ক্লিক চলেছি ইন আমি জুম. তারপর আমি ফিরে জুম আউট এবং এটি আসলে এখানে নিচে এইচটিএমএল ভাবে হয় তা দেখতে পারেন. গুগল একটি আদেশ তালিকার মধ্যে এটি নেস্টেড করেনি দেখে মনে হচ্ছে. সুতরাং আমরা, আপনি + + বলেছেন যে এই স্প্যান পেয়েছেন, এবং যে একটি নোঙ্গর ট্যাগ ভিতরে নেস্টেড এর তাই যে এটা যোগ্য কি করে তোলে এবং এটি আমার গুগল + পাতায় এটি লিঙ্ক. এটি একটি তালিকা আইটেমটি ভিতরে নেস্টেড এর, এবং এটি এই আদেশ তালিকা ভিতরে নেস্টেড এর. আমি আসলে তালিকা আইটেমটি ক্লিক করুন এবং যদি এখন, এটা আছে আমার জন্য এটা হাইলাইট হবে. আমি unordered তালিকা উজ্জ্বল, আপনি ফোকাস শীর্ষে যায় কিভাবে দেখতে. এটা পর্যন্ত জনতার এবং আমার সমগ্র আদেশ তালিকা দেখায়. তাই গুগল শুধু এই তালিকা যে মত দেখাবে পেতে styling সঙ্গে প্রায় অভিনয় করেছে. যে তালিকা সঙ্গে যথেষ্ট মজা. পিছনে ব্যঙ্গ বা এই জিনিস করতে. এখন আমরা একটি unordered তালিকা কি জানেন যে - আশা. এর (response.symbols মধ্যে var ঝ) জন্য, কোড এই পরের লাইন সম্পর্কে কথা বলুন. Ella. [ছাত্রদের] আমি কোন ধারণা আছে. [Hardison] কোনো ধারণা. ঠিক আছে. আপনি আগে লুপ জন্য দেখা করেছি, আমি অনুমান. [ছাত্রদের] হ্যাঁ. [Hardison] আপনি পিএইচপি প্রতিটি জন্য কাজ মনে পড়ে? [ছাত্রদের] হ্যাঁ. [Hardison] এই ঠিক যে. এই জাভাস্ক্রিপ্ট প্রতিটি লুপ জন্য একটি হল. এই জন্য করছেন তুলনায় খাটো উপায় (আমি = 0 var; আমি response.symbols.length <; তোমার +), আমরা কাজ করতে পারে, যা কিন্তু এই এটা লেখার আরো একটি সংক্ষিপ্ত উপায়. জাভাস্ক্রিপ্ট মধ্যে এর সচেতন হওয়া একটা জিনিষ এই অগত্যা আদেশ অনুসরণ করে না যে. Response.symbols সম্ভবতঃ একটি অ্যারের হয়, var আমি এই অ্যারের মধ্যে একটি সূচক হতে পারে, কিন্তু এটা অগত্যা 0 এবং তারপর 1 নয় এবং তারপর 2 এবং তারপর 3. তারা ব্যবহার বলতে কি জন্য (var i = 0) আপনি ক্রম যত্নশীল হলে. আমি খেয়াল করা অন্য জিনিস অনুমান যে আমরা পিএইচপি প্রতিটি জন্য ব্যবহৃত হলে, আমরা প্রথম অ্যারের নাম উল্লেখ এবং তারপর আমরা হিসাবে অভিব্যক্তি ছিল এবং তারপর আমরা আমরা অ্যারে থেকে উদ্ধার চেয়েছিল যে মান নির্দিষ্ট. অথবা আমরা কী এবং আমরা অ্যারে থেকে উদ্ধার চেয়েছিল যে মান উভয়ের উল্লেখ পারে. এখানে আমরা শুধু সূচক পেয়ে থাকেন. আমরা প্রকৃত উপাদান নিজেই পেয়ে না থাকেন. তাই আপনি যদি আমরা এখানে নিচে যান যখন আসলে আমরা ith উপাদান উদ্ধার ভুগেন যে দেখুন বাইরে response.symbols আপত্তি. এই পাগল যে অন্যান্য জিনিস আপনাকে জাভাস্ক্রিপ্ট অবজেক্টের উপর লুপ এই ব্যবহার করতে পারেন হয় এবং 1 দ্বারা যে বস্তুর 1 বৈশিষ্ট্য প্রতিটি উদ্ধার. আমরা আমার পরিবারের যে জাভাস্ক্রিপ্ট অবজেক্ট স্বরলিপি চিত্রণ ফিরে গিয়েছিলাম যদি এটা আক্ষরিক যারা কোঁকড়া ধনুর্বন্ধনী এবং বাবা, ভাই, মা, সব যে যেখানে ছিল, আপনি পাশাপাশি যে পুনরুক্তি উপর লুপ জন্য একটি ব্যবহার করতে পারেন এবং 1 দ্বারা সম্পত্তি 1 উদ্ধার. কাইন্ড অফ পাগল. আমরা একটি HTML স্ট্রিং নির্মাণের আপ করছি হয়, মত তাই আমরা কি করছেন, এটা দেখে মনে হচ্ছে এই মন্তব্যে "পরামর্শ একটি তালিকা জন্য এইচটিএমএল পংক্তি নির্মাণ." বলছেন ঠিক মত আমরা আমাদের unordered তালিকা জন্য আমাদের খোলা ট্যাগ দিয়ে শুরু করতে যাচ্ছেন যা আমরা আমরা তালিকা আইটেম হিসাবে সব পরামর্শ সংরক্ষণ চলুন অনুমান. তারপর আমরা প্রতিক্রিয়ায় চিহ্ন সর্বাঙ্গে লুপ চলুন কারণ, এই CS50 ফাইন্যান্স জন্য Typeahead হল স্মরণ তাই আমরা 1 দ্বারা স্টক চিহ্ন 1 কাছে আউট করছি. এবং তারপর আমরা আমাদের পরামর্শ স্ট্রিং কি যোগ করছি? Jared, কি এই কেমন হয়েছে? এটি ডাটাবেসের কিছু থেকে দখল এর মত [ছাত্রদের] এটা মনে হচ্ছে যাই হোক না কেন আপনি টাইপ করছেন চিঠি, পরামর্শ কিছু যাব কি শব্দ - [Hardison] হ্যাঁ. AJAX অনুরোধ ইতিমধ্যে আসলে যান এবং যে দখল করে. এটি আমাদের প্রতিক্রিয়া. আমরা সার্ভার থেকে, ডাটাবেস থেকে প্রতিক্রিয়া অর্জিত করেছি পরে এটি আসলে. এবং তাই এই কি? এই একক উদ্ধৃতি জিনিস কি বোঝান না? [ছাত্রদের] একক উদ্ধৃতি? [Hardison] হ্যাঁ. এটা ঠিক আছে, শুধু একটি পংক্তি আছে? এবং তাই এই ক্রাফ্টিং কি? এটি একটি স্ট্রিং এবং আমরা স্ট্রিং স্টাফ নির্বাণ করছি. এবং স্ট্রিং মত কি করছে? [ছাত্রদের] হন যে শুধু পরামর্শ - [Hardison] হ্যাঁ, ঠিক. এটি একটি নোঙ্গর ট্যাগ ভিতরে নেস্টেড পরামর্শ আছে এটি তালিকা ভিতরে যেতে হবে, যাতে এবং যে একটি তালিকা আইটেমটি ভিতরে প্রভুভক্ত হয়. আক্ষরিক, আমরা এখানে করছি সব আমরা শুধু একটি বড় এইচটিএমএল স্ট্রিং আপ ঘর তৈরী করছি না. আমরা শুধু মেমরির মধ্যে একটি স্ট্রিং হিসাবে আক্ষরিক আপ ঘর তৈরী করছি. আমরা অভিনব কিছু কাজ করছি না. আমরা যে মত DOM বা কিছু নতুন নোড তৈরি করছি না. আপনি যেমন, আউট লিখতে হলে আমরা আক্ষরিক শুধু একটি স্ট্রিং ঘর তৈরী করছি আপনার রহমান আমি থাকতে চাই - ক্ষেত্রে আপনাকে বলছি একটি আইপ্যাড আছে এবং আপনার iPad এ এইচটিএমএল লেখার মত - আপনি শুধু উল, Li, একটি মত আছে যে একটি বড় দীর্ঘ স্ট্রিং লেখার ... এবং তারপর আমরা অবশ্যই এই উল সঙ্গে এটি বিনষ্ট চলুন. সুতরাং যে আমরা পেয়ে থাকেন সব 1 বড়, বৃহদায়তন স্ট্রিং এর. আর ভিতরে আমরা খুঁজে পাওয়া যায় যে চিহ্ন প্রতিটি জন্য একটি Li এবং একটি একটি আছে. এবং এখন, উপর অব্যাহত, এই লাইন স্টেলা অধিকার এখানে,, কি করব? এই লাইন অধিকার এখানে কী কাজ করে? [শ্রবণাতীত ছাত্র প্রতিক্রিয়া] [Hardison] হ্যাঁ. এটা ঠিক এই লোক যোগ হচ্ছে. আমরা শুধু আমাদের তালিকা শেষ করছি. যথাযথভাবে. এবং তারপর এই চূড়ান্ত লাইন - ও এই নির্বোধ ধরনের দেখায় - আমি দুঃখিত. আমি লাল সোয়েটার আপনার নাম জানি না. আপনি এই আছে কি জানেন? অথবা আপনি কোন সিদ্ধান্ত নিতে যাচ্ছে? এবং আপনি? [ছাত্রদের] এটা এটা jQuery কল, কিন্তু আমি ঠিক এটা কাজ যা জানি না. [Hardison] হ্যাঁ. এটা jQuery কল. কিভাবে আমার বামদিকে এখানে কারো উপর সম্পর্কে কি? আপনি এই লাইন কি জানেন? এটা করছে ভালো আপনি অনুমান ছিল তা কি মনে করে? [ছাত্রদের] HTML এ পরামর্শ তালিকা জমা, বা এটা - হ্যাঁ. আপনি জমা দিয়ে এর অর্থ কী? [ছাত্রদের] আমরা জাভাস্ক্রিপ্ট মধ্যে মোকাবেলা কি HTML এ বলছে এখন স্পষ্টভাবে মাত্র এইচটিএমএল হয়. [Hardison] হ্যাঁ. এটা একটি মহান শুরু. এর একটু বেশি এই ব্যবচ্ছেদ করা যাক. যে এই অংশ এখানে ডান করছে ঠিক কি. [ছাত্রদের] এটা কি দৃষ্টিভঙ্গি এটা স্পষ্ট যে এটি jQuery যে করে তোলে? [Hardison] jQuery এই ডলার সাইন লোক. আপনি jQuery লেখার যখনই আপনি এই ডলার সমস্ত জায়গা জুড়ে সাইন দেখতে পাবেন. এই মাত্র একটি বিশেষ চিহ্ন ধরনের হিসাবে jQuery ব্যবহার করা হয়েছে. এটা জিনিষ আভা আছে. অধিকার এখানে এই প্রসঙ্গে, লাইন এই অংশ, এটি একটি নির্বাচক হয়. এটা jQuery নির্বাচক, এবং এটি এইচটিএমএল উপাদান নির্বাচন করা হয় যে আইডি পরামর্শ আছে. HTML উপাদান যে আইডি অ্যাট্রিবিউট আছে করতে পারেন কিভাবে মনে রাখুন আপনি আইডি পরামর্শ আছে একটি অনুচ্ছেদের ট্যাগ থাকতে পারে যেখানে? এই jQuery নির্বাচক যে উপাদান দখল করবে যে উপাদান মেমরি কোথাও অস্তিত্ব আছে, কারণ. জাভাস্ক্রিপ্ট, ধরনের যে উপাদান উৎস সন্ধান এবং বলতে সক্ষম হয় "ওহ, ঠিক আছে, আপনি, এই আইডি আছে অনুচ্ছেদ হয়" এবং তারপর এই. এইচটিএমএল ঠিক আছে, আপনি ভেতরে বর্তমান এইচটিএমএল প্রতিস্থাপন ", বলেছেন "এই নতুন স্ট্রিং সঙ্গে, এই নতুন এইচটিএমএল আমি আপনাকে দিতে যাচ্ছি যে." আমরা রহমান এ উপর পিছনে তাকান যদি তাই - হে, হে, আমি এই সময় সুইচ ধ্যাত - আপনি প্রায়ই DIVs ভালো জিনিস মধ্যে সন্নিবেশ, তাই আমরা আইডি = "পরামর্শ" ছিল একটি DIV ছিল কল্পনা; আমরা নিচে এখানে DIV ট্যাগ বন্ধ চলুন. আমরা DOM মধ্যে উপাদান দখল jQuery নির্বাচক ব্যবহার যে, এটা আক্ষরিক, ঠিক এই সমগ্র DIV প্রস্তাবনার আইডি নির্বাচন করেছে এবং তারপর এইচটিএমএল পদ্ধতি "ঠিক এই জিনিস সব প্রতিস্থাপন করুন, বলেছেন "যে উল, আমরা নির্মিত আপ যে যে unordered তালিকায় সঠিক." আক্ষরিক, আপনি যা মেমরির মধ্যে সম্পূর্ণ HTML ফাইল এর স্ট্রিং দেখছেন হয়েছে কিনা, আপনি শুধু ", যে স্পট যান এবং যে উল স্টাফ মধ্যে বাজা", বলতে হবে আপনি এখন আছে unordered তালিকা দেখতে যাতে এবং তারপর পাতা আপডেট. তাই এই কার্যকরভাবে কাজ করেনি এটা পরিবর্তনশীল এই DIV আপডেট হচ্ছে না. আমরা শুধু ল্যাপটপে দেখেছি যে কোড এই DIV আপডেট হয়েছে কোথাও সার্ভার থেকে প্রাপ্ত হয়েছে নতুন পরামর্শ রাখা. [ছাত্রদের] কোন পরামর্শ নতুন প্রস্তাবনা এবং পুরানো পরামর্শ প্রতিনিধিত্ব করে? নতুন প্রস্তাবনা এবং পুরানো পরামর্শ. [ছাত্রদের] কি যা এক প্রতিস্থাপিত হচ্ছে এবং যা এক প্রতিস্থাপন করছে প্রতিনিধিত্ব করে? [Hardison] এটা পেয়েছেন. অধিকার এখানে দেখুন, এই লোক একটি পংক্তি. এটি একটি উপাদান আইডি নির্দিষ্ট করে - আমরা DOM তা কল - আক্ষরিক শুধু কোথাও প্রদর্শিত হচ্ছে যে কিছু এইচটিএমএল উপাদান যার মানে ওয়েব পেজে. আমরা আমরা ফিরে আমাদের গুগল পৃষ্ঠাতে যান, এই তাকান ছিল, আমরা এই DIVs এবং এইসব ওল এবং এর এই Li এর এবং এই একটি এর সব দেখতে. এই সকল বর্তমানে এই পাতায় আপ যে HTML উপাদান গঠন করে. এই সব পেজে পৃথক উপাদান সম্পর্কিত. আমরা এই পরিবর্তন ছিল, আপনি DOM পরিবর্তন পর্যবেক্ষণ করবে, এবং আপনি নড়ন এই ধরনের দেখতে পারেন. আমরা হার্ভার্ড টাইপ ছিল তাই, আপনি DOM পরিবর্তন শুরু দেখতে চাই এবং তালিকার উপাদান এখানে পরিবর্তন শুরু. যে কি ঘটছে সে আসলে এর. মুহূর্তে আমরা এখানে এই বিষয় নিয়ে কিছু জানতে পারেন তাহলে এর দেখতে দিন. এর এই লিঙ্কটি তাকান. এর এই হার্ভার্ড উইকিপিডিয়া লিঙ্কটি তাকান, এবং আমরা তা পরিবর্তন পর্যবেক্ষণ করব. আমরা, আমি এই নির্বাচিত করেছি, এটা ঠিক এখানে div এই যে অনুরূপ দেখতে পারেন এছাড়াও, ডান পাশে অন্য তালিকা উপাদান, যা একটি তালিকা উপাদান, অংশ যা এখানে unordered তালিকা অংশ যা. আমরা দক্ষিণে একটু নিচে আমাদের ক্ষুদ্রতর স্কুলের জন্য অনুসন্ধান যদি এখন কি হবে? এটা এখন পরিবর্তন. সুতরাং আমরা যে DIV এবং যে তালিকা উপাদান আমাদের হ্যান্ডেল হারিয়ে এখন আমরা আমাদের DOM বিভিন্ন উপাদান আছে, কারণ, বিভিন্ন তালিকা উপাদান, বিভিন্ন তালিকার আইটেম, বিভিন্ন লেন্থ, যে সব. তাই এই HTML নথি পরিবর্তনশীল আপডেট করা হচ্ছে. ওল্ড উপাদান মোছা হচ্ছে, নতুন উপাদান যোগ করা হচ্ছে. পিছনে এখানে আমরা শুধু সম্ভবতঃ স্থিতিশীল হবে, যা এই উপাদান উল্লেখ করছি আমাদের Typeahead আপডেট সর্বত্র, কারণ অন্যথায় jQuery প্রস্তাবনার একটি আইডি আছে একটি উপাদান খুঁজে পাচ্ছি না হলে, এটা ঠিক এই সময়ে বিপর্যস্ত করব. এবং তারপর আমরা তার ভেতরের এইচটিএমএল আপডেট করছি. সুতরাং এটা ক্রমাগত আপডেট এবং হিসাবে আপনি টাইপ রিফ্রেশ করবে এই তালিকার আইটেম, এই নোঙ্গর ট্যাগ এর. যে একটি ভাল কাজ করে? [ছাত্রদের] যে অনেক সাহায্য করে. [Hardison] ঠিক আছে. আপনি অনেক দেখতে পাবেন যে বাক্য গঠন - এই লোক কি আছে জানি. JQuery নির্বাচক জানেন. সামনে একটি হ্যাশ ট্যাগ সঙ্গে এই jQuery নির্বাচক একটি আইডি বোঝা. এই লোক "আমার আইডি পরামর্শ আছে যে উপাদান পান.", বলেছেন নিচে এখানে এই লোক এছাড়াও "আমার আইডি পরামর্শ সঙ্গে একই উপাদান পান.", বলেছেন এটি নীচের এই লোক সামান্য আরো জটিল. এই, "ID ফর্ম-উদ্ধৃতি দিয়ে আমাকে উপাদান পান, বলেছেন "কিন্তু তাহলে যে ফর্ম ভিতরে যান এবং সন্তানের খুঁজে" - তাই ঠিক এই স্থান আমরা একটি সন্তান উপাদান, একটি নেস্টেড উপাদান যাচ্ছেন যে বোঝা. "এই আইডি আছে এবং তারপর যার নাম প্রতীক যে ফর্ম ভিতর ইনপুট খুঁজে যে ফর্ম পাবেন." এই টমি এর বক্তৃতা স্লাইড, jQuery নির্বাচক এই বিভিন্ন ধরনের মধ্যে তা হ 'ল. আপনি এই উদ্ধার করা হয় উপাদান কি ধরণের জানা উচিত. উদাহরণস্বরূপ, এর সত্যিই দ্রুত রহমান ফিরে যেতে দিন. আমরা আইডি = "ফর্ম-উদ্ধৃতি" সঙ্গে একটি ফর্ম উপাদান ছিল - অবশ্যই যে পেতে এবং কর্ম গুণাবলী সেইসাথে = পদ্ধতি = পোষ্ট বা পদ্ধতি লেখার আপনি ফরম নেভিগেশন থাকা উচিত, কিন্তু শুধু এই যেমন একটি ফর্ম, আপনি কি জানেন হিসাবে, ইনপুট আছে এবং আমরা শুধু দেখেছি যে কোড ইনপুট উপাদান পেতে চাই যে = "চিহ্ন" নাম ছিল. আপনি আপনার ফর্ম ভেতরে বিভিন্ন ক্ষেত্র পূরণ করার চেষ্টা করছেন এই গুরুত্বপূর্ণ. এই কিভাবে স্বয়ং ভরাট কাজ করা. হ্যাঁ, Ella? [ছাত্রদের] একটি আইডি এবং একটি বর্গ মধ্যে পার্থক্য কি? একটি আইডি এবং একটি বর্গ? হ্যাঁ. একটি বর্গ স্টাইলিং উদ্দেশ্যে ব্যবহার করা হয়. স্বতন্ত্র একটি বিশেষ উপাদান চিহ্নিত: একটি আইডি মত শোনাচ্ছে কি জন্য ব্যবহার করা হয়. সুতরাং একটি HTML পৃষ্ঠার মধ্যে, আপনি শুধুমাত্র একটি নির্দিষ্ট আইডি সঙ্গে 1 উপাদান থাকতে পারে. ID ফর্ম-উদ্ধৃতি দিয়ে শুধুমাত্র 1 ফর্ম আছে. তবে, ন্যাভ ঔষধ বর্গ বা NAV বর্গ সম্ভবত আপনি ব্যবহৃত কিছু যে ছিল সম্ভবত অথবা আপনার সমস্যা সেট 7 কোড প্রেক্ষাপটে দেখেছি. একটি বর্গ বিভিন্ন উপাদানের একটি গুচ্ছ থেকে একটি নির্দিষ্ট স্টাইলিং প্রয়োগ করতে ব্যবহৃত হয়. উদাহরণস্বরূপ, এইচটিএমএল পুরোনো দিনের মধ্যে স্টাইল শীট ছিল আগে, সিএসএস, এই ক্যাসকেডিং স্টাইল শীট, ছিল আগে আপনি একটি অনুচ্ছেদ সেন্টার বা একটি DIV মধ্যে টেক্সট কেন্দ্র চেয়েছিলেন, যদি আপনি একটি DIV আছে চাই এবং তারপর আপনি টেক্সট = প্রান্তিককরণ "কেন্দ্র" ভালো কিছু আছে চাই আপনার DIV মধ্যে একটি বৈশিষ্ট্য মত হিসাবে. এটি কোন ভাল. তাহলে আপনি আপডেট করতে চেয়েছিলেন কারণ যখন মানুষ এই ভালো লাগে নি কারণ আপনার ওয়েবসাইটে প্রদর্শন করা জিনিস, আপনি আক্ষরিক প্রতি পাতা ঢোকা ছিল কিভাবে এবং প্রতি HTML ফাইল এবং সব বিভিন্ন উপাদানের সমস্ত stylings পরিবর্তন যান, প্রায়ই আপনি DIVs একটি গুচ্ছ চেয়েছিলেন এবং কারণ এটি একটি বিশাল ব্যথা ছিল সব কেন্দ্রে প্রান্তিককৃত বা একটি নির্দিষ্ট উপায় মাপসই ছিল. সুতরাং যে সমাধান ক্লাস ছিল. এখন আমরা আশা করি আপনি এটি কল করতে চান যাই হোক না কেন হতে নির্দিষ্ট বর্গ আছে যেখানে একটি DIV আছে. আপনি এটি "কেন্দ্রিক" কল করতে পারেনি; এবং কোথাও নিচে এখানে আপনার DIV বন্ধ করুন এবং আপনি সেখানে আপনার সব মজার জিনিস আছে. এবং তারপর কোথাও আপনার স্টাইল শীট মধ্যে আপনি একটি নির্দিষ্ট স্টাইলিং উল্লেখ করবে যে এই বর্গ ক্ষেত্রে প্রয়োগ করা যাবে. এই কেন্দ্রীভূত ছিল শুধুমাত্র DIV করা আছে কি না. এছাড়াও আপনি টেক্সট কেন্দ্রিক ছিল অন্যান্য DIVs থাকতে পারে. হ্যাঁ, শার্লট? [ছাত্রদের] ফিরে মূল্যউদ্ধৃতি যাওয়া, বিন্দু মানে? বিন্দু কি? [ছাত্রদের] হ্যাঁ. পিছনে ল্যাপটপ জন্য, আপনি বলতে চাইছেন? [ছাত্রদের] হ্যাঁ. ঠিক আছে. [ছাত্রদের] উদাহরণস্বরূপ, এই লাইনে যে Val নামক এই পরিবর্তনশীল আছে যে মানে ফর্ম ভেতরে? হ্যাঁ. জাভাস্ক্রিপ্ট মধ্যে বিন্দু স্বরলিপি একটা দম্পতি আছে. এই ক্ষেত্রে আপনি যার নাম Val হল একটি ফাংশন আহ্বান করা হয়. এটা একটা পদ্ধতি আছে. আমরা আমরা স্যাম, বিষয়ে কথা হয়েছিল অবজেক্ট ওরিয়েন্টেড স্টাফ ঢোকা এই যেখানে. এই ক্ষেত্রে ইনপুট উপাদান - - একটি ফাংশন বা Val নামে একটি পদ্ধতি রয়েছে বস্তুর এটি যেখানে যে মূলত "আরে, এই জিনিস হবে আপনার মান সেট.", বলেছেন পরিবর্তে এই gobbledygook এর আমরা 7 নম্বর বা স্ট্রিং 7 লিখিত ছিল যে কল্পনা করা. যে 7 করা এই ইনপুট উপাদান এর মান পরিবর্তন করতে হবে. [ছাত্রদের] ইনপুট উপাদান ডট সামনে সবকিছু হচ্ছে? [Hardison] ইনপুট উপাদান, ঠিক, এইচটিএমএল মধ্যে উপাদান হচ্ছে, DOM মধ্যে, যে এই প্রশ্নের সাথে সাথে মেলে. [ছাত্রদের] সুতরাং যে মান হওয়া উচিত কি তাহলে ইনপুট উপাদান. ফাংশন এবং. [Hardison] যথাযথভাবে. [ছাত্রদের] ঠিক আছে. এবং আপনি এছাড়াও এক্সেস বৈশিষ্ট্য এই ব্যবহার. আমরা কোড এ পর্যন্ত ফিরে তাকান যদি তাই আমরা পাতিপাতি মাধ্যমে হাঁটা ছিল আমরা response.symbols [আমি]. নাম, যেখানে আমরা এখানে একটি ফাংশন আহ্বান করছি না. কোন বন্ধনী আছে. আপনি এই কোড মাধ্যমে চেরা হিসাবে আপনি শুধু মনে রাখা উচিত একটা জিনিষ, আপনি প্রথম বন্ধনী দেখুন, যে ফাংশন কল মানে. একটি ফাংশন বলা হচ্ছে, এবং যে ফাংশন এর নামের ঐ বন্ধনীর পূর্বে যাহা হয়. তাই নিচে নীচের এই ক্ষেত্রে, এটি Val এর. অধিকার এখানে এই ক্ষেত্রে এটা HTML এর. এই ক্ষেত্রে ডান এখানে ফাংশনের নামের আক্ষরিক $ হয়, এবং আমরা শুধু এই jQuery নির্বাচক জানি যে, এটা এই লোক যা কিছু নির্বাচন হয় ফাংশন. এবং তারপর আপনি, ভালো এখানে অথবা এখানে, প্রথম বন্ধনী দেখুন না যখন আপনি কি এর পরিবর্তে ব্যবহার করছি বস্তুর একটি সম্পত্তি. এই অ্যারে নোটেশন ব্যবহার করে ভালো হয়. এটা অ্যারে নোটেশন ব্যবহার করে একটি বিকল্প আছে. এটি শুধু একটি সাঁটে লেখার জন্য. তাই আমরা প্রতিক্রিয়া বস্তুর চিহ্ন ক্ষেত্র ব্যবহার করছি. আমরা Ajax, DOM, কিছু এইচটিএমএল, অনেক না CSS এর উপর অনেক কাজ করেছি. আপনাকে বলছি এই শেষ 15 মিনিট বা তাই কাটাতে চান? আমি মনে করি আমরা আপ মোড়কে শুরু করা দরকার আগে সত্যিই আমরা প্রায় 10 মিনিট পেয়েছেন অনুমান. অথবা আমরা ফিরে যান এবং আমাদের তালিকায় অন্যান্য বিষয় সম্পর্কে কিছু কথা বলা উচিত? এর দেখতে দিন. আমরা ফিরে শুরুতে যান, আমরা তাই আপনাকে বলছি এই দেখতে পারেন আবার আমার iPad উপর সুইচ, আমরা Ajax অনেক কাজ করেছি, আমরা কিছু jQuery সম্পন্ন করেছি আমরা, আমরা কিছু DOM সম্পন্ন করেছি, আমরা কিছু এক্সএমএল করেছেন, কিছু JSON করেছেন নাঃ, না HTTP-র - আমরা কিছু কাজ করেছি. যে আঁচড়ের দাগ. নেই অনেক সুযোগ রয়েছে. আমরা ধরণের সিএসএস সম্পর্কে বললাম - না সত্যিই. আপনি না Ajax ভালো মনে করেন? আপনি Ajax আরও সময় ব্যয় করতে চান? হাতের দেখান. ঠিক আছে. DOM? কেহ DOM নেভিগেশন অধিক সময় ব্যয় করতে চান? সত্যিই DOM সঙ্গে কি করছেন জন্য একটি অনুভূতি পেতে সবচেয়ে সহজ উপায় - মানুষ DOM সম্পর্কে কথা বলার এবং প্রায় নিক্ষেপ "ওহ, DOM এই, DOM যে." সত্যিই DOM এই এইচটিএমএল এলিমেন্ট সব মেমরি অনুষ্ঠিত হয় মাত্র উপায়. এবং এটা ব্যাখ্যা হচ্ছে - যে এটা কি. এটি একটি গাছ মত গঠিত, এবং আপনি ব্যক্তিগত এইচটিএমএল উপাদান অ্যাক্সেস করতে পারেন যে jQuery নির্বাচক সঙ্গে, যে ডলার সাইন thingy. আপনি জিনিষ নিপূণভাবে পারেন. আপনি DOM উপাদান যোগ করতে পারেন. আপনি DOM একটি নতুন অনুচ্ছেদ উপাদান যোগ করতে পারেন, যদি আপনি চান আপনি DOM থেকে একটি DIV উপাদান দূরে নিয়ে যাবে. এটাই হল সব. এটা শুধু ধরনের আপনার HTML ফাইল মেমরি প্রতিনিধিত্ব আছে. এটা কাজে ব্যবহৃত এবং traversed করা যাবে. কিভাবে jQuery এবং যে নির্বাচক সম্পর্কে কি? হ্যাঁ, স্যাম? [ছাত্রদের] যে DOM আপনার সিএসএস এবং জাভাস্ক্রিপ্ট সব যে মানে? [Hardison] DOM হ্যাঁ, ঐ নোডের মধ্যে উপস্থিত রয়েছে. [ছাত্রদের] এটা HTML এর যে যারা অন্যান্য অক্জিলিয়ারী নথি আউটপুট অন্তর্ভুক্ত? জাভাস্ক্রিপ্ট এই গুগল সালে করছেন ভালো এইচটিএমএল পরিবর্তন করা হলে - ওহো, দুঃখিত, আমি যে ফিরে না. জাভাস্ক্রিপ্ট গুগল ফলাফল তালিকা সংশোধন করতে হবে কিভাবে মনে রাখবেন? জাভাস্ক্রিপ্ট যে পরিবর্তন, তারপর যারা নতুন তালিকা উপাদান এখন DOM অংশ. তারা DOM মধ্যে ইনজেকশনের হয়. এবং দেখা যাচ্ছে যে স্ক্রিপ্ট এবং স্টাইল শীট নিজেরাই প্রকৃতপক্ষে DOM অংশ. আপনি আমরা এই স্ক্রিপ্ট নোড এবং এই শৈলী নোড পেয়েছেন যে এখানে নিচে দেখুন. জাভাস্ক্রিপ্ট যোগ এবং খুব এই মুছে দিতে পারেন. এটি আপনার পেজে দূষিত জাভাস্ক্রিপ্ট আছে তাই খারাপ কেন এটি এখন অন্যান্য জায়গা থেকে অন্য জাভাস্ক্রিপ্ট মধ্যে আনয়ন শুরু করতে পারেন. সুতরাং আপনি মাত্র 1 জাভাস্ক্রিপ্ট ফাইল দিয়ে শুরু করতে পারেন কিন্তু তারপর এটি অন্যান্য জাভাস্ক্রিপ্ট ফাইল কাছে শুরু করতে পারেন. আপনাকে JavaScript মধ্যে লোড Ajax ব্যবহার এবং পরিবর্তনশীল নতুন জাভাস্ক্রিপ্ট থাকতে পারে আপনার ওয়েব পৃষ্ঠাতে চলমান. সুতরাং আমাদের ব্রাউজার ধরনের ক্রমাগত পুনরায় রেন্ডার করতে পারবেন যে সত্যিই একটি শক্তিশালী জিনিস এবং জাভাস্ক্রিপ্ট দ্বারা উত্পন্ন হচ্ছে যাই হোক না কেন পুনরায় মানিয়ে. [ছাত্রদের] যারা শৈলী ট্যাগ CSS এর অন্তর্গত হয়? এর এটা তাকান. হ্যাঁ. JQuery থেকে তার নির্বাচক পেয়েছিলাম যেখানে এই সিএসএস, আবার আপনি দেখতে পারেন. আমরা, বলছে না যা এই # গিগাবাইট পেয়েছেন "এই স্টাইলিং আইডি গিগাবাইট সঙ্গে একটি উপাদান প্রযোজ্য." "আইডি গিগাবাইট সহ একটি উপাদান, এই ফন্ট পরিবারের সাথে এই মাপের ফন্ট আছে যাচ্ছে "Sans-Serif; উচ্চতা." ঠিক আছে. রহমান ফিরে. কিভাবে সম্পর্কে ডাটা স্ট্রাকচার - চেষ্টা করে, তালিকা লিঙ্ক? আপনাকে বলছি যে একটি দ্রুত সতেজকারক কাজ করতে চান, বা আপনি না বোধ হয় না - হ্যাঁ? বরং? কে ডাটা স্ট্রাকচার চায়? আপনার হাত বাড়াতে. কে ডাটা স্ট্রাকচার ঘৃণা করে? [ছাত্রদের] আমি শুধু চেষ্টা করতে চান. আপনি শুধুমাত্র চেষ্টা করতে চান. ঠিক আছে. কেহ চেষ্টা চান না? সবাই মত, "আমি চেষ্টা ঘৃণা. আমি তা. আমি চেষ্টা করছিল." হয় [ছাত্রদের] আমি শুধু ওমেগা এবং বড় মন্ত্রণালয় সম্পর্কে জানতে চান ঠিক আছে. আমরা স্পষ্টভাবে যে ওভার যেতে পারেন. আমরা একটি দল হিসেবে কাজ করতে চান কিছু যে ভালো যে শব্দ কি? হ্যাঁ? সাজান? কোন? কিভাবে HTTP-র সম্পর্কে কি? যে আরো মানুষ করে যেতে চাই কিছু মত মনে করে? অথবা আপনি "Eh." ধরনের হয় প্রথম HTTP-করুক না. কত আপনি বলছি ডেভিড এর ridiculously সন্ত্রস্ত HTTP-র সংক্ষিপ্ত আছে দেখা যায়? কেহ? আমি এটা আভা দেখা করেছি. এটা আমরা কি প্রথম জনকে এক, এবং তাই আমাদের ডেমো মত এই গ্রীষ্মে ছিল. ড্যান ফিরে সেখানে ড্যান ম্যান, খুব এটি একটি গুচ্ছ দেখা হচ্ছে. HTTP এবং তারপর আমরা একটি সামান্য বিট সম্পর্কে কথা বলা করছি যে এই মধ্যে HTTPS জিনিস আছে. আপনি HTTP-র সম্পর্কে জানা প্রয়োজন? এটা আক্ষরিক একটি ওয়েব সার্ভারের সাথে আলাপচারিতার জন্য প্রোটোকল এর. আপনি Google.com কথা বলতে চান, আপনি একটি নেটওয়ার্কের মাধ্যমে অন্য কম্পিউটার থেকে কথা বলছি, আপনি কি করবেন? এর হয়তো এই করুক না. আমাকে একটি টার্মিনাল থামা যাক. এখানে আমার সামান্য টার্মিনাল উইন্ডোর এর. আমরা আমাদের আসলে Google.com একটি সংযোগ আরম্ভ করতে পারবেন যা টেলনেট, ভালো কিছু করতে পারেন. এই আপনাকে জানতে হবে কিছু নয়, কিন্তু এটা HTTP-র সাথে ঘটছে চিত্রিত করা হয়েছে. www.google.com, পোর্ট 80. এই কি করছে? এটা আমার কম্পিউটার এবং Google এর মধ্যে একটি ইন্টারনেট সংযোগ তৈরীর এর. এবং এটা আসলে কিছু কম্পিউটার যা 173.194.75.99, সংযোগ হচ্ছে, কিছু Google সার্ভার, সম্ভবত আউট এখানে কোথাও জীবিত এটি ফিরিয়ে ক্যালিফোর্নিয়ার সব পথ হতে পারে যদিও. এখন আমি সংযুক্ত করছি. ঠিক আছে, যে সব ভাল. আপনি Google.com এ যান কিন্তু যখন, সাধারণত আপনি Google.com আশা কিছু এইচটিএমএল অধিকার, দেখা করতে? নেই শুধু এই. সমস্যা আমি বলতে বা যাই হোক না কেন "আমার GOOGLE.COM দিতে" করতে চান না. আমি বলতে কিন্তু, যদি কিছুই ঘটে. আমি বার কয়েক লিখুন আঘাত আসলে,,, এটা ফিরে আসে এবং এটা বলছেন "যে একটি খারাপ অনুরোধ ছিল." এই "না, না, না, না, না, না, না, না, না.", বলার অপেক্ষা রাখে না ছিল "আপনি আসলে আমার HTTP-র কথা বলতে আছে ইন আপনি শুধুমাত্র স্টাফ করা যাবে না." "আপনি একটি GET অথবা একটি পোষ্ট হিসাবে, একটি HTTP অনুরোধ হিসাবে আপনার অনুরোধ ফরম্যাট করতে হবে "যে ভালো বা কিছু." "এবং তারপর আমি আপনার কাছে সঠিক এইচটিএমএল ফিরে আসবেন." সুতরাং আপনি এটি এই ক্ষেত্রে আমাকে দিয়েছিলেন তা দেখতে. এটা আমার এইচটিএমএল দিয়েছেন যে আমি এটা কপি এবং আমি যদি TextEdit এইচটিএমএল, আমি এখানে এটা করা হলে, এবং আমি test.html-উহু, চলো হিসাবে এটি সংরক্ষণ করুন. ওয়েব পাতা. এখন পর্যন্ত আমরা যেতে. আমি ডাউনলোড / test.html খুলুন এখন, যদি এটি এখন আমার খারাপ দিয়েছেন - এটা বেশ এইচটিএমএল হিসেবে রেন্ডার করা হয়নি. এটা এটা বন্ধ না দেখে মনে হচ্ছে. এখানে, দেখুন. নাঃ. ঠিক আছে. এটা রেন্ডার যাচ্ছে না. যাই হোক, যে চিন্তা করা যাচ্ছে না. কিন্তু যাই হোক, কি এরকম হয় এটা আমার এইচটিএমএল এর ফিরে যায়, কিন্তু এটি "আপনি আমাকে একটি সঠিক HTTP-র অনুরোধ দেয় নি." মূলত এর বলছে তাই আমরা HTTP-র সম্পর্কে জানা প্রয়োজন? এটা জবাবে, সাধারণত, এইচটিএমএল পেতে ওয়েব সার্ভারে অনুরোধ ফরম্যাট এর উপায়. খেয়াল করা অন্য জিনিস যে আপনি একটি ওয়েব সার্ভারে একটি অনুরোধ নেওয়ার সময়, আপনি ব্যবহার করতে চান যে HTTP-র পদ্ধতি নির্দিষ্ট করা আছে. আমরা অল্প আগে, এই স্বপ্ন যেখানে আমরা দেখতে যে 2 বড় বেশী GET এবং পোষ্ট করা হয়. অন্যান্য বেশী আভা আছে. মাথা এবং রাখুন এবং মুছে এবং এই অন্যান্য জিনিস সব আছে, কিন্তু GET এবং পোষ্ট 2 প্রধান বেশী. আপনি কোথায় যারা ফসল পর্যন্ত দেখেন? আপনি ফরম লেখা হয়ে গেলে. আপনি এইচটিএমএল ফর্ম লেখা হয়ে গেলে, আপনি HTTP-র পদ্ধতি নির্দিষ্ট করা আছে যা আপনি ফর্ম তথ্য প্রেরিত হবে যে চান দ্বারা. আপনি পিএইচপি কোড লেখার এবং তারপর যখন আপনি সার্ভার পাশ দিয়ে এটি দেখুন আপনি ডাটা হ্যান্ডেল এবং আপনি পোষ্ট superglobal অল্পক্ষণের করতে হলে অথবা GET superglobal ব্যবহারকারীর দ্বারা জমা ছিল যে তথ্য আহরণের জন্য. পেতে এবং পোষ্ট মধ্যে পার্থক্য GET প্রকৃত URL-এ পরিবর্তন করা হয় এবং অধিকাংশ অংশ জন্য আপনি একটি GET অনুরোধ গৃহীত হয় কি পরামিতি দেখতে পারেন খুব সহজে ঠিক, যেহেতু, URL-এ খুঁজছেন দ্বারা একটি POST রিকোয়েস্ট সঙ্গে আপনি URL-এ অনুরোধের পরামিতি প্রেরণ করবেন না. আপনি মধ্যে HTTPS মাধ্যমে যাচ্ছেন, যদি না কিন্তু তারা এনক্রিপ্ট করা বা কিছু না. পোষ্ট পরামিতিগুলি শুধু অংশ - তারা কার্যকরভাবে, URL-এ যেতে না. আমরা শুধু ধরনের শব্দার্থগতভাবে 2 আলাদা ঝোঁক শুধু সত্যিই পাবেন সঙ্গে একই জিনিস করতে পারেন যে যা বলছেন যে আপনি পোষ্ট দিয়ে করতে পারেন. আপনি একই জিনিস করতে পারেন. এটা আমরা বিভিন্ন পরিস্থিতিতে তাদের ব্যবহার যে শুধু এর. আমরা শুধু কিছু পড়ার চেষ্টা করছি এবং আমরা ঠিক বলছে যখন আমরা পেতে ব্যবহার "সম্পর্কে এই তথ্য দিন." আমরা সার্ভারে কিছু আপডেট করার চেষ্টা করছি এবং আমরা সাধারণত পোষ্ট ব্যবহার. আপনি Google.com এ যান যখনই এটা কেন এবং আমরা যে Typeahead এরকম হয় আমরা ঐ সমস্ত GET অনুরোধ দেখেছি আমরা আক্ষরিক শুধু গুগল থেকে তথ্য উদ্ধার, কারণ যেহেতু আপনি একটি ফেসবুক প্রাচীর পোস্ট করতে হলে, আপনাকে ব্যবহার করা যাচ্ছেন, সম্ভবত, যে তথ্য পাঠাতে ও ফেসবুক পরিবর্তন করতে একটি HTTP পোস্ট পদ্ধতি আপনার প্রাচীর, আপনার বন্ধু এর প্রাচীর. এর দেখতে দিন. আমি মধ্যে HTTPS সাথে পার্থক্য এটা HTTP-র কিন্তু এনক্রিপ্ট করা হয় যে অনুমান. [Chuckles] নিরাপদ. হ্যাঁ. এবং যে সম্পর্কে মজার বিবরণ অনেক আছে. প্রশ্ন? আমরা আপ মোড়কে শুরু করা দরকার, এবং তাই আমরা পাশের কিছু ডাটা স্ট্রাকচার চেষ্টা করবো. কোরআন? [ছাত্রদের] পদ্ধতি হোস্ট থেকে HTTP-র হেডার ফাইল অন্তর্ভুক্ত কি এবং পদ্ধতি এবং নম্বর? আহ. এটি তাকান ভাল উপায় আপনার নেটওয়ার্ক ট্যাবে যেতে হয়  এবং শুধুমাত্র আপনি শুধু Google.com এ যান যখন দেখুন সেখানে কি ঘটছে. আপনি এখানে অবতরণ করতে পারেন এবং আপনি যে হয়েছে বিভিন্ন HTTP অনুরোধ সব দেখতে পারেন. Google.com. প্রথম এক আমি Google.com যাওয়ার চেষ্টা এবং এটা বলেন ছিল, "ওহ, Google.com সত্যিই বিদ্যমান নেই." "সত্যিই আপনি যেখানে যেতে চান www.google.com করা হয়." তাই আমি এখানে আপনাকে পুনঃনির্দেশিত ফেরার. আমি তারপর আমি 200 ওকে পেয়েছিলাম এই 301 পেয়েছিলাম যে যেখানে. তাই কি আপনার হেডার মধ্যে, এখানে কি? এটা, এই আমি অনুরোধ, অনুরোধ পদ্ধতি তৈরি যা URL টি বলছেন এবং তারপর অবস্থা কোড. সেগুলো হল 3 biggies হয়. এখানে অন্যান্য বিষয়ের, কুকিজ, কারো মধ্যে না খুঁজে যদি কুকিজ, সময় figuring আউট জন্য সুবিধাজনক হয়. তারা মানুষ ট্র্যাকিং জন্য সুবিধাজনক হন. এই ওয়েবসাইট আপনি সব জায়গা উপর ট্র্যাক কিভাবে হয়. তারা আপনার কম্পিউটারে কুকিজ করা. তারা তারা করতে পারেন, যদি অন্যান্য ওয়েবসাইটের 'কুকিজ চিনতে প্রশিক্ষিত করছেন. এবং তারপর ডান এখানে ইউজার এজেন্ট বলছেন যে এই অন্যান্য উপাদান আছে. এই ইউজার এজেন্ট স্ট্রিং, Google.com থেকে আমার কম্পিউটার চিহ্নিত করা হয় এবং বলছেন "Google.com, ঠিক তাই আপনি কি জানেন, এই ব্রাউজারটি চলমান কিছু শহরবাসী "ইন্টেল ম্যাক 10_8_2 নেভিগেশন শুধু Google.com গিয়েছিলাম." এবং তারপর এই স্বীকার জিনিস ঠিক, আমার কম্পিউটারে কি ", বলে "কি গ্রহণ করতে প্রস্তুত আমার ওয়েব ব্রাউজার হল?" এটা এইচটিএমএল গ্রহণ করতে পারে, এটা, এই সব অন্যান্য উপাদান এক্সএমএল গ্রহণ করতে পারে. এটা অক্ষর এনকোডিং কি ধরনের গ্রহণ করে? এটা gzipped সংকুচিত উপাদান গ্রহণ করে? কখনও কখনও ওয়েবসাইটগুলি এটি দ্রুত নেটওয়ার্কের মাধ্যমে পাঠাতে করতে জিনিষ কম্প্রেস করা. কুল. ঠিক আছে. আমি যে এখন জন্য এটা মনে করি. আমরা বন্ধ করব, কিন্তু আমি প্রশ্নের জন্য থাকবে. [CS50.TV]