ডেভিড জে MALAN: ঠিক আছে, তাই এই এখানে Myo বাহু ব্যান্ড, কয়েক যা আমরা CS50 চূড়ান্ত প্রকল্পের জন্য আছে. এবং যে আমরা সারিবদ্ধ একটি বিক্ষোভের ছিল অগ্রিম যেখানে মূলত আপনি আপ এই মোটামুটি টাইট বাহু এখানে আপ ব্যান্ড আপনার পেশীবহুল আন্দোলন শোনে তারপর সফ্টওয়্যার ম্যাপ করা হয় এখানে ওভার Colton এর ল্যাপটপ যা ছিল আই টিউনস এবং যে গান ইতিমধ্যে আপ সারিবদ্ধ. বরং আমার এই demoing চেয়ে, Colton ল্যাবের হয়েছে পরিষ্কারভাবে সব সপ্তাহে একটি বিক্ষোভের পেয়ে এক সাহসী স্বেচ্ছাসেবক জন্য প্রস্তুত. কেউ আসতে চাই up-- প্রথম আপনার হাতে দেখেছি. উপর আসা. [00:01:09] ঠিক আছে. এবং আপনার নাম কি? 

[00:01:13] শ্রোতা: উহ, মারিয়া. 

[00:01:14] ডেভিড জে MALAN: মারিয়া, আপনি দেখতে সুন্দর. এখানে উপর চলো. আমার Colton যাও প্রবর্তন করা যাক. Colton, এই মারিয়া হয়. 

[00:01:21] Colton: হাই, আপনি দেখা করতে চমৎকার. 

[00:01:23] ডেভিড জে MALAN: সমস্ত ঠিক আছে, তাই আমরা করছি, এক পইঠা যাচ্ছে আপনি রাখা আছে আপনার হস্ত করার উপর এই এটা প্রশংসনীয় যে তাই আপনার কনুই কাছাকাছি আপ টাইট. আর এদিকে, এর আছে যাক আমাদের গুগল গ্লাস আরোপ করা এবং আমরা আজ প্রযুক্তির মিশ্রিত করব. 

[00:01:33] Colton: আমরা প্রথমে করতে হবে জিনিষ মধ্যে এই হুক. 

[00:01:36] ডেভিড জে MALAN: ঠিক আছে. বাস্তবিক, এর হিসাবে আপনার হাত রাখা যাক সম্ভব এই তারের যাও বন্ধ তাই আমরা প্রথমে এটি আপ সিঙ্ক করতে পারে যে. 

[00:01:41] Colton: এর এই করুক না. 

[00:01:42] ডেভিড জে MALAN: আর এদিকে, তাই প্রত্যেকের একটি ঘনিষ্ঠ নজরে পেতে পারেন যে, আমরা অ্যান্ড্রু এর ক্যামেরা শিরসঁচালন করব সেখানে পর্দায় আপ. সুতরাং আমরা যে একটি USB তারের আছে মারিয়া এর armband মধ্যে প্লাগ করা হচ্ছে. এবং আমাকে Colton এর পর্দা শিরসঁচালন যাক পরবর্তী প্রজেক্টর আপ. 

[00:02:00] সুতরাং Colton ডিভাইস নিবন্ধনের হয় একটি Myo এই তারের সাথে সংযুক্ত এখন হিসাবে. এবং এখন কি মারিয়া এর প্রতিমুহূর্তে করতে যাচ্ছে আসলে ভিতর দিয়ে হেটে যেতে হয় ক্রমাঙ্কন পদক্ষেপ এবং সফ্টওয়্যার শেখান কিভাবে তার পেশী সাড়া সে যখন নির্দিষ্ট পূর্ব নির্ধারিত সফটওয়্যার বোঝে যে ঠারে. আপনি যেতে চান তাহলে পর্দার সামনে. ঠিক আছে, চেষ্টা চালিয়ে. 

[00:02:30] Colton: ভালো যান. এবং যে মত. আর ডান সব পথ. ফিরে যান. 

[00:02:35] ডেভিড জে MALAN: ঠিক আছে. বিভিন্ন দৃষ্টিকোণ. এটা আপনি না. এটা আমাদের জন্য. 

[00:02:40] MARIA: ঠিক আছে. ডেভিড জে MALAN: নং এর উচ্চতর আপ এটা তাই সরিয়ে নেয়া যাক আপনার কনুই কাছাকাছি, বা এমনকি কঠিন. ঠিক আছে. 

[00:02:52] আমরা শুরু করছি. এই CS52X জন্য একটি ভালো সময় হবে. এখন পর্যন্ত আমরা যেতে. 

[00:02:57] অত্যন্ত চমৎকার. ঠিক আছে. বুড়ো Pinky যাও. 

[00:03:02] অত্যন্ত চমৎকার. আপনার আঙ্গুলের ছড়িয়ে দিন. গুড. অধিকার ঢেউ. এটা অদ্ভুতভাবে এর দেখাচ্ছে বাম hand-- সঙ্গে আপনি 

[00:03:17] Colton: হাঁ, যে wierd এর. ডেভিড জে MALAN: যাও ওয়েভ ডান এবং অগ্রসর. দ্রুত এগিয়ে লাফালাফি বা পরবর্তী. এটা ঠিক ওয়েভ ঠিক. 

[00:03:25] MARIA: আমি অপেক্ষা don't--. 

[00:03:26] ডেভিড জে MALAN: কিছু সাহায্য প্রয়োজন? 

[00:03:28] Colton: সুতরাং আপনি ভালো চলুন. MARIA: এটা বাঁক অন্যান্য বিষয় যদিও. Colton: এটা হয়. ডেভিড জে MALAN: হ্যাঁ আমি জানি না কেন এটা আপনি একটি ন্যাটা এর দেখাচ্ছে. Colton: কেন আপনি try-- না শুধু ভালো যাচ্ছে চেষ্টা করুন. 

[00:03:38] ডেভিড জে MALAN: না? হয়তো আপনার হাত পৌঁছতে একটু straighter আউট এবং এই মত আরো আকস্মিক করতে. হাঁ, ঠিক আছে, চলো. 

[00:03:48] MARIA: আমি দুঃখিত. ডেভিড জে MALAN: এটা আপনার দোষ না. Colton: এটা সূক্ষ্ম. ডেভিড জে MALAN: ঠিক আছে. Well-- 

[00:03:56] MARIA: আমরা তারপর, এই লাফালাফি করা উচিত? ডেভিড জে MALAN: হ্যাঁ, এর যাক হুক বন্ধ হতে দেবেন. যে কেউ একটি কাজ করতে চান তাহলে তাই এই কাটিয়া প্রান্ত ব্যবহার করে চূড়ান্ত প্রকল্প হার্ডওয়্যার, বুঝতে পারছি এটা ঠিক হতে পারে ব্যবহার করা হচ্ছে একটু সময় লাগবে. আর আপাততঃ বর্তমান বাস্তবতা এই হল আসলে খুব প্রান্ত রক্তপাত হয়. 

[00:04:10] এই কি বলা এর ডেভেলপার কিট, যা মূলত একটি প্রাক রিলিজ হতে বোঝানো হয় তাই মানুষ ঠিক কি করতে পারেন যে এটা দিয়ে যুদ্ধ হল, চিত্র আউট কিভাবে মানুষের মৃতদেহ কাজ প্রযুক্তি সঙ্গে. যদি আপনি চান তাই পরে, পরে বক্তৃতা, আমরা আপনাকে আসতে দেওয়া যাবে এবং এটা অন্য সময়ে ছুরিকাঘাত নিতে. সাধুবাদ কিন্তু অন্যথায়, একটি বৃত্তাকার, যদি আমরা আপ উপর আসার জন্য মারিয়া জন্য, পারা. 

[00:04:26] MARIA: আপনাকে ধন্যবাদ. 

[00:04:28] ডেভিড জে MALAN: আপনাকে ধন্যবাদ. আমরা এই উপর স্তব্ধ করব, কিন্তু আমরা দিতে হবে পৌছে দিতে কিভাবে এখানে একটি চাপ বল সম্পর্কে? ওহ, and-- if-- হাঁ, ধন্যবাদ. ঠিক আছে. আপনি ছিল অদ্ভুত জন্য, যদি তাই শব্দ পছন্দ সঙ্গে অপরিচিত আমরা সেখানে যে তার আগে, একটি আশ্চর্যজনক টিভি যে প্রদর্শন আপনি একেবারে উচিত পানোত্সব-পর্যবেক্ষক Netflix উপর হতে এখানে এই এক. 

[00:04:51] বক্তা 1: মহিলা ও মহোদয়গণ, জোশ নামে একটি ঐন্দ্রজালিক. 

[00:05:04] ডেভিড জে MALAN: এবং দৃশ্যত, এটা একটা জিনিস এখন বক্তৃতা সময় আমাকে টেক্সট. আমি যে বলা হচ্ছে মারিয়া গতকাল একটি জন্মদিন ছিল. থেকে তাই শুভ জন্মদিন মারিয়া করতে CS50 হিসাবে ভাল. 

[00:05:18] সুতরাং আপনি সাম্প্রতিক মাসের মধ্যে পড়তে হতে পারে যে এখানে এই মহোদয়গণ, স্টিভ আসলে যারা ছিল বালমার, কলেজে 1977 বর্গ, সম্প্রতি মাইক্রোসফট জন্য অবসর. তিনি এখানে একটি স্নাতক ছিল তারপর কয়েক বছর পরে এ নিজেকে খুঁজে পাওয়া স্ট্যানফোর্ড বিজনেস স্কুল তিনি একটি ফোন পেয়েছি যখন তার এমন এক বন্ধু থেকে কল হল নিচে বসবাস ছিল এখানে হার্ভার্ড এ তার থেকে. যে বন্ধুর নাম বিল ছিল গেটস, এবং সময়ে, তিনি হতে স্টিভ নিয়োগের চেষ্টা ছিল প্রথম ব্যবসা ব্যক্তি, সত্যিই, একটি ছোট কোম্পানিতে মাইক্রোসফট নাম. 

[00:05:45] একটি দীর্ঘ সংক্ষিপ্ত বিবরণ, স্টিভ শেষ পর্যন্ত জয়ী হয়, যখন তারা মাইক্রোসফট যোগদান মাত্র 30 কর্মচারী ছিল. এবং সময় দ্বারা তিনি বেশ সম্প্রতি অবসরপ্রাপ্ত, কোম্পানির 100,000 কর্মচারী ছিল গত কয়েক বছর ধরে. তাই একটি ওয়েবসাইট সীমাস্থ হিসাবে পরিচিত ভিডিওতে এই কার্য প্রস্তুত আমরা চাই যে আপনি যে দেয় ভাগ ঠিক কত শক্তি স্টিভ একটা ধারনা তিনি দেয় কোন উপস্থাপনায় এনেছে. [ভিডিও প্লেব্যাক] -মাইক্রোসফট একটি চতুর্থ সন্তানের মত. শিশু ঘর ছেড়ে না. এই ক্ষেত্রে, আমি অনুমান আমি বাড়ি যাব করছি. বিল আরে, whazzap? 

[00:06:23] -Wazzap? 

[00:06:24] -আরে, Wazzap? আমরা দেওয়া হয়েছে করেছি একটি বিরাট সুযোগ. আর বিল আমাদের যে সুযোগ দিয়েছে. আমি যে জন্য বিল ধন্যবাদ চান. আমি খুব আপনি করতে চান. উদ্ভাবনের গতি মন্থর যাচ্ছে না. 

[00:06:42] এটা দ্রুত এবং দ্রুত পেতে যাচ্ছে. কয়েক প্রতিযোগীদের থাকতে পারে যে দুর্ভাগ্যবশত কাটানো হয়! 

[00:06:54] আমি এই কোম্পানির ভালবাসেন. হ্যাঁ! আমি একটি পিসি, এবং আমি এই কোম্পানির ভালোবাসি! 

[00:07:08] ডেভালোপার, ডেভেলপার, ডেভেলপার, ডেভেলপার, ডেভেলপার, ডেভেলপার, ডেভেলপারদের, ডেভেলপারদের. হ্যাঁ! ওয়েব ডেভেলপারদের! 

[00:07:19] ওয়েব ডেভেলপারদের! ওয়েব ডেভেলপারদের! শুনুন কি কি আপনি কোন অতিরিক্ত চার্জ ছাড়াই পেতে! 

[00:07:28] এমএস ডস নির্বাহী, এপয়েন্টমেন্ট ইস্ত্রি, একটি কার্ড গাদা, একটি নোট প্যাড, একটি ঘড়ি, একটি নিয়ন্ত্রণ প্যানেল. এবং, এটা আপনি বিশ্বাস করতে পারেন? Reversie! 

[00:07:35] সিডি বার্ন তাদের! এমএসএন তাদের পোস্ট! আপনি বন্ধু তাদের মেইল! 

[00:07:40] এক ক্লিকেই সকল! এক মাইক্রোসফট, এক কৌশল, এক team-- শৃঙ্খলাবদ্ধ, পেশাদার, দৃষ্টি নিবদ্ধ, এবং সব যে আমরা কাজে বিশেষজ্ঞ. আমার একটি পুরনো সিনেমা থেকে একটি লাইন ব্যবহার করি. 

[00:07:52] সম্পর্ক শুধু মাত্র হাঙ্গর মত. তারা অগ্রসর অথবা তারা মারা যায়. আমি আসলে কারিগরি মনে কোম্পানি একই. 

[00:08:01] [END টি ভিডিও প্লেব্যাক] ডেভিড জে MALAN: সুতরাং আমরা এত সন্তুষ্ট হয় স্টিভ আমাদের সাথে যোগ করা হবে যে ঘোষণা এখানে CS50 মধ্যে এ পরের বুধবার স্বাভাবিক জায়গা এবং এখানে সময়. স্পেস সম্ভাবনা সীমিত হবে. এবং তাই, ব্যক্তি আমাদের দয়া যোগদানের জন্য তারপরে খুব শীঘ্রই আজ মাথা বা cs50.harvard.edu/register করতে. 

[00:08:22] এবং আমরা দ্বারা অনুসরণ করা হবে মঙ্গলবার দাগ নিশ্চিত. যে পরের সানন্দে CS50 মধ্যে বক্তৃতা সময় বুধবার. এখন, অন্যান্য খবর, আমি ঘটেছে অরূণ মধ্যে এই জুড়ে শুধু অন্যান্য দিন. 

[00:08:34] এটা CS50 এর কর্মীদের এক যে দেখা যাচ্ছে এবং CS50 এর ছাত্র অন্তত এক বর্তমানে ইউসি জন্য চলমান প্রেসিডেন্ট ও ভাইস প্রেসিডেন্ট, যা ফিরে আমাকে আনা আমার নিজের দিন ফিরে যখন আমি miserably ইউসি নির্বাচনের হারিয়ে গেছে. কিন্তু সিলভার আবরণের যে আমি সর্বদা গল্প যে হয় বলুন আমি এক নিশ্চিত নই অনেক কারণে আমি হারিয়ে নির্বাচনে একটি সম্পূর্ণ অভাব ছিল পাবলিক ভাষাভাষী জন্য একটি প্রতিভা. তাই বেশ ভাল, এটা আমাকে নিয়ে গেছে, যে অভিজ্ঞতা আমি আমার কনিষ্ঠ বছরে, আসলে স্বাক্ষর করতে মনে হার্ভার্ড কম্পিউটার সোসাইটি, আপ যা গ্রুপ ক্যাম্পাসে যে বিভিন্ন প্রযুক্তিগত আলোচনা ঝুলিতে এবং অন্যান্য বিষয়. এবং আমি তাদের শিক্ষার ভার গ্রহণ করেন সেমিনার এবং সেইজন্য , একটি সুযোগ ছিল একটি চমৎকার সুযোগ, ঠিক এই কাজ শুরু করতে. কিন্তু এছাড়াও, আমি একটি সুযোগ ছিল এই অভিজ্ঞতার সময় নিজেকে সব আরো এইচটিএমএল শেখান. এবং তাই আমি গত রাতে গড়িমসি এইচটিএমএল ভিত্তিক ওয়েবসাইটের মাধ্যমে খুঁজছি আমি জন্য, 1997 এর মত '98 সালে প্রণীত আমার এখানে ভালো দেখায় যা প্রচার. আমি জানি. 

[00:09:29] কারণ এবং অবশ্যই, নোটিশ 1998 সালে এই আশ্চর্যজনক নকশা সিদ্ধান্ত অথবা যে কোন বস্তু. আপনি চান সর্বপ্রথম ব্যবহারকারীদের আপনার ওয়েবসাইট পরিদর্শন উপর কাজ করতে অন্য লিঙ্ক মাত্র ক্লিক করার আছে সন্ন্যাসী সাথে এখানে আপনার ওয়েবসাইটে লিখুন পিছনে যেখানে একটি shrouded পরদা মত দৃশ্যত আমার প্রচার প্ল্যাটফর্ম ছিল. এবং এই আপনি পাবেন সব হয় আজ শুধু একটি স্ক্রিনশট হয়. কিন্তু আমি, মত, মাধ্যমে পড়া ছিল আমার প্রচারাভিযানের পোষ্টার শেষ রাতে এবং আমার প্ল্যাটফর্ম. 

[00:09:50] এবং আমি সময়ে তাই রাগ ছিল. এটা আকর্ষণীয় ছিল ছিল আমার প্লাটফর্ম. তাই আমি তারপর থেকে নিচে শমিত করেছি. কিন্তু কোনদিন আমি আবার চালানো হবে এবং এই সময় বন্ধ আশা ভাল. 

[00:10:03] সুতরাং এইচটিএমএল, আমি তৈরি যা যে ভাষা আপনি in-- যে শীঘ্রই অনেক more-- করতে হবে আমরা চলেছি কিছু বিষয় ইদানীং বিষয়ে কথা এবং মূলত জন্য এখন মঞ্জুর গ্রহণ যে আমরা অন্যান্য ভাষার উপর সরানো করেছি. কিন্তু এর মাত্র কয়েক মিনিটের জন্য বিরতি দেওয়া এবং প্রেক্ষাপটে এই জিনিস কিছু করা. সুতরাং একটি বাক্যে, এইচটিএমএল কি? 

[00:10:18] অথবা, কি জন্য ব্যবহার করা হয়? যে কেউ? হ্যাঁ. 

[00:10:20] শ্রোতা: ওয়েবসাইটের জন্য মার্কআপ. ডেভিড জে MALAN: ওয়েবসাইট জন্য মার্কআপ. সুতরাং এটি একটি মার্কআপ ভাষা যে আপনি একটি ওয়েব পৃষ্ঠা গঠন করতে দেয়. শিরোলেখ এখানে যায়, শিরোনাম এখানে যায়, শরীরের এখানে যায়. এই এই হল গদ্য হয় বিস্তারিত যে সাজানোর italics--. 

[00:10:33] ঠিক আছে, ভাল. সুতরাং সিএসএস পৌছে দিতে এবং আমি আপনাকে সেখানে কিছু স্বাধীনতাকে নেন গাঢ়-সম্মুখীন এবং তির্যক কারণ সঙ্গে যে ভাল এই সঙ্গে বাস্তবায়িত হচ্ছে. সিএসএস কি হচ্ছে ÑÑ? একটি বাক্যে বলুন. যে কেউ এ সব. হাঁ. 

[00:10:46] শ্রোতা: Embellishments এবং এটি ডিজাইন কিভাবে ভালো স্টাফ,. ডেভিড জে MALAN: ঠিক আছে, ভাল. আপনি যে অনুমতি Embellishments এটি ডিজাইন বা এটা stylize করতে গদ্য ও মত বিষয়গুলিতে বাঁকা এবং রং এবং এছাড়াও আরো জরিমানা উপাদানের grained পজিশনিং. এই ধরণের আপনি জিনিষ নিতে দেয় শেষ মাইল উদাহরণস্বরূপ, যে যদি তাই, pset7, আপনি উপর লক্ষ্য করে থাকবেন পারে আপনার পোর্টফোলিও পাতা আপনি এই সময়ে হন তাহলে ইতিমধ্যে একটি ডিফল্ট টেবিল যে যে আপনি ব্যবহারকারীর স্টক ধারনের প্রদর্শন করা এবং নগদ সম্ভবত বেশ ভয়ঙ্কর দেখায় কোন সাদা স্পেস দিয়ে ডিফল্টরূপে. Crammed এর সবকিছু এর ধরনের একসঙ্গে সারি এবং কলামের. 

[00:11:18] ওয়েল, একটি বিট সঙ্গে সিএসএস, আপনি বুঝতে পারেন হিসাবে, আপনি আসলে যে খামচি এবং এটি করতে পারেন আরো অনেক পরিচিত এবং অনেক কিছু prettier তাকান. সুতরাং সিএসএস সম্পর্কে ওয়েবসাইটের stylization. কিন্তু তারপর আমরা এখনো অন্য চালু আমাদের কি দেয় যা ভাষা, পিএইচপি,? 

[00:11:36] এর ঠিক কি করুক না? যে কেউ. তার পরেও venture পেয়েছেন প্রথম কয়েক সারি. হাঁ. 

[00:11:40] শ্রোতা: ডাইনামিক কন্টেন্ট জেনারেট করুন. ডেভিড জে MALAN: পারফেক্ট. ডাইনামিক কন্টেন্ট জেনারেট করুন. এবং যদি আপনি এটা করতে পারেন ভাষার কোনো নম্বর. আমরা এটা, কারণ পিএইচপি ব্যবহার ঘটবে সি সিনট্যাক্স যাতে একই অংশে. 

[00:11:50] কিন্তু পিএইচপি ঠিক যে আছে. এটা আপনি পরিবর্তনশীল আউটপুট উৎপন্ন করতে দেয়. এবং যে আউটপুট কিছু হতে পারে এইচটিএমএল, আমরা সাধারণত এরকম করে থাকেন হিসেবে. কারণ এটা এবং এটা, এছাড়াও এর একটি প্রোগ্রামিং ভাষা, হয় প্রক্রিয়া যা মাধ্যমে আমরা উপাত্ত কথা বলতে পারেন. 

[00:12:03] আর আমরা কোয়েরি করতে পারেন Yahoos মত অন্যান্য সার্ভার এবং programmatically কিছু করতে সত্যিই যে আপনি অন্যথায় প্রতাপ যা করতে একটি কম্পিউটার বাধ্য করতে চান. সুতরাং পিএইচপি আমাদের শুরু করতে দেয় পরিবর্তনশীল বিষয়বস্তু outputting. এই যুক্তি দ্বারা সুতরাং, আমি কি না ফিরে 1998 সালে একটি গতিশীল ওয়েবসাইট. 

[00:12:16] এটি শুধু একটি স্ট্যাটিক ওয়েব পৃষ্ঠা ছিল. আমার সামগ্রী দ্বারা পরিবর্তন করা হয়েছিল নিজে gedit বা কিছু সমতুল্য সঙ্গে. কিন্তু পিএইচপি আমরা ব্যবহার বা কি ব্যবহৃত হতে পারে, বরং, ভালো কিছু করার জন্য Frosh আপনাকে IM ওয়েবসাইট, যা নিবন্ধন নিতে অনুমিত ছিল এবং users-- জিনিষ একটি তালিকা পরিচালনা যে আসলে ওভার পরিবর্তন হয় আমরা ঘটতে যদিও সময়, পার্ল, একটি ভিন্ন ব্যবহার সময়ে ভাষা. 

[00:12:35] এবং তারপর সর্বশেষে, আমরা চালু SQL-- প্রশ্নের ভাষা স্ট্রাকচারড. তাই এখনও অন্য ভাষা যে কি জন্য ব্যবহৃত হচ্ছে? কি জন্য ব্যবহৃত? আমরা slight-- venture পারি ঠিক আছে, আমরা চলুন না অনেক অধিকতর পেতে এখানে অর্কেস্ট্রা তুলনায়. শ্রোতা: এটি একটি প্রোটোকল এর উপাত্ত কথা বলতে ব্যবহৃত. ডেভিড জে MALAN: একটি প্রোটোকল উপাত্ত কথা বলতে ব্যবহৃত. আমাকে খামচি যাক. এটা ব্যবহৃত একটি প্রাকৃতিক ভাষা databases-- নির্বাচন করার কথা বলা এবং টিপে এবং ফেলুন এবং আপডেট এবং আসলে এমনকি আরও বৈশিষ্ট্য যে আমরা এমনকি dived না মধ্যে কিন্তু আপনি explore-- করতে পারেন , বলার জন্য একটি চূড়ান্ত প্রকল্প অন্বেষণ. তাই এইসব বিভিন্ন টুকরা আছে. 

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

[00:13:25] কিন্তু একটি কী পার্থক্য আমি সোমবার প্রস্তাবিত পিএইচপি যেহেতু নির্বাহ বা হয় সার্ভার, উপর ব্যাখ্যা করা হচ্ছে যা এই ক্ষেত্রে CS50 প্রয়োগ হয়, বা কিছু বাণিজ্যিক ওয়েব হতে পারে ইন্টারনেটে সার্ভার, জাভাস্ক্রিপ্ট সাধারণভাবে ক্লায়েন্ট প্রান্তের চালানো একটি ভাষা হল ব্রাউজারে সার্ভার না side-- তাই. যা শুধু আমি খোলা মত, বলতে হয় ফেসবুক সোর্স কোড আপ এবং সব পাওয়া যারা JS ফাইল এর, সংশ্লেষ ছিল আপনি ফেসবুক বা পরিদর্শন যখন যে সবচেয়ে ওয়েবসাইট এই দিন, আপনি পেতে না শুধুমাত্র এইচটিএমএল না শুধুমাত্র সিএসএস, কিন্তু জাভাস্ক্রিপ্ট আভা প্রায়ই JS ফাইল আকারে কোড. এবং তারপর এটি ব্রাউজার আপনার নিজস্ব এর যে কোড executes যে ম্যাক বা PC--. 

[00:14:03] কিন্তু আপনার ব্রাউজারে এটি executes. আপনি একটি স্যান্ডবক্স সাজানোর মধ্যে মনে করতে পারেন. জাভাস্ক্রিপ্ট কোড করা উচিত হবে না যে তাই আপনার কম্পিউটারে ফাইল মুছতে পারবেন. এটা করতে সক্ষম হবে না আপনার পক্ষ থেকে ইমেইল পাঠাতে. পরিমিত আপনার ব্রাউজার ধরনের আপনি এটি দিয়ে কি কি করতে পারবেন. 

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

[00:14:34] শুধু হ্যালো দুনিয়া বলেছেন. এবং তারপর আমি উপর প্রস্তাবিত ডান আমরা ধরনের ধারনা চুরি করতে পারেন আমাদের আলোচনা থেকে সি ডাটা স্ট্রাকচার এবং কিভাবে এই হায়ারারকিকাল আমার মনে বাম মার্কআপ ভাষা টানা বা মেমরি বাস্তবায়িত করা যায়নি নোড সঙ্গে একটি প্রকৃত ট্রি হিসাবে পয়েন্টার এবং বিবরণ ঐ ধরণের এবং. ডান অন, আমরা কল একটি DOM-- ডকুমেন্ট যে যা শুধু হয় Model-- অবজেক্ট গাছ বলছে এর অভিনব উপায়. 

[00:14:56] এখন, কেন এই দরকারী এই ভাবে মনে করি? এখন সঙ্গে কারণ জাভাস্ক্রিপ্ট, আমরা আছে কারণ এই মধ্যে খেলতে পায় যে কোড পরিবেশ, যে প্রকৃত এইচটিএমএল ব্রাউজারে পাঠানো হয়েছে ইতিমধ্যেই এবং ইতিমধ্যে রয়েছে দ্বারা মেমরিতে লোড হয়েছে আপনার কম্পিউটার এর মধ্যে একটি গাছ মধ্যে ব্রাউজার ভালো র্যাম, আমরা জাভাস্ক্রিপ্ট ব্যবহার করতে পারেন আসলে তর্ক বা হেঁটে বা অনুসন্ধান বা DOM গাছ তবে আমরা চাই যে পরিবর্তন. তাই আসলে, আপনি যদি মনে করেন সম্পর্কে facebook.com, আপনি চ্যাট বৈশিষ্ট্যটি ব্যবহার করে, আপনি যদি ব্যবহারের জিমেইল এবং Gchat বৈশিষ্ট্য, আপনি যেখানে কিছু আবার এবং আবার আসছে বার্তা এবং আবার, সেই বার্তাগুলি, সম্ভবত হয় মত, Li ট্যাগ, তালিকা আইটেম ট্যাগ, হয়তো. 

[00:15:35] অথবা হয়ত তারা ঠিক আছেন প্রদর্শনে রাখা যে divs প্রত্যেক সময় আপনি একটি তাত্ক্ষণিক বার্তা পেতে. তাই যে ঠিক কি মানে ফেসবুক বা গুগল করছে যে কোনো সময় আপনি একটি পেতে হয় সার্ভার থেকে বার্তা, তারা সম্ভবত জাভাস্ক্রিপ্ট ব্যবহার করছেন শুধু আরেকটি নোড যোগ করতে এই এই করতে অন্য একটি নোড ট্রি তারপর দৃশ্যত শুধু দেখায় যে গাছ আপনার পর্দায় লেখার একটা নতুন লাইন ভালো. কিন্তু তারা ঢোকাতে করছি এই ডাটা স্ট্রাকচার মধ্যে. 

[00:15:57] ভালো শ্রেণীতে তাই CS124 এবং অন্যদের, আপনি পাবেন আসলে বিরুদ্ধে আরো কোড লিখুন ভালো ডাটা স্ট্রাকচার. কিন্তু এখন জাভাস্ক্রিপ্টে জন্য, আমরা শুধু অনুমান করব আমরা এই কার্যকারিতা সব পাবেন ভাষা নিজেই থেকে বিনামূল্যে জন্য. তাই এর একটি উদাহরণ তাকান. 

[00:16:09] আমার form.html নামক একটি ফাইল খুলুন. এটা অতি সহজ. এটা ঠিক ভালো দেখায়. 

[00:16:15] কোন সিএসএস, নন্দনতত্ব কোন চিন্তার. এটা বিশুদ্ধরূপে কার্মিক এর এবং দৃশ্যত আমি আছি একটি ইমেইল চাওয়ার জন্য, একটি পাসওয়ার্ড, আবার পাসওয়ার্ড, এবং তারপর একটি চেক কিছু শর্তাবলী সম্মত. কি এই জন্য সোর্স কোড সম্ভবত কিছু বিষয় যা ভালো দেখায় আপনি একটি সঙ্গে অনুমান পারে এখন চিন্তার সামান্য বিট. আমি এখানে একটি ফর্ম ট্যাগ পেয়েছেন. 

[00:16:32] একটি কর্ম দৃশ্যত যাচ্ছে register.php নামক একটি ফাইলে যান. আমি ব্যবহার করতে যাচ্ছি পদ্ধতি পেতে হয়. এবং তারপর আমি একটি টেক্সট পেয়েছেন যার নাম ইমেইল হয় ক্ষেত্রের. 

[00:16:40] আমি একটি পাসওয়ার্ড ক্ষেত্রের পেয়েছেন পাসওয়ার্ড যার নাম. আমি অন্য পেয়েছেন যার নাম পাসওয়ার্ড ক্ষেত্র কিছুটা ইচ্ছামত নিশ্চিতকরণ হয়. এটা শুধু আরেকটি HTTP- র পরামিতি এর. 

[00:16:49] এবং তারপর আমরা আমরা ছাড়া এইসব ব্যবহার করেছি না Frosh আপনাকে IM ক্লাসে মধ্যে ডেমো থেকে যা একটি চেক বক্স শুধু টাইপ চেক সমান. এবং আমি যে চুক্তি ডাকবো. তাই আমি করেছি ধরনের ইচ্ছামত কিন্তু সুবিধামত এই ক্ষেত্র নামে. এই ফর্ম পায় এখন যখন যে তাই দাখিল, এর কি দেখতে দিন. আমি malan@harvard.edu না, আমি আরক্ত একটি পাসওয়ার্ড করব. আমি কিছুই একটি পাসওয়ার্ড করব. এর সহযোগিতা না যাক. 

[00:17:10] এবং আমি বক্স চেক করবে না. আমাকে রেজিস্টার ক্লিক করুন. এবং এটা এইচএম, আপনি নিবন্ধিত করছেন, বলছেন. সত্যিই নেই. 

[00:17:16] কিন্তু URL টি পরিবর্তন. তাই এই ফর্ম পরিষ্কারভাবে অনুমতি প্রদান করা হয় register.php যাও জমা দিতে. কিন্তু সম্ভবতঃ, আমি হওয়া উচিত এই ত্রুটিগুলি কিছু সংক্রামক. এখন, pset7 এবং কিছু আমাদের বক্তৃতা উদাহরণ কয়েক, আমরা সাধারণত প্রিন্ট আউট হবে এখানে একটি বড় লাল ত্রুটি বার্তা , বলছে নামের অনুপস্থিত, অথবা পাসওয়ার্ড হারিয়েছে. আমরা এবং আগে আমরা করেছি যে কাজ করেছি সম্পন্ন সার্ভার প্রান্তের ত্রুটি সনাক্তকরণ. 

[00:17:37] কিন্তু অনেক ওয়েবসাইটের এই দিন ক্লায়েন্ট প্রান্তের ত্রুটি সনাক্তকরণ করবেন যেখানে ইউআরএল পরিবর্তন করে না. পুরো পৃষ্ঠাটি রিফ্রেশ করে না. আপনি তাত্ক্ষণিক প্রতিক্রিয়া পেতে ব্রাউজার থেকে. হয়তো কিছু লাল যায়. 

[00:17:48] হতে পারে আপনি একটি পপ আপ পেতে. কিন্তু আপনি করতে পাঠানোর সময় নষ্ট করবেন না অসম্পূর্ণ যে সার্ভার ডেটা. তাই কিভাবে আমরা প্রতাপ দেখুন পাশাপাশি যে বৈশিষ্ট্য অর্জন. 

[00:17:56] আমাকে form1.html যাওয়া যাক যা একই দেখায়. কিন্তু এই সময় আমি কি করে malan@harvard.edu এবং আমি আরক্ত টাইপ এবং আমি আরও সহযোগিতা করবেন না কিন্তু নিবন্ধন ক্লিক করুন, এখন লক্ষ্য করা. এটা sexiest সমাধান নয়. আমি অন্তত এই ত্রুটি ধরা করেছি. এবং আমি সতর্কতা ব্যবহার করেছি জাভাস্ক্রিপ্ট ফাংশন যা আমরা কেবল ক্লাসে ব্যবহার করছেন. সাধারণভাবে, আপনি এই ব্যবহার করা উচিত নয় এটি খুব দ্রুত খুঁজে পেতে পারেন, কারণ নিয়ন্ত্রণ. কিন্তু মেলে না পাসওয়ার্ডগুলি ত্রুটি হয়. 

[00:18:19] আমাকে এগিয়ে যান এবং OK ক্লিক করুন. কিন্তু কি এখানে কি takeaway URL পরিবর্তন না হয়. তাই আমি বিরক্ত না করেছি নাশক সার্ভারের সময় তা জিজ্ঞাসা আমি থাকতে পারে যে একটি প্রশ্ন নিজেকে উত্তর মূর্ত আউট. 

[00:18:30] এবং ব্যবহারকারী, যদিও এই বিষয়ে কথা হয়েছে ব্যবহারকারীর চেয়ে দীর্ঘতর এই সম্পর্কে চিন্তা করা যাচ্ছে, তাত্ক্ষণিক প্রতিক্রিয়া আছে যাচ্ছে. কোন লেটেন্সি সঙ্গে আছে নেটওয়ার্ক সংযোগ. তাই আসুন এই সোর্স কোড তাকান. 

[00:18:40] Form1.html সৌন্দর্য এখানে আপ গঠনের দিক অনুরূপ. ফর্ম আসলে একই. কিন্তু এর আমি এখানে নিচে কি দেখতে দিন. আর এই কাজ করার বিভিন্ন উপায় আছে. এবং আমি সবচেয়ে সোজা কাজ করেছি এখনো সবচেয়ে মার্জিত উপায় অনুগামী কিন্তু না. আমি একটি স্ক্রিপ্ট ট্যাগ আছে. আমি তারপর কল document.getElementById ('নিবন্ধন'). এবং আমি যে মান সংরক্ষণ আকারে, একটি পরিবর্তনশীল. 

[00:19:04] সুতরাং আমি কি করেছি? আপনি মনে করতে পারেন document.getElementById হচ্ছে একটি বিশেষ ফাংশন যে জাভাস্ক্রিপ্ট আপনাকে দেয় আক্ষরিক আপনি একটি হাত যে নোড এক পয়েন্টার এই গাছ বা আয়তক্ষেত্র. তাই এখন যে কি আমাদের ফর্ম পরিবর্তনশীল জাভাস্ক্রিপ্ট মধ্যে আসলে এ নির্দেশ করা হয়. 

[00:19:21] তাই এখন সিনট্যাক্স থেকে ভিন্ন সি কিন্তু আমরা এখানে কয়েকটি বিষয় কাজ করছেন. এক, এই এক একটি সামান্য অদ্ভুত হয় সি বনাম অবশ্যই, খুঁজছি কিন্তু লাইন 35 তাকান. বাম form.onsubmit উপর তাই. যে onsubmit হয় প্রত্যাহার একটি struct একটি ক্ষেত্রের মত. আপনি ফর্ম পরিবর্তনশীল যদি মনে করেন শুধু একটি সি struct হচ্ছে, এটা কিছু ক্ষেত্র থাকতে পারে. 

[00:19:42] ফিরে দিন, আমরা ছাত্র নাম ছিল, আইডি, ঘর, ক্ষেত্র ঐ ধরনের. শুধু আরেকটি ক্ষেত্র হিসেবে onsubmit মনে. কিন্তু এটা কারণ একটি বিশেষ ক্ষেত্র আছে ব্রাউজার আশা করতে preprogrammed হয় .onsubmit একটি মান হতে না করতে একটি সংখ্যা বা স্ট্রিং মত, কিন্তু আসলে একটি ফাংশন করা অথবা একটি ফাংশন এর ঠিকানা কম্পিউটার এর মেমরি. 

[00:20:02] এবং প্রকৃতপক্ষে, যে কি এই শব্দ এখানে আছে. এই সম্পর্কে একটি নতুন ফাংশন দিতে বলেছেন. কিন্তু তার নাম কি দৃশ্যত, হতে যাচ্ছে? 

[00:20:09] সোমবার ফিরে চিন্তা করছেন. এই নাম কী এই বাক্য গঠন উপর ভিত্তি ফাংশন? না, আমি বলতে চাচ্ছি, পরিষ্কারভাবে আছে কোন নাম অবশ্যই associated-- না আমি এখানে হাইলাইট করেছি সালে. 

[00:20:21] কিন্তু যে আসলে ঠিক আছে. এই একটি বেনামী ফাংশন হয়, বা একটি এটা কল পারে কিছু হিসাবে ল্যামডা ফাংশন. এবং যে শুধু মানে এটি এখনও একটি ফাংশন. এটা আপনি নামের দ্বারা এটি কল করতে পারবেন না, ঠিক. কিন্তু এটা ঠিক আছে. আবার কারণ, ব্রাউজারের হয়েছে গুগল মত কোম্পানি দ্বারা preprogrammed মাইক্রোসফট বা মজিলা বা অন্যদের বা শুধু জানি যে .onsubmit ক্ষেত্রের হলে একটি ফর্ম উপাদান আছে এর ভিতরে মান, একটি ফাংশন হিসাবে এটি খাওয়াবো একটি ফাংশন পয়েন্টার, যদি আপনি হবে. ফর্ম জমা হয় এবং যখন এটি কল. 

[00:20:46] তাই কি কোড মৃত্যুদন্ড কার্যকর করা উচিত যখন ফর্ম জমা হয়? দৃশ্যত, সবকিছু কোঁকড়া বক্রবন্ধনী ভেতরে. এবং এই মাত্র রচনাশৈলীসংক্রান্ত হয়. 

[00:20:53] আপনি ভালো এই কাজ করতে পারে আমরা CS50 না ঝোঁক. কিন্তু জাভাস্ক্রিপ্ট, অধিকাংশ লোক একই লাইনে এটা রাখা ঝোঁক শুধু তা আরো স্পষ্ট কারণ যে শব্দ ফাংশন সঙ্গে যুক্ত. তাই এখন আমি কি করছি? 

[00:21:03] Form.email.value সমান সমান হলে খালি স্ট্রিং বা কিছুই, এখানে আমি বলতে যাচ্ছি যেখানে একটি সতর্কতা, আপনি, আপনার ইমেল ঠিকানা প্রদান আবশ্যক এবং তারপর মিথ্যা ফিরে. এবং এটা যে রিটার্ন মিথ্যা যে জমা হওয়া থেকে ফর্ম বাধা দেয়. এদিকে, পাসওয়ার্ড মূল্য যদি ফাঁকা, আমি ব্যবহারকারী চিত্কার করা যাচ্ছে না এবং আপনি একটি পাসওয়ার্ড প্রদান করতে হবে, বলতে. 

[00:21:21] এদিকে জিনিষ পাচ্ছেন এখানে একটু কল্পনাকারী. Form.password.value যদি না হয় সমান form.confirmation.value, অন্যান্য ক্ষেত্র, চিত্কার ব্যবহারকারী যে পাসওয়ার্ড তারা হিসাবে মেলে না একটি মুহূর্ত আগে না. এবং তারপর এই এক একটি একটু sexier আমি কারণ আমি ধারণার দিক জানত যে জানি চেক একটি চেক বক্স এর নাম. 

[00:21:40] তাই আমি শুধু একটি উচ্চ শব্দ ব্যবহার করতে পারেন চেক না যদি বিন্দু বলে checked-- এটা বুলিয়ান এর সত্য বা false-- মান, আমি যে কারণে ব্যবহারকারীর চিত্কার করব. অন্যথা, আমরা মাধ্যমে পেতে যদি এই অবস্থার সব, এর মাত্র সত্য ফিরে যাক. ফর্মটি জমা দেওয়া যাক. এবং এই তারপর ঘটতে হবে. 

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

[00:22:17] শ্রোতা: সুতরাং কোনো চেকবক্সটি স্বয়ংক্রিয়ভাবে একটি বুলিয়ান হয়. আপনি যে মত এটি ডিক্লেয়ার করতে হবে না. 

[00:22:21] ডেভিড জে MALAN: সঠিক. থেকে আপনাকে পাঠানো যে কোন চেকবক্সটি আপনার জাভাস্ক্রিপ্ট কোড একটি এইচটিএমএল ফর্ম একটি হিসাবে, হ্যাঁ, বিবেচনা করা হবে বুলিয়ান সত্য বা মিথ্যা মান. এটা একটা ভাল প্রশ্ন. অন্যান্য মান যেহেতু, এর অবশ্যই, টেক্সট, ওরফে স্ট্রিং হয়েছে. 

[00:22:36] ঠিক আছে, তাই আমাকে দিন আরও একটু গুটিয়ে. এই পুরো পয়েন্ট কি ছিল? শুধু পরিষ্কার করা. ভালো লেগেছে, আমরা ইতিমধ্যে এমনকি pset7 থেকে, জানি এমনকি গত সপ্তাহে এর বক্তৃতা থেকে আমরা সম্ভবত না পরীক্ষা করতে যে উদাহরণ, ব্যবহারকারী আমাদের দিতে হলে $ _GET $ _POST দেখতে একটি খালি মান. পিএইচপি খালি ফাংশন মনে রাখবেন. 

[00:22:54] তাই শুধু কি, পরিষ্কার করা আমরা প্রতাপ এক কারণে এই ত্রুটি পরীক্ষা করতে চান ব্রাউজারের ভিতরে? এখানে প্রেরণা কি? হাঁ. 

[00:23:06] শ্রোতা: দ্রুত, এবং আপনি করবেন না সার্ভারে অকাজের তথ্য পাঠাতে. ডেভিড জে MALAN: গুড. এটা দ্রুততর. আপনি বেহুদা পাঠাবেন না সার্ভারে তথ্য. 

[00:23:12] তাই আপনি যদি একটি আরো ফিরে পেতে তাৎক্ষণিক প্রতিক্রিয়া. এবং সামগ্রিক, ব্যবহারকারী অভিজ্ঞতা ভাল. বিকল্প চিন্তা করুন. 

[00:23:17] Gmail-- জন্য এবং ছিল যদি অনেক বছর আগে ক্ষেত্রে. আপনি একটি নতুন ইমেইল আপনার জিমেইল পেয়েছিলাম ধরুন অ্যাকাউন্ট, কিন্তু একমাত্র উপায় মাধ্যমে যে মত, হয় দেখতে, পুরো পৃষ্ঠা পুনরায় লোড করুন. অথবা আপনি ক্লিক ঠাউর একটি লিঙ্ক একটি ইমেল পড়া. 

[00:23:29] সবকিছু তাই রিলোড হয়েছে আপনি ইমেইলের দেখতে পারেন যে. অথবা আপনি একটি চ্যাট বার্তা পেতে Facebook--. আপনি রিলোড পর্যন্ত আপনি এটা দেখতে না পাতা বা কিছু লিঙ্কটি ক্লিক করুন. 

[00:23:36] ভালো লেগেছে, এই অতিশয় একটি হবে বিরক্তিকর ব্যবহারকারীর অভিজ্ঞতা. এবং এই, এটা ভালো ছিল কি পরিষ্কারভাবে, ফিরে আমি ইউসি জন্য দৌড়ে যখন এবং ওয়েব অনেক কম গতিশীল ছিল জনপ্রিয় হিসাবে এবং জাভাস্ক্রিপ্ট ছিল না হিসাবে এটি এখন হয়. এবং জিনিষ আরো অনেক পাচ্ছেন আরো গতিশীল এবং আরো অনেক কিছু যে অর্থে ক্লায়েন্ট সাইড. 

[00:23:49] কিন্তু সেখানে একটি ছিটকিনি এখানে, এবং এই একটি বিরক্তিকর gotcha ধরনের. শুধু আপনি ক্লায়েন্ট প্রান্তের যোগ কারণ ভালো সনাক্তকরণ মানে না আপনি বা পরিত্যাগ করা উচিত করতে পারেন সার্ভার সাইড সনাক্তকরণ. আপনি মূলত আপনার লাগাতে চান উভয় জায়গায় চেক ত্রুটি. এক ছিল কি কারণ শিখেছি পাঠ নিবন্ধ থেকে আমি কিছু উদ্ধৃতাংশ পড়া এই মূঢ় সিএমএস সিস্টেম সঙ্গে থেকে যে ছিল কনটেন্ট ম্যানেজমেন্ট সিস্টেম তার প্রমাণীকরণ সিস্টেম বাস্তবায়ন, কি প্রক্রিয়া মাধ্যমে তার লগইন? জাভাস্ক্রিপ্ট. 

[00:24:20] শ্রোতা: জাভাস্ক্রিপ্ট. ডেভিড জে MALAN: জাভাস্ক্রিপ্ট, ঠিক, ডান? এটা জাভাস্ক্রিপ্ট ব্যবহার ছিল. এবং আক্ষরিক, আপনাকে বলছি আছে সম্ভবত কিছুক্ষন অভিনয় ক্রোম এর ইন্সপেক্টর সঙ্গে. আমি তা জানতে পারেন এবং যদি, উপাদান পরিদর্শন করা. 

[00:24:30] আমাকে যা করতে পুনরালোচনা ক্রোম এর সমস্ত বিকল্পগুলির মান. এবং এই এটা করা কত সহজ হয় একটি ব্রাউজারে জাভাস্ক্রিপ্ট নিষ্ক্রিয়. , কোন জাভাস্ক্রিপ্ট চেক করুন. 

[00:24:38] তাই সততা, অনেক এই দিন ওয়েব এর শুধু কারণ ভাঙ্গতে যাচ্ছে Gmail এবং অন্যান্য sites-- অনুমান Facebook-- জাভাস্ক্রিপ্ট সক্রিয় করা হয়. কিন্তু আপনি মূঢ় কিছু কাজ করছি মত শুধুমাত্র ব্যবহারকারীদের ইনপুট বৈধতা যাচাই এবং এটি চেক ক্লায়েন্ট পাশ ত্রুটি, একটি প্রতিদ্বন্দ্বী সহজে এই কাজ করতে পারে. এবং তারপর এমনকি বুদ্ধিমতী আপনাকে বলছি ভালো বিপক্ষ এখন টেলনেট বা কার্ল ব্যবহার করতে পারে বা শুধু কমান্ড লাইন কমান্ড এবং আসলে সার্ভারে বার্তা পাঠাতে যে একভাবে চেক ত্রুটি না হয়. 

[00:25:05] সুতরাং এই একটি আরও ইউজার ইন্টারফেস সিদ্ধান্ত এটি প্রযুক্তিমূলক একটি প্রকৃত তুলনায় improvement-- বাস্তবায়ন ভালো কিছু ক্লায়েন্ট দিকে. তাই এখন দ্রুত দেখা, কিন্তু তারপর আমি অনলাইন হাঁটার করার মুলতবি করব এই এক জন্য মধ্য দিয়ে. ফর্ম দুটি, আমরা আসলে মাধ্যমে গিয়েছিলাম এবং কোড একটি সামান্য বিট পরিষ্কার. কিন্তু আমার এক মুলতবি দিন ভিডিও আমরা সম্ভবত করব শুধু আপনি একটি দেখায় যে pset8 মধ্যে এম্বেড নামক একটি লাইব্রেরি ব্যবহার করে একই ধরনের বাক্য গঠন একটি সুপার, সুপার যা jQuery, জাভাস্ক্রিপ্ট মধ্যে জনপ্রিয় লাইব্রেরি যে অকপটে অধিকাংশ লোক শুধু এই দিন ব্যবহার এবং এমনকি হিসাবে গুলান মঙ্গল জাভাস্ক্রিপ্ট নিজেই. 

[00:25:37] এবং এটা জড়িত থাকে কিছু ডলার চিহ্ন এবং নথি মত কীওয়ার্ড এখানে বন্ধনীর মধ্যে. কিন্তু আবার, আমার মুলতবি দিন অনলাইন কিছু ধীর টিউটোরিয়াল বদলে শুধু সিনট্যাক্স মধ্যে আবদ্ধ পেতে. এর উপর সরানো যাক একটু শীতল কিছু এই অ্যাপ্লিকেশনের পরিপ্রেক্ষিতে. 

[00:25:50] বিশেষ করে তাই, আমাকে যেতে দিন এগিয়ে এবং এখানে এই পর্যন্ত খোলা. চলো. এখন পর্যন্ত আমরা যেতে. 

[00:25:59] আমাকে এখানে এই ছবি খুলুন. অকারণে জটিল খুঁজছি, কিন্তু এটি নামক একটি কৌশল বর্ণনা করে AJAX-- অ্যাসিঙ্ক্রোনাস জাভাস্ক্রিপ্ট এবং XML, যেখানে এক্সএমএল জন্য এক্স আসলে হয় আর সত্যিই ব্যবহৃত. এটা কিছু ব্যবহার থাকে অন্য JSON বলা. 

[00:26:13] কিন্তু এখানে কিভাবে কিছু ভালো হয় গুগল ম্যাপস বা গুগল আর্থ কাজ করে. এর আসলে, মাছি এই চেষ্টা. আমাকে এগিয়ে যান এবং খুলুন আমার ব্রাউজারে আপ ক্রোম. 

[00:26:21] এবং, আমাকে ঢোকা যাক , maps.google.com বলে. এবং প্রকৃতপক্ষে, আপনি পুরানো হন তাহলে কি মনে রাখা যথেষ্ট, মত, MapQuest, দিনের মধ্যে ফেরত মত ছিল এবং হয়তো তারা এখনও ভালো কাজ. আপনি কিছু জন্য অনুসন্ধান করতে ব্যবহৃত যখন 33 অক্সফোর্ড স্ট্রিট, কেমব্রিজ, গণ, এর আপাততঃ কি কোনো দিন আসলে would, আপনি যদি আপ প্যান চেয়েছিলেন এবং নিচে, বাম এবং ডান আপনি একটি ভালো দেখাবে বড় উপরে তীর, এবং এটা আপনি অন্য দেখাতে হবে এখানে ম্যাপ ফ্রেম. অথবা আপনি আপনার বাম এবং ক্লিক করবে এখানে উপর যেতে, বা অন্য ক্লিক করবে এবং আপনি এখানে উপর যেতে হবে. কিন্তু এর পরিবর্তে এইসব দিন, আমরা অবশ্যই ঠিক আমরা যেতে পারে যে নিশ্চিতভাবে ধরে নিতে কেমব্রিজ কাছাকাছি প্রশংসনীয় দ্রুত শুধু ক্লিক করে এবং টেনে এনে. কিন্তু কিছু glitches আছে বিজ্ঞপ্তি. 

[00:26:59] আমি যথেষ্ট দ্রুত এই কাজ যদি, কি ঘটছে বলে মনে হয় আমি টেনে হিসাবে সামান্য খুব দ্রুত কম্পিউটার এর জন্য যোগাযোগ রাখা? আপনি কি দেখেন? হাঁ. 

[00:27:07] শ্রোতা: পিক্সেল রিফ্রেশ না. ডেভিড জে MALAN: পিক্সেল রিফ্রেশ না. আসলে এবং আপনি নেই আসলে, এই দেখতে পারে, আপনি অনলাইন এবং বিরতি পর্যবেক্ষণ করছেন যদি এই বা আসলে জিনিস গতি নিচে once-- জন্য আপনি সেখানে দেখতে পাবেন টাইলস, স্কোয়ার, বা আয়তক্ষেত্র যে মানচিত্র থেকে পর্যন্ত নাই একটি বিভক্ত দ্বিতীয় পরে, আরো তথ্য, আসলে আরো ছবি পর্দায় প্রদর্শিত হবে. এবং বাস্তবিকই, আমরা খুঁজছেন দ্বারা এই কাজ করে এর, Chrome-- বলা যাক Chrome's-- আপ এর দেখতে দিন. আমরা যা করতে পারবেন না. 

[00:27:31] উপস, ওহ. এর maps.google.com খুলুন. আমাকে আবার উইন্ডো বড় করা যাক. 

[00:27:36] ফিরে 33 অক্সফোর্ড রাস্তার যান. আমি সম্প্রতি ছিল ওয়েবসাইটে কী ছিল? আমি এই, মত, প্রাইভেট গলাবাজি ছিল নিজেকে আমি তারপর তাত্ক্ষণিক বার্তা চাই অনলাইন ছিল যারা কোনো বন্ধু যারা তা শুনতে চেয়েছিলেন. কিছু ওয়েবসাইট আছে. আমি এটা তাই Comcast-- মনে করি একটি খুব বড় আমেরিকান আইএসপি. আপনি নতুন তারের জন্য, সাইন আপ করতে পারেন যখন মোডেম সেবা বা ক্যাবল টিভি সেবা, তারা খুব যুক্তিসঙ্গতভাবে একটি ফর্ম আছে যেখানে তারা আপনার ঠিকানা জন্য আপনাকে জিজ্ঞাসা. এবং এই আশ্চর্যজনক আছে স্বয়ং সম্পূর্ণ বলা বৈশিষ্ট্য, গুগল মত, যে ভরাট শুরু আপনার প্রশ্নের উত্তর মধ্যে. 

[00:28:04] সমস্যা তারা স্বয়ং সম্পূর্ণ করতে, হয় আপনি টাইপ যে প্রথম জিনিস উপর. তাই আপনি যদি 33 সালে টাইপ করা শুরু করে, এটা প্রত্যেক বাড়িতে আক্ষরিক আপনাকে দেখাতে হবে আমেরিকায় যে শুরু সংখ্যা 33 নিয়ে অব্যাহত আগে আপনি আরও টাইপ করতে আশা. আপনি অক্সফোর্ড 33 টাইপ করে তাই, তারপর এটি আপনাকে প্রতিটি রাস্তায় দেখায় আমেরিকায় 33 অক্সফোর্ড মধ্যে রয়েছে যে নির্বিশেষে শহরে তার নাম, আপনি আছেন যে. 

[00:28:25] এবং তারপর আপনি টাইপিং অবিরত. এবং পরিশেষে, এটা তারা না বুঝতে পারবেন যে কেমব্রিজের আপনার বাড়িতে প্রস্তাবটি সেবা অথবা যে ভালো কিছু. কিন্তু বিন্দু এই, অধিকাংশ হল স্বয়ং গাধা বাস্তবায়ন কখনও সম্পূর্ণ. 

[00:28:34] আর আমি শুধু বন্ধ যাচ্ছি এই স্পর্শক উপর আবার. কিন্তু ভাল উপায় আছে জাভাস্ক্রিপ্ট এবং খারাপ উপায়ে ব্যবহার. এবং যে অগত্যা সেরা এক না. 

[00:28:40] কিন্তু এই আগে এখানে বিন্দু, সুদীর্ঘ বক্তৃতা, সরঞ্জাম এখানে নিচে খুলুন ছিল এবং, ডেভেলপার টুলস খুলুন আমরা আগে উত্সাহ করেছি, এবং নেটওয়ার্ক ঘড়ি ট্যাব আমি সত্যিই দ্রুত ক্লিক হিসাবে. আর আভা বিজ্ঞপ্তি এর অনুরোধ ঘটেছে পেতে. আমি টেনেছেন যেহেতু এই সব ঘটেছিল. 

[00:28:57] এবং সম্ভবত, প্রকৃতপক্ষে এই সারি অনেক এখন ছবিটি স্ল্যাশ কোন JPEG হয় MIME প্রভৃতি ধরনের বা কন্টেন্ট ধরনের. কি করছে ক্রোম এ কারণে যে আমি ক্লিক করুন এবং ড্র্যাগ প্রত্যেক সময়, ক্লিক করুন এবং, আমি এটা উহু, বুঝতে এর ড্র্যাগ টালি Google- এর কাছে যেতে হবে এখানে উপর যে মানচিত্রে, দ্রুত HTTP- র মাধ্যমে এটি ডাউনলোড, এবং তারপর তথাকথিত DOM থেকে এটি যোগ করুন মেমরি ট্রির ওয়েব ব্রাউজার যাও উপস্থাপনা ব্যবহারকারী যাতে, আমার, যে আপডেট টালি সূচিত করা হবে. এবং এই কারণ হল AJAX নামক একটি কৌশল. ফিরে দিন, এটা সত্যিই যে ক্ষেত্রে ছিল আপনি যদি পর্দায় কি পরিবর্তন করতে চেয়েছিলেন, আপনি আপ ক্লিক করতে হবে, নিচে, বাকি, অধিকার. এবং তারপর একটি নতুন পাতা খুলতে হবে. কিন্তু এই দিন, সবকিছু আরো গতিশীল হয়. এটা আমরা মানুষের কথা ভাবে ঘটে এটা আসলে ইন্টারেক্টিভ would আশা করি. এবং এটা দ্বারা অর্জন একটি কৌশল বলা প্রণালী সম্ভবত সবচেয়ে ভালো যা AJAX, একটি উদাহরণ দ্বারা ব্যাখ্যা. প্রথমত, আমাকে এগিয়ে যান এবং একটি ফাইল খুলুন এ quote.php বলা আজকের ডিস্ট্রিবিউশন কোড. 

[00:29:53] এবং তারপর আমার symbol-- উপস করতে দেওয়া. আমাকে প্রতীক করুক না = GOOG শুধু কিছু স্টক জন্য. অথবা আসলে, এর কাজ করতে দিন Pset বিনামূল্যে থেকে এক. প্রবেশ করুন. 

[00:30:05] এবং এখন আমি ফিরে পেতে কি লক্ষ্য. তাই এই একটি সত্যিই হয় সংক্ষিপ্ত পিএইচপি ফাইল যে আমি কেবল কোড borrows যে লিখেছে pset7 এর লুকআপ ফাংশন থেকে এবং এই কোঁকড়া বক্রবন্ধনী ব্যবহার spits আউট এবং কোট এবং কোলন স্বরলিপি, দৃশ্যত, চলতি স্টক এর দাম আপনি পরিচিতির মাধ্যমে পাস যে কোম্পানী. তাই এই ভিন্ন আমরা করেছি কি অধিকাংশ থেকে আমি লক্ষ্য করছি সম্পন্ন আক্ষরিক খুঁজে spitting কি করে জাভাস্ক্রিপ্ট কোড মত দেখাচ্ছে. 

[00:30:27] বস্তুত, এই একটি জাভাস্ক্রিপ্ট অবজেক্ট. আসলে, শুধু, আরো পরিষ্কার হবে JSON-- Notation-- জাভাস্ক্রিপ্ট অবজেক্ট আপনি যে মাত্র বলছে অভিনব উপায় অনেক জাভাস্ক্রিপ্টে তথ্য উপস্থাপন করতে পারেন যেমন আপনি পিএইচপি পারেন কী মান জোড়া ব্যবহার করে. আমি ডিক্লেয়ার চেয়েছিলেন তাই জাভাস্ক্রিপ্ট একটি পরিবর্তনশীল যাও জন্য, Zamyla প্রতিনিধিত্ব করে Zamyla-- জন্য একটি struct instance-- এবং আমরা এটা ডাকবো ছাত্র, এই পরিবর্তনশীল. তার আইডি বাড়িতে, এক Winthrop, এবং নাম Zamyla হয়. 

[00:30:53] কিন্তু আমি আরো বস্তুর একটি অ্যারের থাকতে পারে. তাই আমি আসলে আছে চেয়েছিলেন ধারণকারী জাভাস্ক্রিপ্ট মধ্যে একটি অ্যারের একাধিক যেমন বস্তু, এই সময়, কর্মী প্রতিনিধিত্বমূলক আমি এই তিনটি থাকতে পারে ফিরে কোড এর অংশ এই জন্য ব্যাক ব্যাক তিন সাবেক কর্মী সদস্যদের. সুতরাং বাক্য গঠন, সুন্দর পিএইচপি করার both-- অনুরূপ. কিন্তু এই বিশেষ জাভাস্ক্রিপ্ট হয়. এটা বস্তুর স্বরলিপি. সুতরাং এই জন্য দরকারী কি? 

[00:31:17] আমি কোড লিখতে হলে যে খুঁজে spits JSON-- স্টাফ Notation-- জাভাস্ক্রিপ্ট অবজেক্ট যে এই বা কাপড় মতো দেখতে , Zamyla এর গঠন দেখে মনে হচ্ছে আমি আসলে এই ব্যবহার করতে পারেন প্রোগ্রামে আমি লিখতে. আমার ajax0.html যাওয়া যাক. আর এই অনেক না too-- নন্দনতত্ব দেওয়া চিন্তা. কিন্তু কি ঘড়ি. 

[00:31:34] আমাকে এগিয়ে যান এবং এখানে বিনামূল্যে টাইপ যাক. উদ্ধৃতি পেতে ক্লিক করুন. এবং URL পরিবর্তন হয়নি বিজ্ঞপ্তি. কিন্তু আমি দৃশ্যত সাথে একটি পপ আপ পেতে হয়নি $ 0.15 এর আজকের পেনি স্টক মূল্য. সুতরাং যে সব খারাপ না. কিন্তু পার্থক্য, যে একরকম হয় এই তথ্য সরাসরি আমার কাছে ফিরে এসেছিল. কিন্তু এর দিকে একটি পদক্ষেপ গ্রহণ করা আরো পরিচিত কিছু. এই সংস্করণ একটি, আমাকে দিন উদ্ধৃতি পান ক্লিক, ফ্রি আবার টাইপ, এবং উহু now--, এই ছিল আসলে jQuery সংস্করণ. আমি না ভগবন্ তাই দিন বেশ দূরে যথেষ্ট দ্রুত এগিয়ে যায়. আমাকে সংস্করণে দুটি যাওয়া যাক যা আমি চেয়েছি যেখানে হয়. আমি এখানে সম্পন্ন করেছি লক্ষ্য করুন. আমি একটি ওয়েব একটি সুপার page-- আছে কোন ওয়েব পৃষ্ঠার সহজ সংস্করণ আপনি একটি টেক্সট ক্ষেত্রের সঙ্গে আজ ব্যবহার হতে পারে এখানে বিনামূল্যে জন্য এবং তারপর দৃশ্যত মাত্র টেক্সট. 

[00:32:14] এই দৃশ্যত, এখানে একটি ফর্ম নয়. কিন্তু আমি ক্লিক করে পেতে কোট, আমার ওয়েব পাতা বিজ্ঞপ্তি আমি যেন পরিবর্তন সম্পর্কে শুধু একটি নতুন তাত্ক্ষণিক বার্তা পেয়েছিলাম অথবা আমি শুধু সরানো হিসাবে যদিও ম্যাপ এবং আরো তথ্য পেতে প্রয়োজন ওয়েব পাতা পরিবর্তনশীল যোগ করা URL- এ পরিবর্তন এবং ব্যবহারকারী ছাড়া অভিজ্ঞতা বিঘ্নিত হচ্ছে. প্রকৃতপক্ষে, আমি এখনও আছি সঠিক একই জায়গা ajax2.html. 

[00:32:35] তাই আসুন এই উদাহরণ এ শুধুমাত্র চেহারা দিন এবং এই ঘটছে তা দেখতে. আমার ajax2.html ঢোকা যাক. আর প্রথম ফর্ম লক্ষ্য করা. 

[00:32:44] এখানে নিচে, আমি বাঁক করছি স্বয়ং সম্পূর্ণ বন্ধ. কখনও কখনও এটি পায় ব্রাউজার যদি বিরক্তিকর আপনি দেখানোর চেষ্টা করছে আপনার পুরো ইতিহাস. তাই আপনার দ্বারা HTML এ এটি করতে পারেন শুধু অটো বন্ধ সম্পন্ন বলছে. 

[00:32:53] আমি এই টেক্সট ক্ষেত্রের একটি প্রদত্ত করেছি symbol-- প্রতীক বরং, একটি আইডি. এবং এখন, এই একটি আকর্ষণীয় বৈশিষ্ট্য. আমরা স্প্যান সম্পর্কে কথা বলত না কিন্তু যদি আপনি এটি সম্পর্কে মনে করতে পারেন একটি অনুচ্ছেদের ট্যাগ বা DIV ট্যাগ ভালো. এটি একটি নামক এর কি ইন লাইন উপাদান, যা আপনি একটি অনুচ্ছেদ পাবেন না মানে উপরে এবং এটি নিচের বিরতি. এটা ঠিক না করেই ইন লাইন থাকতে যাচ্ছে প্রবেশ সমতুল্য আঘাত. তাই আমি এইচটিএমএল এর এই খণ্ড দেওয়া আছে একটি অনন্য শনাক্তকারী নির্ধারণ করা হবে আমি ইচ্ছামত দাম বলা যে. এবং আমি একটি Submit বাটন আছে. 

[00:33:21] এখন পর্যন্ত এখানে এবং এই কারণ আসলে সুপার আশ্চর্যজনক কিভাবে একটু কোড আপনাকে যা করতে লিখতে পারেন জিনিস অপেক্ষাকৃত ঝরঝরে বিজ্ঞপ্তি আমি আমি যদি এখানে আপ সম্পন্ন করেছি এই পৃষ্ঠার মাথা স্ক্রল আপ. আমি প্রথম এ অন্তর্ভুক্ত করেছেন আমার মাথা একটি স্ক্রিপ্ট ট্যাগ যে আসলে রেফারেন্স একটি জাভাস্ক্রিপ্ট অন্যত্র দায়ের. এই প্রতিষ্ঠান থেকে হয় যে, jQuery লিখেছেন এবং এই মাত্র আপনি সর্বশেষ প্রদান করা হয় তাদের jQuery লাইব্রেরি এর সংস্করণ. 

[00:33:42] তাই এই ধারালো মত ধরনের হয় সি অন্তর্ভুক্ত অথবা পিএইচপি প্রয়োজন. আপনি স্ক্রিপ্ট ট্যাগ ব্যবহার একটি উৎস অ্যাট্রিবিউট সঙ্গে. কিন্তু এখন আমার নিজের কোড হল এখানে সঠিক হতে যাচ্ছে. 

[00:33:52] আমি একটি ফাংশন বলা দর আছে লক্ষ্য করুন. এবং এটা একটু দেখতেও প্রথম নজরে রহস্যপূর্ণ. কিন্তু এর এই সরাইয়া জ্বালাতন করা যাক. আমাকে একটি পরিবর্তনশীল নামক URL টি দিন. আক্ষরিক এই স্ট্রিং এটি ধার্য করুন. সুতরাং, একক উদ্ধৃতি, উদ্ধৃতি চিহ্ন মধ্যে জাভাস্ক্রিপ্ট শুধু সম্পর্কে একটি স্ট্রিং দেয়. প্লাস কী কাজ করে? সংযুক্তকরণের. 

[00:34:08] তাই এই এখন jQuery সিন্টেক্স হল যা ব্যবহার করা হচ্ছে একটু সময় লাগে. কিন্তু এই মাত্র আমার DOM পেতে যেতে মানে যার অনন্য শনাক্তকারী প্রতীক নোড. সেখানে মানে হ্যাশট্যাগ অনন্য শনাক্তকারী চিহ্ন. 

[00:34:21] এ ডলার চিহ্ন শুধু মানে বন্ধনী, এই মোড়ানো গোপন সস jQuery মধ্যে কেমন তাই আপনি অতিরিক্ত কার্যকারিতা পেতে. এবং তারপর .val দৃশ্যত হয় একটি ফাংশন, অথবা আমরা এখন যা বলে, এই নোডের ভিতর একটি পদ্ধতি যে শুধু আপনি মূল্য দেয়. , স্বল্প কুশ্রী এবং বিভ্রান্তিকর তাই এই প্রথম নজরে দেখায় হিসাবে, এই মাত্র টাইপ ইউজার সঙ্গে পেতে মানে এ, স্ট্রিং এর শেষে এটা করা এটা concatenating দ্বারা. এই যা. 

[00:34:43] তাই এখন, শেষ তিনটি লাইন. আপনি অনেক আলিঙ্গন করতে পারেন তিন লাইন আউট কার্যকারিতা. একটি হিসাবে এই ডলার চিহ্ন, সরাইয়া, শুধু একটি ডাক নাম হয় একটি বিশেষ বিশ্বব্যাপী পরিবর্তনশীল জন্য jQuery আক্ষরিক বলা. 

[00:34:55] ডলার চিহ্ন দেখায় শীতল. তাই jQuery সম্প্রদায় শুধু ধরনের তাদের বিশেষ চিহ্ন হিসেবে এটি ব্যবহৃত. এটা পিএইচপি মানে কি মানে না. জাভাস্ক্রিপ্ট ইন, ডলার সাইন শুধু বর্ণমালার একটি অক্ষর মত অথবা একটি পরিবর্তনশীল জন্য একটি সংখ্যা. 

[00:35:07] আপনি শুধু নাম হিসাবে এটি থাকতে পারে. শুধু শান্ত দেখায়. কমিউনিটি সুতরাং একটি ডাক নাম হিসাবে এটি গৃহীত jQuery নামক তাদের নিজস্ব গ্রন্থাগারের জন্য. 

[00:35:13] এবং এটা সুপার জনপ্রিয়. সুতরাং JSON যে ঠিক হয় পেতে. এটি একটি ফাংশন যে jQuery এ ভাবেন লিখেছেন যে একটি সার্ভার থেকে JSON পায় জাভাস্ক্রিপ্ট অবজেক্ট স্বরলিপি. কোন URL থেকে এটি চালু হয় যে তথ্য পেতে? দৃশ্যত এখানে এই URL থেকে. 

[00:35:27] এবং ব্রাউজার হিসাবে কি করা উচিত এটা এই প্রতিক্রিয়া ফিরে পায় শীঘ্রই হিসাবে? আর এই AJAX এর জাদু করতে তাই, হয় এক্সএমএল মধ্যে কথা বলতে অ্যাসিঙ্ক্রোনাস জাভাস্ক্রিপ্ট. এটা যেমন একটি সঙ্গে দেখুন হার্ড আমরা এখানে ছিল হিসাবে সহজ উদাহরণ. 

[00:35:41] কিন্তু এই মধ্যে অ্যাসিঙ্ক্রোনাস ছিল ইন্দ্রিয় যে আমার কোড যখন একটি বার্তা পাঠানো মৃত্যুদন্ড কার্যকর সার্ভার সম্পর্কে কিছু JSON পেতে যেতে. এবং এটি সুপার দ্রুত ঘটেছে যে আমি একটি প্রতিক্রিয়া পেয়েছিলাম. কিন্তু কি আকর্ষণীয় এই যে কোড লাইন আমার কম্পিউটার স্তব্ধ করা হয়নি. 

[00:35:55] আমি একটি স্পিনিং আইকন দেখতে পাইনি. আমি হারাতে হয়নি আমার মাউস সরানো ক্ষমতা. আমার ব্রাউজার আসলে পুরোপুরি সূক্ষ্ম ছিল. 

[00:36:01] পথ জাভাস্ক্রিপ্ট হ্যান্ডলগুলি কারণ নিম্নরূপ সার্ভার থেকে প্রতিক্রিয়া হয়. আপনি কল চাই কি রেজিস্টার একটি কলব্যাক ফাংশন, যা শুধু, হেই, জাভাস্ক্রিপ্ট মানে. যত তাড়াতাড়ি সার্ভার হিসাবে JSON সঙ্গে প্রতিক্রিয়াশীল, এই বেনামী ফাংশন কল করুন. 

[00:36:18] এবং এই ফাংশন মধ্যে পাশ দয়া করে যাই হোক না কেন স্ট্রিং সার্ভার থুতু একটি যুক্তি তথ্য নামক হিসাবে. তাই অন্য, কথায়, যদি আমি পরিবর্তনশীল একত্রিতকরনের করছি এই প্রসঙ্গে একটি URL quote.php বিনামূল্যে বা GOOG বা যে কোন বস্তু মতো প্রতীক, আমি তারপর বলছি জাভাস্ক্রিপ্ট যে URL পেতে যান. ব্রাউজার যে মনে রাখুন কিছু ফিরে যাচ্ছে আমরা এই earlier-- দেখেছি ভালো যে দেখায়. 

[00:36:42] আর কি দ্বিতীয় যুক্তি এখানে JSON বলছে না পেতে এই ফাংশন কল করা হয় যখন সার্ভার ফিরে পায় এটা 10 মিলিসেকেন্ড কিনা এখন বা এখন থেকে 10 সেকেন্ড থেকে. এবং যত তাড়াতাড়ি আপনি কি হিসাবে, পাতা মূল্য যোগ করুন. এই সিনট্যাক্স এখানে শুধু নোড পেতে যেতে মানে যার অনন্য শনাক্তকারী গাছ থেকে আমরা আগে দেখেছি যে স্প্যান price-- হয়. 

[00:37:01] এইচটিএমএল নামক এই পদ্ধতি শুধু, প্রতিস্থাপন যেতে বলেছেন Data.price সঙ্গে আছে যে এইচটিএমএল. Data.price কি? ওয়েল, ব্রাউজার, প্রত্যাহার, আমার এই ফিরে আসার দেখিয়েছেন. তাই এই তথ্য. 

[00:37:14] এবং তাই একটু রহস্যপূর্ণ কমা এখানে দেখতে. কিন্তু আসলে, আমাকে এই কাজের জন্য. আমাকে শুধু এই পেস্ট করা যাক বাস্তব দ্রুত gedit মধ্যে আমরা দেখিয়েছি মত এবং এই প্রদর্শন তার আগে Zamyla এর কাঠামো. 

[00:37:27] কি সার্ভার ফিরে পাঠাচ্ছে হয় একটি ভালো দেখায় যে সামান্য বস্তু. তাই data.price হয় শুধু আমাকে 0,1515 দেবার. চলন্ত তাই অনেক অংশ এখানে আচমকা. 

[00:37:39] কিন্তু মূল Takeaways হয় আমরা এই ক্ষমতা আছে যে অতিরিক্ত HTTP- র করা জাভাস্ক্রিপ্ট ব্যবহার করে অনুরোধ পৃষ্ঠাটি পুনরায় লোড না করেও. এবং তারপর আমরা আসলে যা করতে পারেন মাছি ওয়েব পৃষ্ঠা পরিবর্তন. এবং এটা দেখা যাচ্ছে যে জাভাস্ক্রিপ্ট এবং অন্যান্য ভাষায় এখন ব্যবহার করা যাবে না শুধুমাত্র ওয়েব পেজ পরিবর্তন ঘটান, কিন্তু আসলে সফ্টওয়্যার লিখুন একটি প্রকৃত কম্পিউটারে, শুধু ক্রোম বা মত সীমাবদ্ধ নয়. 

[00:38:00] আসলে,, আপনি Colton হবে if-- আমাদের এখানে আপ ফিরে যোগদান করতে চান আপনার ল্যাবের কোড, এবং চ্যাং পাশাপাশি সঙ্গে? এর সম্পর্কে বললাম, থাকার এগিয়ে যাওয়া যাক বেনামী ফাংশন এবং callbacks এবং সত্যিই এখানে ভাগ্য প্রলুব্ধ রক্তপাত সঙ্গে একটি লাইভ ডেমো দিয়ে প্রান্ত প্রযুক্তি, এক এই এলিট মোশন ডিভাইস. এখন, এই ডিভাইস, রিকল, একটু ইউএসবি ডিভাইস পাশাপাশি যে beautiful-- এর যে সব যে আপনার USB পোর্টে মধ্যে প্লাগ. 

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

[00:38:46] সুতরাং কেন আমি নিতে না এই প্রথম একটি ছুরিকাঘাত? আর এর এগিয়ে যান এবং নিক্ষেপ করা যাক এখানে ওভারহেড উপর আপনি আপ. সুতরাং আসুন এখানে Colton এর ল্যাপটপ আপ করা যাক. আমরা টিভিতে অ্যান্ড্রু পেয়েছেন. আর আপনি আমার প্রথম কি চাই? 

[00:39:00] Colton: এগিয়ে এবং শুধু যান এই লোক উপর আপনার হাত রাখা এবং আপনি কিছু অবিশাস্য চিক্চিক দেখতে পাবেন. 

[00:39:04] ডেভিড জে MALAN: অত্যন্ত চমৎকার. এই সব বাস্তব সময়ে ঘটছে. ঠিক আছে. ঠিক আছে, ও হাঁ. তাই সুন্দর. ঠিক আছে, আমরা কি কি করতে পারি? 

[00:39:15] Colton: পরবর্তী ধাপে যান এবং দেখতে. 

[00:39:17] ডেভিড জে MALAN: ঠিক আছে. 

[00:39:19] Colton: একটি মজার সামান্য খেলা যেখানে আপনি রোবট না পেতে. 

[00:39:21] ডেভিড জে MALAN: ঠিক আছে, তাই এই কি করতে আমাকে দেখাচ্ছে জাল হাত. Colton: হ্যাঁ তাই এগিয়ে যান এবং ব্লক এক দখল এবং যে রোবট এর শরীরের উপরে রাখা. ডেভিড জে MALAN: ওহ, আমার হাত আছে. ওহ. ঠিক আছে, আরাধ্য. ঠিক আছে, এক মিনিট অপেক্ষা করুন. এখন পর্যন্ত আমরা যেতে. 

[00:39:41] Colton: আমি দুর্ঘটনায় এক তৈরি. 

[00:39:43] ডেভিড জে MALAN: ঠিক আছে, আমি এই লোক পাবেন. এটা অভিশাপ! আমরা এই শেষ অনুশীলন ছিল যখন রাতে, আপনি এই মধ্যে devolved কি জানেন? 

[00:39:51] এই ভালো লেগেছে. ঠিক আছে. পরবর্তী এক? 

[00:39:55] Colton: শিওর. 

[00:39:56] ডেভিড জে MALAN: ঠিক আছে, এবং একটি তৃতীয় আছে. ঠিক আছে. Colton: এবং এই এক, আপনার চাচ্ছি পেতে ডেভিড জে MALAN: ওহ, এই এক এর সুন্দর. Colton: --yeah, এই ফুল পৃথক্ বাছাই. ডেভিড জে MALAN: ঠিক আছে. কোন? মিসড. 

[00:40:14] Colton: ওহ, সেখানে আপনি যান. 

[00:40:15] ডেভিড জে MALAN: আহ, যে তাকান. অত্যন্ত চমৎকার. ওয়েল, কেন আমরা নিতে 'আত এখানে এক স্বেচ্ছাসেবক আউট যারা উপরে আসতে চাই. কিভাবে সম্পর্কে সঠিক আছে সবুজ, এটা হয়? 

[00:40:27] ঠিক আছে, এবং এর থাকতে দিন পরিবর্তে আপনি, যে কিছু করছেন এই গেমটি চিনতে পারেন এখানে সম্ভবত, দড়ি কাটা? চলুন দেখা যাক. আমরা এখানে ধরে আমাদের চশমা আছে? 

[00:40:37] ঠিক আছে. আপনাকে ধন্যবাদ. আপনার নাম কি? 

[00:40:39] শ্রোতা: লরা. 

[00:40:40] ডেভিড জে MALAN: লরা? দেখতে সুন্দর. আপনি নির্বাণ কিছু মনে না করেন আপনার চশমার উপর গুগল গ্লাস. এই Colton হয়. 

[00:40:46] Colton: হাই. দেখা হওয়ায় খুশী হলাম. 

[00:40:48] ডেভিড জে MALAN: ঠিক আছে, কাছাকাছি আসা. ঠিক আছে, তাই আপনি যাচ্ছেন কি এখানে কি আগে এই থাকার অভিনয়, উপর আপনার হাত রাখা হয় এখানে লিপ মোশন. এবং এখন আপনার তীর সরানো আরও উচিত. নাঃ, ওহ. 

[00:40:57] শ্রোতা: নং 

[00:40:58] ডেভিড জে MALAN: আমরা এখনো প্রস্থান করতে চান না. ঠিক আছে, অপেক্ষা করুন. এখানে ধরে. আপনি রাখা সুতরাং হিসাবে বিজ্ঞপ্তি আপনার কিছু উপর আঙুল, মাউস সবুজ যেতে আরম্ভ, যা আপনাকে ক্লিক করতে হয়. 

[00:41:06] সুতরাং খেলুন উপর কার্সার রেখে. আর মাত্র এক আঙুল জরিমানা. এবং এখন একটু ক্লিক করুন বাম সবুজ লোক. এটা সবুজ fills আপ পর্যন্ত এবং এখন রাখা. গুড. এখন, মত, শীর্ষ আপ স্তরের এক. 

[00:41:16] শ্রোতা: হ্যাঁ, আমরা চাই এখানে স্তর এক,. 

[00:41:20] ডেভিড জে MALAN: গুড. ঠিক আছে, তাই সব আপনি আছে দড়ি কাটা হয় না. তোমার কার্সার নিচে আছে সাদা এক. 

[00:41:28] অত্যন্ত চমৎকার. ঠিক আছে, এটা কঠিন পেতে সম্বন্ধে. সুতরাং পরের এখন উপর আপনার আঙুল রাখা. গুড. এই এক কঠিন. 

[00:41:39] শ্রোতা: ওহ বিষ্ঠা. ঠিক আছে. এটা যে পথ যেতে চায়. ওহ বিষ্ঠা, যে সব 

[00:41:44] ডেভিড জে MALAN: হ্যাঁ. সেকেন্ডারি লক্ষ্য সব বড় পেতে হয়. ঠিক আছে, পরের. 

[00:41:53] আপনি এই তৃতীয় একটি পেতে পারেন যদি এর দেখতে দিন. গুড. ঠিক আছে, ওইখানে যান. 

[00:42:06] শিওর. ওহ, খুব সুন্দর. ঠিক আছে. 

[00:42:11] তাই কেন আমরা আজ এখানে স্থগিত রাখা না? যে কেউ পালন করতে চায় আপ উপর আসা যাক. আমাদের স্বেচ্ছাসেবক লরা তাই অনেক ধন্যবাদ. এবং আমরা সোমবার আপনি দেখতে পাবেন. 

[00:42:18] শ্রোতা: আপনি সম্ভবত এইসব ফিরে চান. 

[00:42:21] স্পিকার 2: পরের CS50-- এ