DAVID J. MALAN: ٹھیک ہے، تو یہ یہاں سے Myo بازو ہے بینڈ، ایک جوڑے جن کے ہم CS50 آخری منصوبوں کے لئے ہے. اور یہ کہ ہم قطار میں ایک مظاہرہ کیا پیشگی بنیادی طور پر جہاں میں آپ کو یہ کافی تنگ بازو یہاں سائن بینڈ آپ کے پٹھوں کی تحریکوں کو سنتا ہے پھر سافٹ ویئر میں مائچترت کر رہے ہیں کہ یہاں کولٹن کے لیپ ٹاپ سے ہے جس پڑا iTunes اور جو نغمہ کی پہلے ہی قطار میں. بلکہ مجھے یہ demoing مقابلے، کولٹن لیب میں ہو گیا ہے واضح طور پر تمام ہفتے ایک مظاہرے ہو رہی ہے ایک بہادر رضاکار کے لئے تیار ہو. کسی کو آنا چاہتے ہیں تو up-- پر سب سے پہلے اپنے ہاتھ کو دیکھا. اپ چلو. [00:01:09] ٹھیک ہے. اور تمہارا نام کیا ہے؟ 

[00:01:13] سامعین: اہ، ماریا. 

[00:01:14] DAVID J. MALAN: ماریا، آپ کو دیکھ کر اچھا لگا. یہاں پر آئے. مجھے کولٹن کو متعارف کرانے. کولٹن، اس ماریا ہے. 

[00:01:21] کولٹن: ہیلو، آپ سے مل کر اچھا لگا. 

[00:01:23] DAVID J. MALAN: تمام ٹھیک ہے، تو ہم ہیں، ایک قدم جا کے آپ کو ڈال ہے کرنا آپ کے بازو پر اس یہ خوبصورت ہے تاکہ اپنی کہنی کے قریب اپ تنگ. اور اس دوران، کی ہے دو ہمارے گوگل گلاس پر ڈال دیا اور ہم آج ٹیکنالوجیز مکس کر لیں گے. 

[00:01:33] کولٹن: سب سے پہلے ہم پڑے گا چیزوں میں یہ ہک. 

[00:01:36] DAVID J. MALAN: ٹھیک ہے. اصل میں، کے طور پر آپ کے ہاتھ ڈال دو ممکن طور پر اس کیبل کے قریب اس لئے ہم سب سے پہلے اس کو مطابقت پذیر کر سکتے ہیں کہ. 

[00:01:41] کولٹن: چلو، ایسا. 

[00:01:42] DAVID J. MALAN: اور اس دوران، تاکہ سب کو ایک دوسرے کے قریب نظر حاصل کر سکتے ہیں، ہم اینڈریو کی کیمرے ٹاس دونگا وہاں کی سکرین پر اپ. تو ہم ہے کہ ایک USB کیبل ہے ماریا کے Armband کے میں پلگ کیا جا رہا ہے. اور مجھ کولٹن کی سکرین ٹاس دیں اگلے پروجیکٹر پر اپ. 

[00:02:00] لہذا کولٹن آلہ اندراج کر رہا ہے ایک سے Myo اس کیبل سے منسلک اب کے طور پر. اور اب کیا ماریا کے لمحے بھر کیا کرنے جا اصل کے ذریعے چل رہا ہے انشانکن اقدامات اور سافٹ ویئر سکھانے کس طرح اس کے پٹھوں کو جواب وہ کرنے کے لئے جب بعض پہلے سے مقرر سافٹ ویئر کو سمجھتا ہے اشارہ ہے کہ. آپ میں جانے کے لئے چاہتے ہیں، تو سکرین کے سامنے. OK، کوشش کرتے رہیں. 

[00:02:30] کولٹن: اس طرح جاؤ. اور اس طرح. اور حق کے لئے تمام طریقہ. واپس جاؤ. 

[00:02:35] DAVID J. MALAN: ٹھیک ہے. مختلف نقطہ نظر. یہ آپ کو نہیں ہے. یہ ہم ہے. 

[00:02:40] MARIA: ٹھیک ہے. DAVID J. MALAN: جی نہیں کی اعلی اپ یہ بات ہے تو اس کو منتقل کرتے ہیں اپنی کہنی کے قریب، یا اس سے بھی زیادہ سخت. ٹھیک ہے. 

[00:02:52] یہاں ہم چلے. یہ CS52X کے لئے ایک اچھا وقت ہو گا. ہم وہاں جا رہے. 

[00:02:57] بہت اچھی. OK. انگوٹھے رکن کرنے. 

[00:03:02] بہت اچھی. اپنی انگلی کو پھیلانے. گڈ. صحیح لہر. یہ دلچسپ دکھا رہا ہے بائیں hand-- ساتھ آپ 

[00:03:17] کولٹن: جی ہاں، کہ wierd ہے. DAVID J. MALAN: لہر دائیں اور آگے بڑھنے. فاسٹ فارورڈ کریں یا اگلے پر. یہ ٹھیک لہر درست ہے. 

[00:03:25] MARIA: میں انتظار مت پہنچاو. 

[00:03:26] DAVID J. MALAN: کچھ مدد کی ضرورت ہے؟ 

[00:03:28] کولٹن: تو تم اس طرح جا رہے ہیں. MARIA: یہ رخ کر رہا ہے دوسری بات یہ ہے، اگرچہ. کولٹن: یہ. DAVID J. MALAN: جی ہاں مجھے پتہ نہیں ہے کیوں یہ آپ کو ایک leftie دکھا رہا ہے. کولٹن: کیوں آپ کو کرنے کی کوشش نہیں کرتے، صرف اس طرح جا کوشش. 

[00:03:38] DAVID J. MALAN: نہیں؟ شاید آپ کے ہاتھ تک پہنچنے ایک چھوٹا سا straighter باہر اور اس طرح یہ زیادہ اچانک بنانے. جی ہاں، ٹھیک ہے، چلو. 

[00:03:48] MARIA: مجھے افسوس ہے. DAVID J. MALAN: یہ آپ کی غلطی نہیں ہے. کولٹن: یہ ٹھیک ہے. DAVID J. MALAN: ٹھیک ہے. Well-- 

[00:03:56] MARIA: ہم پھر، اس کو چھوڑ دوں؟ DAVID J. MALAN: جی ہاں، چلو کانٹا دور میں آپ ہیں. کسی کو بھی ایک کرنا چاہتے ہیں تو اگر یہ جدید استعمال کرتے ہوئے حتمی منصوبہ ہارڈ ویئر، کا احساس یہ صرف طاقت ہو استعمال ہو رہی ہے ایک چھوٹا سا لے. اور this-- حقیقت یہ ہے دراصل بہت کنارے خون بہہ رہا ہے. 

[00:04:10] یہ کہا جاتا ہے ڈویلپر کٹ، جس بنیادی طور پر ایک پری کی رہائی ہونا مراد ہے تاکہ لوگ جو بالکل ایسا کر سکتے ہیں اس کے ساتھ لڑنے this--، اعداد و شمار باہر کس طرح لوگوں کے جسم کام ٹیکنالوجی کے ساتھ. اگر آپ چاہتے ہیں تو کیا اس کے بعد، لیکچر کے بعد، ہم آپ کو آنے دو کر سکتے ہیں اور اس پر ایک اور کوشش لے. تعریف کی لیکن دوسری صورت میں، ایک گول، تو ہم اپ پر آنے کے لئے Maria لئے، کر سکتے تھے. 

[00:04:26] MARIA: آپ کا شکریہ. 

[00:04:28] DAVID J. MALAN: آپ کا شکریہ. ہم اس پر پھانسی دیں گے، لیکن ہم کو دے گا you-- کس طرح یہاں ایک کشیدگی گیند کے بارے میں؟ اوہ، and-- if-- ہاں، شکریہ. ٹھیک ہے. تم تھے شوقین کے لئے، اگر ایسا ہے تو آواز کا انتخاب کے ساتھ مجریچت ہم وہاں بنا دیا ہے کہ اس سے قبل، ایک حیرت انگیز ٹی وی ظاہر ہے کہ تم بالکل کرنا چاہئے بھاری دیکھ Netflix پر ہونا یہاں اس سے ایک ہے. 

[00:04:51] اسپیکر 1: خواتین و حضرات، جوش نامی ایک جادوگر. 

[00:05:04] DAVID J. MALAN: اور بظاہر، یہ بات ہے ایک چیز اب لیکچر کے دوران مجھ متن. میں نے اس کو بتایا جا رہا ہے ماریا کل ایک سالگرہ تھی. سے بہت سالگرہ مبارک ہو ماریا کرنے CS50 کے ساتھ ساتھ. 

[00:05:18] تو کیا تم نے حالیہ ماہ میں پڑھا ہے ہو سکتا ہے کہ یہاں اس کی بہنوں، اسٹیو اصل میں تھا کون مسٹر ballmer، کالج میں 1977 کی کلاس، حال ہی میں مائیکروسافٹ کے لئے ریٹائر. انہوں نے کہا کہ، یہاں ایک انڈر گریجویٹ تھا پھر ایک جوڑے سال بعد میں خود کو پایا سٹینفورڈ بزنس اسکول انہوں نے ایک فون موصول جب ان جو کے ایک دوست کی طرف سے فون کریں ہال کے نیچے رہ رہے تھے یہاں ہارورڈ میں اس کی طرف سے. اس دوست کا نام بل تھا گیٹس، اور اس وقت، وہ بننا اسٹیو کو بھرتی کرنے کی کوشش کر رہا تھا پہلے کاروباری شخص، واقعی، ایک چھوٹی سی کمپنی مائیکروسافٹ نام. 

[00:05:45] ایک لمبی کہانی مختصر، اسٹیو بالآخر جیت لیا گیا تھا، جب انہوں نے مائیکروسافٹ میں شمولیت اختیار کی صرف 30 ملازمین پڑا. اور وقت کی طرف سے وہ بالکل حال ہی میں ریٹائر، کمپنی 100،000 ملازمین پڑا گزشتہ چند سالوں میں. اور اس طرح ایک ویب سائٹ کناروں کے طور پر جانا ویڈیو پر یہ خراج تحسین پیش تیار ہم نے سوچا کہ آپ کو دیتا ہے کہ مشترکہ صرف کتنی توانائی سٹیو کے احساس وہ دیتا ہے کسی بھی پریزنٹیشن کی طرف لاتا ہے. [ویڈیو پلے بیک] -Microsoft چوتھے بچے کی طرح ہے. بچوں کے گھر چھوڑ براہ. اس صورت میں، مجھے لگتا ہے میں گھر جا رہا ہوں. بل ارے، whazzap؟ 

[00:06:23] -Wazzap؟ 

[00:06:24] -Hey، wazzap؟ ہم نے دیا گیا ہے ایک بہت بڑا موقع. اور بل ہمیں یہ موقع دیا. میں اس کے لئے بل کو شکریہ ادا کرنا چاہتا. میں بھی تم سے کرنا چاہتے ہیں. جدت طرازی کی رفتار سست کرنے کے لئے نہیں جا رہا ہے. 

[00:06:42] یہ تیزی سے اور تیزی سے حاصل کرنے کے لئے جا رہا ہے. چند حریف سے ہی ہو سکتا کہ بدقسمتی سے ختم کر رہے ہیں! 

[00:06:54] میں نے اس کمپنی سے محبت کرتا ہوں. جی ہاں! میں نے ایک PC ہوں، اور میں نے اس کمپنی سے محبت! 

[00:07:08] ڈیولپرز، ڈویلپرز، ڈویلپرز، ڈویلپرز، ڈویلپرز، ڈویلپرز، ڈویلپرز، ڈویلپرز. جی ہاں! ویب ڈویلپرز! 

[00:07:19] ویب ڈویلپرز! ویب ڈویلپرز! بات سننے اور کیا آپ کوئی اضافی چارج میں ہو جاؤ! 

[00:07:28] MS-DOS ایگزیکٹو، ایک ملاقات کیلنڈر، ایک کارڈ ڈھیر، ایک نوٹ پیڈ، ایک گھڑی، ایک کنٹرول پینل. اور، آپ اس پر یقین کر سکتے ہیں؟ Reversie! 

[00:07:35] سی ڈی پر ان کو جلا دو! MSN کے لئے ان کو پوسٹ! آپ دوستوں کے لئے ان سے میل! 

[00:07:40] ایک کلک کے ساتھ سب! Microsoft کی ایک، ایک حکمت عملی، سے ایک team-- تخشاست، پیشہ ورانہ، توجہ مرکوز، اور ہمیں کیا ہے کہ تمام میں ماہر. مجھے ایک پرانی فلم سے ایک لائن کا استعمال کرتے ہیں. 

[00:07:52] رشتوں شارک کی طرح ہیں. وہ آگے منتقل یا وہ مر جائیں. میں واقعی میں لگتا ہے کہ ٹیک کمپنیوں پر ایک ہی ہیں. 

[00:08:01] [END ویڈیو پلے بیک] DAVID J. MALAN: تو ہم کرنے کے لئے بہت خوش ہیں سٹیو ہمارے ساتھ آئیں گے کہ اعلان یہاں CS50 میں میں اگلے بدھ معمول کی جگہ اور یہاں وقت. خلائی امکان محدود ہو جائے گا. اور ایسا ہے، انسان میں ہمارے ساتھ شامل کرنے کے لئے براہ مہربانی کچھ ہی عرصے بعد آج سر یا cs50.harvard.edu/register کرنے. 

[00:08:22] اور ہم کے ذریعے بات کریں گے منگل دھبوں کی تصدیق. کہ اگلے کرنے کے شوقین ہیں CS50 میں لیکچر کے دوران بدھ. اب، دیگر خبروں میں، میں نے کو کیا ہوا کرمسن میں اس پار آئے تو صرف دوسرے دن. 

[00:08:34] یہ CS50 کے عملے کے ایک ہے کہ باہر کر دیتا ہے اور CS50 کے طلباء کی کم از کم ایک فی الحال یوسی لئے چل رہا ہے صدر اور نائب صدر، جس مجھے واپس لایا میرے اپنے دنوں میں واپس جب میں بری طرح یوسی الیکشن ہار. لیکن چاندی کا استر اس میں میں نے ہمیشہ سے ہے کہانی یہ ہے کہ بتا میں سے ایک یقین ہے بہت سی وجوہات میں کھو انتخابات ایک مکمل فقدان تھا عوامی بولنے کے لئے ایک ہنر کی. اور اس طرح بہت ایمانداری سے، یہ مجھے نکال دیا، اس تجربے میں نے اپنے جونیئر سال، اصل میں سائن ان کرنے کی سوچتے ہیں ہارورڈ کمپیوٹر سوسائٹی، کے لئے سائن اپ جس گروپ کے کیمپس پر ہے کہ مختلف تکنیکی مذاکرات اور دوسری چیزوں. اور میں نے ان کی تعلیم پر قبضہ کر لیا سیمینارز اور اس وجہ سے ، ایک موقع تھا ایک بہت اچھا موقع، بالکل اس پر کام شروع کرنے کے لئے. بلکہ، میں نے ایک موقع ملا اس تجربے کے دوران اپنے آپ کو سب زیادہ HTML سکھانے کے لئے. اور اس طرح میں نے گزشتہ رات بلا ضرورت تاخیر HTML بنیاد پر ویب سائٹ کے ذریعے تلاش میں نے کے لئے،، 1997 کی طرح '98 میں کی گئی میری یہاں اس طرح لگتا ہے جس مہم. میں جانتا ہوں. 

[00:09:29] کیونکہ اور کورس کی، کے نوٹس 1998 ء میں اس حیرت انگیز ڈیزائن کے فیصلے یا whatnot. آپ چاہتے ہیں سب سے پہلی چیز صارفین آپ کی ویب سائٹ کا دورہ کر وسلم کو ایسا کرنے کی ایک اور لنک ہے صرف کلک کرنے کے لئے ہے کے لئے ہے راہب کے ساتھ یہاں آپ کی ویب سائٹ میں داخل کرنے کے پیچھے جہاں ایک دفن پردے کی طرح بظاہر اپنی مہم پلیٹ فارم تھا. اور یہ آپ کے لئے مل جائے گا تمام ہے آج صرف ایک اسکرین شاٹ ہے. لیکن میں، طرح، کے ذریعے پڑھ رہا تھا اپنی مہم پوسٹر آخری رات اور میری پلیٹ فارم. 

[00:09:50] اور میں اس وقت اس قدر ناراض ہوئے. یہ دلچسپ تھا was-- میری پلیٹ فارم. تو میں نے اس کے بعد پرسکون ہو گیا ہوں. لیکن کسی دن، میں نے پھر سے چلائے جائیں گے اور دور اس وقت امید ہے کہ بہتر. 

[00:10:03] تو HTML، میں نے کر دیا ہے جس میں اس زبان آپ in-- کہ جلد ہی زیادہ more-- بنا دیں گے ہم کیا گیا ہے کچھ ہے مرحوم کے بارے میں بات اور بڑی حد تک کے لئے اب عطا کی لینے کہ اگر ہم دیگر زبانوں میں خودکومنوانا چاہتا تھا. لیکن صرف ایک لمحے کے لئے روک دیں اور سیاق و سباق میں ان چیزوں میں سے کچھ ڈال دیا. تو ایک جملے میں، ایچ ٹی ایم ایل کیا ہے؟ 

[00:10:18] یا، کیا اس کے لیے استعمال ہوتی ہے؟ کوئی ہے؟ جی ہاں. 

[00:10:20] سامعین: ویب سائٹس کے لئے مارکاپ. DAVID J. MALAN: ویب سائٹ کے لئے مارکاپ. تو یہ ایک مارکاپ زبان ہے کہ آپ کو ایک ویب صفحے کی ساخت کی اجازت دیتا ہے. ہیڈر یہاں تک جاتا ہے، عنوان یہاں جاتا ہے، جسم یہاں جاتا ہے. یہ یہ ہے، جلی حروف میں ہے تفصیل کے بارے میں اس طرح italics--. 

[00:10:33] ٹھیک ہے، اچھا. لہذا سی ایس ایس you-- اور میں اجازت دیتا ہے وہاں کچھ آزادی لے لیا جرات مندانہ کا سامنا اور italics کیونکہ ساتھ کہ بہتر ہے اس کے ساتھ نافذ ہے. CSS کیا is--؟ ایک جملے میں کہو. کوئی بھی بالکل. جی ہاں. 

[00:10:46] سامعین: embellishments کے اور اس کے ڈیزائن کے لئے کس طرح طرح کی چیزیں،. DAVID J. MALAN: ٹھیک ہے، اچھا. اگر آپ اجازت دیتے ہیں کہ embellishments کے اس کے ڈیزائن یا اسے stylize کے جلی حروف اور طرح کی چیزوں کے ساتھ italics اور رنگ اور بھی زیادہ ٹھیک عناصر میں سے ہے grained پوزیشننگ. اس طرح کی آپ کو چیزیں لے کی اجازت دیتا آخری میل مثلا، کہ اگر ایسا ہے تو، pset7 کے میں، آپ پر غور کیا ہو آپ پورٹ فولیو صفحہ آپ اس نقطہ پر ہو تو پہلے سے ہی ایک پہلے سے طے شدہ کی میز ہے کہ ہے کہ آپ کو صارف کے اسٹاک ہولڈنگز کو دکھانے کے لئے کر دے اور نقد شاید بہت گھنونا لگتا کوئی سفید جگہ کے ساتھ ڈیفالٹ کی طرف سے. crammed کر کے سب کچھ قسم ایک ساتھ قطار اور کالموں میں. 

[00:11:18] ویسے، تھوڑا سا کے ساتھ CSS، آپ کو احساس کر سکتے ہیں کے طور پر، آپ اصل میں ہے کہ موافقت اور یہ کر سکتے ہیں بہت زیادہ واقف اور بہت کچھ ہے خوبصورت کو دیکھنے کے لئے. لہذا سی ایس ایس کے بارے میں ہے ویب سائٹس کے stylization. لیکن اس وقت ہم نے ایک اور متعارف کرایا ہمیں کیا کرنا ہے جس کی مدد سے زبان، پی ایچ پی،؟ 

[00:11:36] چلو صرف کیا کر دیا؟ کسی کو بھی. اس سے آگے وینچر کرنے کے لئے مل گیا پہلے جوڑے قطار. جی ہاں. 

[00:11:40] سامعین: متحرک مواد بنائیں. DAVID J. MALAN: کامل. متحرک مواد بنائیں. اور آپ میں یہ کر سکتے ہیں زبانوں کے کسی بھی تعداد. ہم یہ بات ہے کیونکہ پی ایچ پی کا استعمال کرنے کے لئے ہو C نحو کی تو اسی طرح سے حصہ میں. 

[00:11:50] لیکن پی ایچ پی بالکل اس سے فرق پڑتا ہے. یہ آپ کو متحرک طور پر پیداوار پیدا کی اجازت دیتا ہے. اور اس کی پیداوار میں سے کچھ بھی ہو سکتا ہے HTML، ہم عام طور پر کر رہا ہوں کے طور پر. یہ ہے کیونکہ اور یہ، بھی ہے ایک پروگرامنگ زبان، ہے طریقہ کار ہے جس کے ذریعے ہم ڈیٹا بیس کے لئے بات کر سکتے ہیں. 

[00:12:03] اور ہم سوالات کر سکتے ہیں yahoos کی طرح دیگر سرورز اور پروگرام کے کچھ بھی واقعی ہے کہ آپ کو دوسری صورت کو شاید ایسا کرنے کے لئے ایک کمپیوٹر پر مجبور کرنا چاہتے ہیں. تو پی ایچ پی نے ہمیں شروع کی اجازت دیتا ہے متحرک مواد لکھنا. اس منطق سے تو، میں بھی نہیں تھا واپس 1998 ء میں ایک متحرک ویب سائٹ. 

[00:12:16] یہ صرف ایک مستحکم ویب صفحے تھا. اپنے مواد کی طرف سے تبدیل کیا جانا تھا دستی طور پر کی gedit یا کچھ برابر کے ساتھ. لیکن پی ایچ پی ہم نے استعمال کیا یا کیا ہے استعمال کیا جا سکتا، بلکہ، طرح کچھ کے لئے IMS Frosh کے ویب سائٹ، جس میں رجسٹریشن لینے والا تھا اور users-- چیزوں کی ایک فہرست کا انتظام ہے کہ اصل سے زیادہ تبدیل کر رہے ہیں ہم ایسا حالانکہ وقت، پرل، ایک مختلف استعمال کرنے کے لئے وقت میں زبان. 

[00:12:35] اور پھر آخر میں، ہم نے متعارف کرایا SQL-- طلب زبان ساخت. لہذا ابھی تک کسی دوسری زبان کہ کیا ہے کے لئے استعمال کیا جاتا رہا ہے؟ کیا ہے کے لئے استعمال کیا جاتا ہے؟ ہم slight-- وینچر کر سکتے ہیں ٹھیک ہے، ہم نہیں جا رہے ہیں بہت دور حاصل کرنے کے لئے یہاں آرکسٹرا کے مقابلے. سامعین: یہ ایک پروٹوکول ہے ڈیٹا بیس کے لئے بات کرنے کے لئے استعمال کیا. DAVID J. MALAN: A پروٹوکول ڈیٹا بیس کے لئے بات کرنے کے لئے استعمال کیا. مجھے موافقت کرتے ہیں. اس کا استعمال کیا ہے ایک قدرتی زبان ہے databases-- منتخب کرنے کے لئے بات کرنے کے لئے اور اضافہ یا اخراج اور اپ ڈیٹس کے لئے اور اصل بھی زیادہ خصوصیات کہ ہم بھی dived کے نہیں کیا ہے میں لیکن آپ کو کرنا پڑے explore-- کرنا چاہ سکتے ہیں ، کا کہنا ہے کہ، کے لئے ایک حتمی منصوبے کو دریافت کرنے. لہذا ان مختلف ٹکڑے ٹکڑے ہیں. 

[00:13:09] اور امید ہے کہ pset7 کے، اگرچہ اس کی تصریح، بہت طویل ہے یہ آپ کو چلنے کے لئے جان بوجھ کر طویل ہے کہ کس طرح ان چیزوں کو سب کے سب کر سکتے ہیں کے ذریعے ایک ساتھ ٹائپ کیا جائے. اب، پیر ہم، پر ہماری آخری زبان متعارف کرایا ہم باضابطہ طور پر میں ملواتا ہوں کہ ، جاوا اسکرپٹ ہے کہ کورس. یہ، پی ایچ پی کی طرح، ایک تشریح زبان. 

[00:13:25] لیکن ایک اہم فرق میں پیر کو تجویز پیش کی پی ایچ پی، جبکہ انہیں قابل عمل ہے یا یہ ہے کہ سرور، پر تشریح کی جا رہی ہے جس کے اس معاملے میں CS50 آلات ہے، یا کسی تجارتی ویب ہو سکتا انٹرنیٹ پر سرور، جاوا اسکرپٹ کو عام کلائنٹ سائڈ چلتا ہے کہ ایک زبان ہے براؤزر میں نہ سرور side-- تاکہ. جس میں صرف میں نے کھول دیا جب کی طرح، کا کہنا ہے کہ کرنے کے لئے ہے فیس بک کے منبع کوڈ ہے اور تمام پایا لوگ جے ایس فائلوں کی، مطلب تھا اگر آپ فیس بک یا کا دورہ کریں جب کہ سب سے زیادہ ویب سائٹس پر ان دنوں، آپ کو ملتا ہے نہ صرف ایچ ٹی ایم ایل، صرف سی ایس ایس، لیکن جاوا اسکرپٹ کی ایک پوری گچرچھا اکثر جے ایس فائلوں کی شکل میں کوڈ. اور پھر یہ براؤزر آپ کی اپنی ہے کہ کوڈ executes ہے کہ میک یا PC--. 

[00:14:03] لیکن اگر آپ کا براؤزر اس executes ہے. تم ایک سینڈ باکس کی طرح میں سوچ کر سکتے ہیں. جاوا سکرپٹ کے کوڈ نہیں ہونا چاہئے، تا کہ آپ کے کمپیوٹر پر فائلوں کو خارج کرنے کے قابل. یہ کرنے کے قابل نہیں ہونا چاہئے آپ کی طرف سے ای میلز بھیجیں. محدود کی اپنے براؤزر قسم آپ اس کے ساتھ کیا کر سکتے ہیں. 

[00:14:17] تو اس معنی میں، یہ ایک چھوٹی سی بات ہے کم طاقتور، شاید، کے مقابلے C. لیکن جاوا اسکرپٹ یہ کر سکتے ہیں، کے طور پر ایک ایک طرف، سرور پر استعمال کیا جا، ہم بات نہیں کرتے ہیں گے اگرچہ اس تناظر میں اس کے بارے میں. تو اب ہم مل کر ان باندھ دیں. ایک ہفتہ کے علاوہ پہلے، ہم کچھ HTML پیش بائیں سپر بورنگ ویب پیج پر. 

[00:14:34] بس ہیلو دنیا کا کہنا ہے کہ. اور پھر میں نے مجوزہ صحیح ہم اس قسم کے خیالات چوری کر سکتے ہیں کی ہماری بحث سے C میں ڈیٹا ڈھانچے اور کس طرح اس کے بارے میں سوچنے پدانکردوست بائیں پر مارکاپ زبان کھینچی یا میموری میں لاگو کیا جا سکتا ہے نوڈس کے ساتھ ایک حقیقی درخت کا ڈھانچہ کے طور پر اشارہ اور تفصیلات کے ان قسم کے اور. حق پر، ہم پر کال کریں ایک DOM-- دستاویز کہ جس میں صرف ہے Model-- آبجیکٹ درخت کہنے کی پسند ہیں طریقہ. 

[00:14:56] اب، کیوں یہ مفید ہے اس طرح میں اس کے بارے میں سوچ؟ اب کے ساتھ، کیونکہ جاوا اسکرپٹ، ہمارے پاس ہے کیونکہ اس میں کھیلنے کے لئے ہو جاتا ہے کہ کوڈ ماحول، کہ اصل HTML براؤزر کو بھیجا گیا پہلے سے ہی ہے اور پہلے ہی ہے کی طرف سے میموری میں لوڈ کیا گیا آپ کے کمپیوٹر میں ایک درخت میں براؤزر اس طرح رام، ہم جاوا سکرپٹ کا استعمال کر سکتے دراصل گزرنا یا واک یا تلاش یا ڈوم درخت تاہم ہم چاہتے ہیں کہ تبدیل. تو حقیقت میں، اگر آپ کو لگتا ہے کہ اگر کے بارے facebook.com، آپ چیٹ کی خصوصیت استعمال کرتے ہیں تو، اگر آپ استعمال کے جی میل اور gchat خصوصیت، آپ کی ضرورت ہے جہاں کسی بھی چیز بار بار آنے والے پیغامات اور ایک بار پھر، ان پیغامات، شاید ہیں طرح، لی ٹیگ، کی فہرست آئٹم ٹیگز، شاید. 

[00:15:35] یا ہو سکتا ہے وہ صرف ہو دکھائے رکھنا کہ قابل divs ہر وقت آپ کو ایک فوری پیغام ملے. اور تو ہے کہ صرف کیا مطلب فیس بک یا گوگل کر رہا ہے کسی بھی وقت آپ کو ایک حاصل کر رہا ہے سرور سے پیغام، وہ شاید جاوا اسکرپٹ استعمال کر رہے ہیں صرف ایک اور نوڈ کو شامل کرنے اس لئے اس کے لئے ایک اور نوڈ درخت پھر ضعف صرف لگ رہا ہے کہ درخت آپ کی سکرین پر متن کی ایک نئی لائن کی طرح. لیکن وہ داخل کر رہے ہیں یہ آنکڑا ڈھانچہ میں. 

[00:15:57] جیسے کلاسوں میں So CS124 اور دوسروں، تمہیں میں اصل خلاف زیادہ کوڈ لکھنے کے اس طرح کے اعداد و شمار کے ڈھانچے. لیکن اب کے لئے جاوا اسکرپٹ میں کے لئے، ہم صرف فرض کر لیں گے اگر یہ فعالیت کی سب کو حاصل زبان خود سے مفت کے لئے. تو ایک مثال کو دیکھو. 

[00:16:09] مجھے form.html نامی ایک فائل کھول دو. یہ سپر آسان ہے. یہ صرف اس طرح لگ رہا. 

[00:16:15] کوئی سی ایس ایس، جمالیات کی کوئی فکر. یہ مکمل طور پر فعال ہے اور بظاہر ہوں ایک ای میل کے لئے پوچھ، ایک پاس ورڈ، دوبارہ پاس ورڈ، اور پھر ایک چیک کچھ شرائط و ضوابط سے اتفاق کرتا ہوں. کیا اس کا سورس کوڈ شاید کچھ ہے کی طرح لگتا ہے آپ کو ایک کے ساتھ اندازہ لگا سکتا اب فکر کے تھوڑا سا. میں یہاں ایک فارم ٹیگ مل گیا ہے. 

[00:16:32] ایک کارروائی بظاہر جا رہا ہے register.php جو نامی ایک فائل میں جائیں. میں نے استعمال کرنے کے لئے جا رہا ہوں، کے طریقہ کار کے لئے حاصل ہے. اور پھر میں نے ایک متن مل گیا ہے جس کا نام ای میل ہے میدان. 

[00:16:40] میں نے ایک پاس ورڈ کا خانہ ملا ہے پاس ورڈ جس کا نام ہے. میں نے ایک اور مل گیا ہے جس کا نام پاس ورڈ کا خانہ کسی حد تک منمانے توثیقی ہے. یہ صرف ایک اور HTTP پیرامیٹر ہے. 

[00:16:49] اور پھر ہم کے سوا ان کا استعمال نہیں کیا گیا ہوں IMS Frosh کے کلاس میں ڈیمو کے بعد سے ہے جو ایک چیک باکس صرف قسم کے چیک برابر. اور میں نے اس معاہدے کو بلاتا ہوں. لہذا میں نے قسم منمانے لیکن آسانی سے ان خانوں کا نام دیا. اس فارم کو ہو جاتا ہے اب جب کہ اتنی پیش کی، چلو دیکھتے ہیں کیا ہوتا. مجھے malan@harvard.edu ایسا کرتے ہیں، میں نے کرمسن کے ایک پاس ورڈ کر دونگا. میں نے کچھ بھی نہیں کے ایک پاس ورڈ کر دونگا. کے تعاون نہیں کرتے ہیں. 

[00:17:10] اور میں باکس کو چیک نہیں کرے گا. مجھ رجسٹر پر کلک کریں. اور یہ ایچ ایم، آپ رجسٹرڈ رہے، کہتے ہیں. واقعی نہیں. 

[00:17:16] لیکن یو آر ایل کو تبدیل کر دیا. لہذا اس فارم میں واضح طور پر اجازت دی گئی تھی register.php جو پیش کرنے. لیکن شاید، میں ہونا چاہئے ان غلطیوں میں سے کچھ کو پکڑنے. اب، pset7 کے اور میں کچھ ہمارے لیکچر مثالوں کے، ہم عام طور پر باہر پرنٹ گی یہاں ایک بڑے سرخ غلطی پیغام ، کہہ نام لاپتہ، یا پاس ورڈ لاپتہ. ہم اور اس سے پہلے ہم نے کہ کیا ہے کیا سرور سائڈ خرابی کا پتہ لگانے. 

[00:17:37] لیکن بہت سی ویب سائٹس پر ان دنوں کلائنٹ سائڈ خرابی کا پتہ لگانے کرتے جہاں URL تبدیل نہیں ہوتا. سارے صفحے کو ریفریش نہیں کرتا. تم فوری طور پر رائے براؤزر سے. شاید کچھ سرخ جاتا. 

[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 دکھاوی یہاں سائن structurally اسی طرح. فارم حقیقت میں ایک ہی ہے. لیکن میں یہاں ذیل میں کیا ہے دیکھتے ہیں. اور اس کام کے لئے مختلف طریقوں وہاں ہے. اور میں سب سے زیادہ براہ راست کیا ہے ابھی تک سب سے زیادہ خوبصورت انداز پیروکار لیکن نہیں. میں نے ایک سکرپٹ ٹیگ ہے. میں نے تو فون کریں ہیں document.getElementByID ('رجسٹریشن'). اور میں اس قدر ذخیرہ شکل میں، ایک متغیر. 

[00:19:04] تو میں نے کیا کیا ہے؟ آپ سوچ سکتے ہیں ہیں document.getElementByID ہونے کے طور پر ایک خصوصی تقریب کہ جاوا اسکرپٹ آپ کو دیتا ہے لفظی آپ کو ایک ہاتھ اس نوڈس میں سے ایک پوائنٹر اس درخت میں یا مستطیل. تو اب اس کا کیا ہمارے فارم متغیر ہے جاوا اسکرپٹ میں اصل میں اشارہ کر رہا ہے. 

[00:19:21] تو اب نحو سے مختلف ہے C. لیکن ہم یہاں کچھ باتیں کر رہے ہو. ایک، یہ ایک تھوڑا عجیب ہے C. بمقابلہ یقینی طور پر، تلاش کر لیکن لائن 35 پر نظر ڈالیں. بائیں form.onsubmit پر اتنا. کہ onsubmit ہے یاد کرتے ہیں ایک struct میں ایک کھیت کی طرح. آپ فارم متغیر کی میں کیا سوچتے ہیں صرف ایک C 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] دریں اثنا چیزیں حاصل کر رہے ہیں یہاں تھوڑا fancier. form.password.value نہیں کرتا تو برابر form.confirmation.value، دوسرے میدان، میں چللانا صارف اس کے پاس ورڈ وہ کے طور پر کے مطابق نہیں ہیں ایک لمحے پہلے ایسا نہیں کیا. اور پھر یہ ایک ہے ایک تھوڑا ہے sexier میں کیونکہ میں تصوراتی جانتے تھے کہ پتہ جانچ پڑتال کی ایک چیک باکس کا نام ہے. 

[00:21:40] تو میں صرف ایک فجائیہ استعمال کر سکتے ہیں چیک نہیں ہے تو نقطہ کیا کہنا جانچ پڑتال کر اس بولین ہے صحیح یا false-- قدر، میں نے اس کی وجہ سے صارف پر چللاو گے. دوسری صورت میں، ہم کے ذریعے حاصل کرتے ہیں تو ان حالات کے تمام، چلو صرف سچ واپس جانے دو. فارم جمع کی جائیں. اور یہ تو ہو گا. 

[00:21:56] کرمسن میں ٹائپ چلو. باکس چیک کرتے ہیں، رجسٹر پر کلک. اور اب میں منزل کے لئے کے ذریعے جانا. اب، وہاں کوئی ڈیٹا بیس موجود ہے. دلچسپ کچھ بھی نہیں ہے register.php جو میں. میں نے ابھی کچھ کی ضرورت ہے اصل میں کرنے کے لئے بات کرنے کے لئے. تو مجھے یہاں، موقوف کرتے ہیں. ہم صرف کیا کیا ہے پر کوئی سوال یا اس نئے نحو میں سے کچھ کیا ہے؟ جی ہاں، ٹھیک ہے؟ 

[00:22:17] سامعین: تو کسی بھی دیئے گئے چیک باکس خود کار طریقے سے ایک بولین ہے. آپ اس طرح اس کا اعلان کرنے کی ضرورت نہیں. 

[00:22:21] DAVID J. MALAN: صحیح. کی طرف سے تم پر بھیج دیا ہے کہ کسی بھی دیئے گئے چیک باکس آپ جاوا سکرپٹ کے کوڈ کے لئے ایک HTML فارم ایک کے طور پر، جی ہاں، علاج کیا جائے گا بولین سچ ہے یا جھوٹ value--. یہ ایک اچھا سوال ہے. دیگر اقدار جبکہ، کی کورس، متن، AKA ڈور کیا گیا ہے. 

[00:22:36] ٹھیک ہے، تو مجھے جانے دو مزید تھوڑی لپیٹیں. اس کے پورے نقطہ کیا تھا؟ بس صاف ہو جائے. کی طرح، ہم نے پہلے بھی pset7 کے سے، جانتے اور یہاں تک کہ گزشتہ ہفتے کے لیکچر سے ہم واضح طور پر چیک کر سکتے ہیں کہ مثال، صارف نے ہمیں دے تو $ _GET $ _POST دیکھیں ایک خالی قدر. پی ایچ پی میں خالی تقریب یاد ہے. 

[00:22:54] تو صرف کیا ہے، واضح ہو ہم بھی شاید کیا ایک وجہ اس خرابی کی چیکنگ کرنا چاہتا ہوں براؤزر کے اندر؟ یہاں حوصلہ افزائی کیا ہے؟ جی ہاں. 

[00:23:06] سامعین: تیز، اور اگر آپ ایسا نہیں کرتے سرور سے بیکار ڈیٹا بھیجنے. DAVID J. MALAN: اچھا. یہ تیزی سے ہے. تم بیکار نہ بھیجیں سرور سے ڈیٹا. 

[00:23:12] تو اگر آپ ایک سے زیادہ واپس حاصل فوری جواب. اور مجموعی طور پر، صارف تجربہ افضل ہے. متبادل کے بارے میں سوچو. 

[00:23:17] Gmail-- لئے اور تھا تو کئی سال پہلے کیس. آپ کو ایک نئی ای میل اپنا جی میل ملی فرض کریں اکاؤنٹ، لیکن صرف اس طرح کے ذریعے اس طرح، کے لئے ہے کو دیکھنے کے لئے، پورے صفحہ دوبارہ لوڈ کریں. یا تم پر کلک لگتا ایک لنک کو ایک ای میل پڑھنے کے لئے. 

[00:23:29] سب کچھ اتنی دوبارہ لوڈ کرنے کے لئے ہے آپ کو ای میل دیکھ سکتے ہیں. یا آپ کو ایک بات چیت پیغام ملتا Facebook--. آپ کو دوبارہ لوڈ جب تک آپ یہ نہیں دیکھتے صفحے یا کچھ لنک پر کلک کریں. 

[00:23:36] کی طرح، یہ بہت ایک ہو گی پریشان صارفین کے تجربے. اور یہ، اس کی طرح تھا کیا ہے واضح طور پر، پیٹھ میں یوسی کے لئے بھاگ گیا جب اور ویب بہت کم متحرک تھا مقبول کے طور پر اور جاوا سکرپٹ میں نہیں تھا جیسا کہ یہ اب ہے. اور چیزیں بہت ہو رہے ہیں زیادہ متحرک اور بہت کچھ اس معنی میں کلائنٹ سائڈ. 

[00:23:49] لیکن وہاں ایک کیچ یہاں ہے، اور یہ ایک پریشان کن پکڑ لیا کی قسم ہے. بس آپ کو کلائنٹ سائڈ کو شامل ہے کیونکہ اس طرح کا پتہ لگانے کا مطلب یہ نہیں آپ یا چھوڑ دینا چاہئے کر سکتے ہیں سرور سائیڈ کا پتہ لگانے کے. آپ بنیادی طور پر آپ ڈال کرنا چاہتے ہیں دونوں جگہوں میں جانچ پڑتال کی خرابی. ایک تھا کیا کیونکہ سیکھا سبق کے مضمون سے مجھے کچھ حوالہ جات پڑھ یہ مورھ CMS سسٹم کے ساتھ سے تھا کہ کونٹینٹ مینجمنٹ سسٹم اس کی تصدیق کے نظام کو لاگو کرنے، کیا طریقہ کار کے ذریعے اس کے لاگ ان؟ جاوا اسکرپٹ کا. 

[00:24:20] سامعین: جاوا اسکرپٹ. DAVID J. MALAN: جاوا اسکرپٹ، بالکل وہی، حق؟ یہ جاوا سکرپٹ کا استعمال کرتے ہوئے کیا گیا تھا. اور لفظی، تم لوگوں کو ہے شاید تھوڑا سا ادا کیا کروم کے انسپکٹر سے. میں اسے تلاش کر سکتے ہیں اور اگر، عنصر کا معائنہ. 

[00:24:30] مجھ سے کیا پر جانے دو کروم کے اختیارات میں سے سب. اور یہ اس کے لئے کس قدر آسان ہے ایک براؤزر میں جاوا سکرپٹ کو غیر فعال. ، کوئی زیادہ کے لئے جاوا اسکرپٹ کو چیک کریں. 

[00:24:38] تاکہ جانبداری میں، ایک بہت ان دنوں میں ویب کے صرف اس وجہ سے توڑنے کے لئے کی جا رہی ہے جی میل اور دوسری sites-- کہ فرض Facebook-- جاوا اسکرپٹ فعال ہے. لیکن تم پاگل کچھ کر رہے ہیں جیسے صرف صارفین کی ان پٹ کی توثیق اور اس کے لئے اس کی جانچ پڑتال کلائنٹ سائڈ پر غلطیاں، ایک مخالف کو آسانی سے یہ کر سکتے ہیں. اور پھر اس سے بھی ہوشیار تم لوگوں کی طرح مخالف اب ٹیل نیت یا Curl اور استعمال کر سکتے ہیں یا صرف کمانڈ لائن حکم دیتا ہے اور اصل میں سرور کو پیغامات بھیج کہ اسی طرح کی جانچ پڑتال کی خرابی نہیں کر رہے ہیں. 

[00:25:05] تو یہ ایک سے زیادہ ہے یوزر انٹرفیس فیصلہ یہ تکنیکی ایک اصل ہے کے مقابلے improvement-- عمل درآمد کچھ اس طرح کلائنٹ سائڈ. تو اب ایک نظر، لیکن اس کے بعد میں نے آن لائن واک ملتوی کریں گے اس میں سے ایک کے لئے کے ذریعے. فارم دو میں، ہم اصل میں کے ذریعے چلا گیا اور کوڈ ایک تھوڑا سا صاف. لیکن مجھے ایک کے لئے ملتوی ہونے دیں ویڈیوز کی ہم امکان کروں گا صرف آپ کو ایک سے پتہ چلتا ہے کہ pset8 میں سرایت کے نام سے ایک لائبریری کا استعمال کرتے ہوئے اسی طرح نحو ایک سپر، سپر ہے جس jQuery، جاوا اسکرپٹ میں مقبول لائبریری کہ واضح طور سے سب سے زیادہ لوگ صرف ان دنوں کا استعمال اور یہاں تک کے طور پر الجھانے وجود جاوا اسکرپٹ خود. 

[00:25:37] اور یہ شامل کرنے کے لئے جاتا کچھ ڈالر نشانیاں اور دستاویز کی طرح مطلوبہ الفاظ یہاں قوسین میں. لیکن ایک بار پھر، میرے لئے ملتوی ہونے دیں آن لائن کچھ سست سبق بجائے صرف نحو میں بندھ جاتے ہیں. کی پر منتقل ایک چھوٹا سا کولر کچھ اور اس کی ایپلی کیشنز کے لحاظ سے. 

[00:25:50] خاص طور پر تو، مجھے جانے دو آگے اور یہاں اس کو کھولنے. چلو. ہم وہاں جا رہے. 

[00:25:59] اس تصویر میں یہاں کھول دو. بیکار میں پیچیدہ تلاش کر، لیکن یہ نامی تکنیک کو بیان AJAX-- اتلیکالک جاوا اسکرپٹ اور XML، جہاں XML کے لئے X اصل میں ہے اب کوئی سچ میں استعمال کیا. یہ کچھ استعمال کرنے کے لئے جاتا کسی اور JSON بلایا. 

[00:26:13] لیکن یہاں ہے کہ کس طرح کسی چیز کی طرح ہے گوگل نقشہ جات یا گوگل ارتھ سے کام کرتا ہے. اصل میں، مکھی پر اس کی کوشش ہے. مجھے آگے بڑھو اور کھول دو اپنے براؤزر پر اپ کروم. 

[00:26:21] اور، مجھ میں جانے ، maps.google.com کہنا. اور اصل میں، آپ پرانے ہیں تو کیا یاد کرنے کے لئے کافی، طرح، MapQuest، دن میں واپس کی طرح تھا اور شاید وہ اب بھی اس طرح کام کرتے ہیں. آپ کچھ کے لئے تلاش کرنے کے لئے استعمال کرتے ہیں تو 33 آکسفورڈ سٹریٹ، کیمبرج، میساچوسٹس، کی this-- آپ کو کیا اصل میں کریں گے، اگر آپ اپ پین کرنا چاہتا تھا اور نیچے،، بائیں اور دائیں آپ کو ایک طرح نظر آئے گا بگ اوپر پر تیر، اور یہ آپ کو ایک اور دکھائے گا اپ یہاں نقشہ کے فریم. یا آپ نے تمہیں چھوڑ دیا اور پر کلک کریں گے یہاں جانے، یا کسی اور پر کلک کریں گے اور آپ کو یہاں جانا ہو گا. لیکن اس کی بجائے ان دنوں، کورس کے ہم صرف ہم جا سکتے ہیں اس عطا کے لئے لے کیمبرج کے گرد بہت تیزی سے صرف کلک کرنے اور گھسیٹ کر. لیکن کچھ glitches وہاں کے نوٹس. 

[00:26:59] میں نے کافی تیزی سے ایسا کرتے ہیں، کیا ہو رہا ہے میں ڈریگ کے طور پر ایک چھوٹا سا بھی تیزی کمپیوٹر کے لئے رکھنے کے لئے؟ آپ کیا دیکھتے ہیں؟ جی ہاں. 

[00:27:07] سامعین: پکسلز تروتازہ نہیں کرتے. DAVID J. MALAN: پکسلز تروتازہ نہیں کرتے. اصل میں ہے اور آپ کو بھی نہیں ہے اصل میں، یہ دیکھ سکتا تھا، آپ آن لائن اور توقف دیکھ رہے ہیں اس یا اصل میں چیزیں سست once-- لئے آپ سے ہیں کہ نظر آئے گا ٹائل، چوکوں، یا مستطیل کہ نقشے سے جب تک لاپتہ ہیں ایک تقسیم دوسری بعد میں، زیادہ ڈیٹا، اصل میں زیادہ تصاویر سکرین پر دکھایا. اور حقیقت میں، ہم دیکھ کر ایسا کرتے ہیں تو چلو، Chrome-- کہنے دو Chrome's-- اپ چلو دیکھتے ہیں. ہم ایسا نہیں کر سکتے. 

[00:27:31] افوہ، اوہ. کی maps.google.com کھول دو. مجھے دوبارہ ونڈو بڑا بنا لیتے ہیں. 

[00:27:36] واپس 33 آکسفورڈ سٹریٹ پر جاؤ. میں نے حال ہی میں تھا کی ویب سائٹ کیا تھا؟ میں نے کے لئے اس، طرح، نجی شیخی دیکھا گیا اپنے آپ میں اس وقت فوری طور پر پیغام تھا کہ آن لائن کون تھا اس پروفائل جو یہ سننا چاہتے تھے. کچھ ویب سائٹ نہیں ہے. میں نے یہ تو Comcast-- لگتا ایک بہت بڑا امریکی ISP. آپ نئے کیبل کے لئے، سائن اپ کرنے کے کر سکتے ہیں جب موڈیم کی سروس یا کیبل ٹی وی سروس، وہ بہت معقول ایک شکل ہے جہاں وہ آپ کے ایڈریس کے لئے تم سے پوچھنا. اور یہ حیرت انگیز ہے آٹو مکمل نامی خصوصیت، گوگل کی طرح، کہ بھرنے کے لئے شروع ہوتا ہے آپ کے سوال کے جواب میں. 

[00:28:04] مسئلہ وہ آٹو مکمل کروں، ہے آپ ٹائپ کہ پہلی چیزوں پر. تو اگر آپ 33 میں ٹائپ کرنا شروع کریں، اس ہر گھر لفظی آپ کو دکھائے گا امریکہ میں ہے کہ شروع ہوتا ہے 33 نمبر کے ساتھ کے لئے جاری رکھنے سے پہلے آپ کو زیادہ ٹائپ کرنے کی توقع رکھتے ہیں. آپ آکسفورڈ 33 ٹائپ اگر ایسا ہے تو، تو یہ آپ کو ہر گلی سے پتہ چلتا ہے امریکہ میں 33 آکسفورڈ میں ہے کہ قطع نظر شہر سے اس کا نام، آپ میں ہیں کہ. 

[00:28:25] اور پھر آپ کو ٹائپ جاری. اور آخر میں، اس سے وہ ایسا نہیں کرتے کہ پتہ چلتا ہے کیمبرج میں آپ کے گھر پر پیشکش کی خدمت یا اس طرح کچھ. لیکن بات یہ، سب سے زیادہ ہے آٹو کی پر asinine نفاذ کبھی مکمل. 

[00:28:34] اور میں صرف جا رہا ہوں اس مماسی پر دوبارہ. لیکن کرنے کے لئے اچھے طریقے ہیں جاوا اسکرپٹ اور برے طریقے استعمال کریں. اور یہ کہ ضروری نہیں کہ سب سے ایک نہیں ہے. 

[00:28:40] لیکن اس سے قبل یہاں بات، ٹائریڈ، اوزار یہاں نیچے کو کھولنے کے لئے تھا اور، ڈویلپر کے اوزار کے لئے کھولنے ہم پہلے کی حوصلہ افزائی کی ہے کے طور پر، اور نیٹ ورک کو دیکھنے کے لئے ٹیب میں واقعی تیزی کلک طور. اور ایک مکمل جھوبڈ کو نوٹس کی درخواستوں ہوا ملتا ہے. مجھے گھسیٹ بعد سے یہ سب کچھ ہوا. 

[00:28:57] اور سب سے زیادہ امکان ہے، یقینا ان قطاروں کی ایک بہت اب تصویر سلیش JPEG ہیں مائم اقسام یا مواد کی اقسام. کیا کر رہا ہے کروم کی وجہ سے ہے میں پر کلک کریں اور ھیںچیں ہر بار، مظاہرہ اور، میں، یہ اوہ، احساس ہے ڈریگ ہے ٹائل کے لئے گوگل پوچھنا جانے کی ضرورت یہاں پر ہے کہ نقشے پر، فوری طور پر HTTP کے ذریعے اسے ڈاؤن لوڈ، اور پھر نام نہاد ڈوم میں شامل کریں میموری درخت میں ویب براؤزر پر نمائندگی صارف تا کہ، مجھے، کہ اپ ڈیٹ ٹائل دیکھتا. اور اس کی وجہ سے ہے AJAX نامی تکنیک. واپس دن میں، یہ واقعی اس صورت تھی تو آپ سکرین پر کیا تبدیل کرنا چاہتے تھے، آپ کو کلک کرنا پڑے گا، نیچے، بائیں، حق. اور پھر ایک نیا صفحہ کھل گی. لیکن ان دنوں، سب کچھ زیادہ متحرک ہے. یہ ہم انسانوں کو کرے گا جس طرح میں ہوتا یہ اصل میں انٹرایکٹو گی امید ہے. اور اس کی طرف اس حاصل نامی تکنیک کی راہ شاید سب سے بہترین ہے جو AJAX، ایک مثال کی طرف سے وضاحت. سب سے پہلے، مجھے جانے دو آگے اور ایک فائل کو کھولنے میں بلایا quote.php آج کی تقسیم کے کوڈ. 

[00:29:53] اور پھر مجھے علامت افوہ کرتے ہیں. مجھے علامت کر چلو = GOOG کچھ اسٹاک کے لئے. یا اصل میں، چلو کرتے ہیں pset کے FREE سے ایک. درج. 

[00:30:05] اور اب میں واپس حاصل کیا محسوس. تو یہ ایک واقعی ہے مختصر پی ایچ پی فائل ہے کہ میں صرف کوڈ عاریتا لینے نے لکھا ہے کہ pset7 کے کی تلاش تقریب سے اور یہ گھوبگھرالی تسمہ کا استعمال کرتے ہوئے باہر spits اور کی قیمت درج کرنے اور بڑی آنت سنکیتن، بظاہر، کے لئے موجودہ اسٹاک کی قیمت آپ کو حاصل کرنے کے راستے میں گزرتے ہیں کہ کمپنی. تو یہ مختلف ہے ہم ہے اس کی سب سے زیادہ سے میں ہوں کہ نوٹس میں کیا لفظی توکنا کیا جاوا سکرپٹ کے کوڈ کی طرح لگتا ہے. 

[00:30:27] اصل میں، یہ ایک جاوا اسکرپٹ اعتراض ہے. حقیقت میں، صرف، زیادہ واضح ہو JSON-- Notation-- جاوا سکرپٹ کے آبجیکٹ آپ کہہ رہے ہیں کہ صرف پسند ہیں طریقہ ہے اتنا جاوا اسکرپٹ میں ڈیٹا کی نمائندگی کر سکتے ہیں جیسے آپ کو پی ایچ پی میں یہ کر سکتے ہیں کلیدی قدر جوڑوں کا استعمال کرتے ہوئے. میں اعلان کرنا چاہتا تھا تو اگر جاوا اسکرپٹ میں ایک متغیر کرنے کے لئے، کیا Zamyla کی نمائندگی کرتا ہے Zamyla-- لئے ایک struct instance-- اور ہم نے اسے فون کروں گا طالب علم، اس متغیر. اس ID گھر ہے، میں سے ایک ہے Winthrop، اور نام Zamyla ہے. 

[00:30:53] لیکن میں نے بھی اشیاء میں سے ایک صف ہے کر سکتے ہیں. تو میں نے اصل ہے کرنا چاہتا تھا تو مشتمل جاوا اسکرپٹ میں ایک صف ایک سے زیادہ اس طرح کی اشیاء، اس وقت، عملے کی نمائندگی میں نے ان تین کو ہو سکتا ہے واپس کوڈ کی مقدار ان کے لئے، واپس واپس تین سابق عملے کے ارکان. پس نحو، خوبصورت پی ایچ پی both-- لئے اسی طرح کی. لیکن یہ خاص طور پر جاوا اسکرپٹ ہے. یہ اعتراض سنکیتن ہے. لہذا اس کے لئے مفید ہے کیا؟ 

[00:31:17] میں نے کوڈ لکھنا تو یہ کہ باہر spits JSON-- چیزیں Notation-- جاوا سکرپٹ کے آبجیکٹ کہ یہ یا چیزیں کی طرح لگ رہا ہے کہ ، کیا Zamyla کی ساخت کی طرح لگتا ہے میں اصل میں اس کا استعمال کر سکتے پروگراموں میں میں لکھ. مجھے ajax0.html چلتے ہیں. اور یہ زیادہ نہیں too-- جمالیات کو دیا سوچا. لیکن کیا ہوتا ہے دیکھتے ہیں. 

[00:31:34] مجھے آگے بڑھیں اور یہاں ڈاؤن ٹائپ کریں. اقتباس حاصل کریں پر کلک کریں. اور URL تبدیل نہیں ہے محسوس کریں. لیکن میں بظاہر ساتھ ایک پاپ اپ حاصل کیا $ 0.15 کی آج کی کوڑی اسٹاک کی قیمت. پس سب اتنا برا نہیں. لیکن فرق، ہے کہ کسی نہ کسی طرح ہے اس ڈیٹا کو براہ راست میرے پاس واپس آئے. لیکن کی طرف ایک قدم لینے دو زیادہ واقف کچھ. اس میں سے ایک ورژن میں، مجھے دو اقتباس حاصل کریں پر کلک، مفت دوبارہ ٹائپ، اور اوہ now--، یہ تھا اصل jQuery ورژن. میں نے نہیں کیا سے میرے تو کیا کرتے ہیں کافی دور کافی تیزی سے آگے. ، مجھے دو ورژن میں جانے دو جس میں چاہتا تھا جہاں ہے. میں یہاں کیا کیا محسوس کریں. میں نے ایک ویب ایک سپر ایسے صفحے ہے کسی بھی ویب صفحے کے سادہ ورژن آپ کو ایک متن والے فیلڈ کے ساتھ آج استعمال کر سکتے ہیں مفت کے لئے یہاں اور پھر بظاہر صرف متن. 

[00:32:14] یہ بظاہر، یہاں ایک شکل نہیں ہے. لیکن میں پر کلک کریں تو ملے اقتباس، میری ویب کے صفحے کو نوٹس جب میں نے یہ بدلنے والا ہے صرف ایک نئی فوری پیغام مل گیا یا میں صرف منتقل کر دیا گیا ہے جیسے نقشہ اور زیادہ ڈیٹا حاصل کرنے کی ضرورت ویب کے صفحے سے متحرک طور پر شامل کی جاتی ہے URL تبدیل کرنے اور صارف کے بغیر تجربے سے رکاوٹ پیدا ہو رہی ہے. بے شک، میں میں اب بھی ہوں بالکل وہی place-- ajax2.html. 

[00:32:35] تو اس مثال پر صرف نظر آتے ہیں اور یہ ہو رہا ہے کہ کس طرح دیکھتے. مجھے ajax2.html میں جانے دو. اور سب سے پہلے فارم کو نوٹس. 

[00:32:44] یہاں نیچے، میں رخ کر رہا ہوں آٹو مکمل بند. کبھی کبھی یہ ہو جاتا ہے براؤزر تو پریشان آپ کو ظاہر کرنے کی کوشش کر رہا ہے آپ کی پوری تاریخ. لہذا آپ کی طرف سے ایچ ٹی ایم ایل میں یہ کر سکتا صرف آٹو آف مکمل کہہ. 

[00:32:53] میں اس متن والے فیلڈ ایک دیا ہے علامت علامت کے بجائے، ایک شناختی. اور اب، یہ ایک دلچسپ خصوصیت ہے. ہم، مدت کے بارے میں بات نہیں کی ہے لیکن آپ کو اس کے بارے میں سوچ کر سکتے ہیں ایک پیراگراف ٹیگ یا div ٹیگ کی طرح. یہ ایک کہا جاتا ہے کیا ہے میں لائن عنصر، جس آپ ایک پیراگراف کو نہیں ملے گا کا مطلب اوپر اور اس کے نیچے کو توڑنے. یہ صرف کے بغیر میں لائن رہنے کے لئے جا رہا ہے داخل کرنے کے برابر مارنے. لہذا میں HTML کے اس حصہ دیا ہے ایک منفرد شناخت کنندہ کا تعین کرنا میں منمانے قیمت کہا جاتا ہے کہ. اور میں نے ایک جمع کرائیں بٹن ہے. 

[00:33:21] ابھی سائن اپ یہاں اور اس وجہ سے اصل سپر حیرت انگیز کتنا کم کوڈ آپ کیا کرنے کی لکھ سکتے ہیں چیزوں نسبتا صاف نوٹس، میں نے تو یہاں تک کیا کیا ہے اس صفحے کے سر کرنے کے لئے سکرال. میں نے سب سے پہلے میں شامل کر دیا ہے میرے سر پر ایک سکرپٹ ٹیگ کہ اصل حوالہ جات ایک جاوا سکرپٹ کے دوسری جگہوں پر دائر. اس تنظیم کی طرف سے ہے کہ، jQuery کے لکھتے ہیں اور یہ صرف آپ کو تازہ ترین دے رہا ہے ان jQuery لائبریری کے ورژن. 

[00:33:42] لہذا اس تیز کی طرح قسم کی ہے C میں شامل ہیں یا پی ایچ پی میں ضرورت ہوتی ہے. آپ سکرپٹ ٹیگ کا استعمال ایک ذریعے کے وصف کے ساتھ. لیکن اب میرے اپنے کوڈ آن ہے یہاں میں ٹھیک ہو جائے گا. 

[00:33:52] میں نے ایک تقریب میں بلایا کوٹس ہے محسوس کریں. اور یہ ایک چھوٹا سا لگ رہا پہلی نظر میں خفیہ. لیکن اس کے علاوہ چڑھاو دیں. مجھے ایک متغیر کہتے URL دے. لفظی اس جملے کو تفویض. لہذا، ایک کی قیمت درج، ڈبل قیمت درج کرنے میں جاوا سکرپٹ کے صرف مجھے ایک تار دیتا. پلس کیا کرتا ہے؟ concatenation کے. 

[00:34:08] تو یہ اب کے jQuery نحو ہے جس استعمال ہو رہی تھوڑا لیتا ہے. لیکن یہ صرف مجھ ڈوم حاصل جانے کا مطلب جن کی منفرد شناخت علامت ہے نوڈ. وہاں کا مطلب ہے hashtag کے منفرد شناخت علامت. 

[00:34:21] میں ڈالر کا نشان صرف مطلب قوسین، اس لپیٹ خفیہ چٹنی کے jQuery میں ایک طرح سے اتنی آپ کو اضافی فعالیت حاصل. اور پھر ویل بظاہر ہے ایک تقریب، یا اب ہم کہتے ہیں کے طور، اس نوڈ کے اندر ایک طریقہ یہ صرف آپ کو قدر فراہم کرتا ہے. ، مختصر بدسورت اور مبہم میں So یہ پہلی نظر میں لگتا ہے کے طور، یہ صرف ٹائپ صارف کے ساتھ حاصل کا مطلب ہے کہ میں، تار کے آخر میں ڈال دیا یہ concatenating کی طرف سے. وہ سب ہے. 

[00:34:43] تو اب، گزشتہ تین لائنوں. آپ کی ایک بہت نچوڑ کر سکتے ہیں تین لائنوں سے باہر فعالیت. ایک کے طور پر یہ ڈالر کا نشان، ایک طرف، صرف ایک مختصر نام ہے ایک خصوصی عالمی متغیر کے لئے jQuery کے لفظی بلایا. 

[00:34:55] ڈالر کا نشان صرف ٹھنڈا لگتا. تو jQuery برادری صرف قسم کی ان کی خصوصی علامت کے طور پر اس کا استعمال کیا. یہ پی ایچ پی میں مطلب کیا مطلب یہ نہیں ہے. جاوا اسکرپٹ میں، ڈالر کی نشانی ہے صرف حروف تہجی کے ایک خط کی طرح یا ایک متغیر کے لئے ایک بڑی تعداد. 

[00:35:07] آپ صرف نام کے طور پر یہ کر سکتے ہیں. ذرا ٹھنڈا لگتا. کمیونٹی اتنی عرفیت طور پر اس کو منظور کر لیا jQuery کے بلایا ان کی اپنی لائبریری کے لئے. 

[00:35:13] اور اس سپر مقبول ہے. لہذا JSON کہ بالکل ہے حاصل. یہ ایک تقریب ہے کہ jQuery کے اوپر لوگ لکھا کہ ایک سرور سے JSON ہو جاتا جاوا سکرپٹ کے آبجیکٹ سنکیتن. کیا URL سے اسے جا رہی ہے کہ معلومات حاصل کرنے کے لئے؟ بظاہر اس یو آر ایل سے. 

[00:35:27] اور براؤزر کے طور پر کیا کرنا چاہیے اسے یہ جواب واپس ہو جاتا ہے جلد ہی کے طور پر؟ اور یہ AJAX کا جادو کرنا اتنا، ہے XML میں speak-- اتلیکالک جاوا اسکرپٹ. یہ اس طرح ایک ساتھ دیکھنے کے لئے مشکل ہے ہم یہاں تھا کے طور پر سادہ مثال. 

[00:35:41] لیکن اس میں اتلیکالک تھا احساس ہے کہ میرا کوڈ جب کو یہ پیغام بھیجا پھانسی دے دی سرور مجھے کچھ JSON مل جانے کی. اور یہ انتہائی تیز ہوا کہ میں نے ایک جواب مل گیا. لیکن جو دلچسپ ہے یہ ہے کہ کوڈ کے مطابق میرے کمپیوٹر کو پھانسی نہیں کیا. 

[00:35:55] میں نے ایک کتائی آئکن کو نہیں دیکھا. مجھے محروم نہیں کیا اپنے ماؤس کو منتقل کرنے کے لئے کی صلاحیت. میرا براؤزر اصل میں بالکل ٹھیک تھا. 

[00:36:01] جس طرح جاوا اسکرپٹ سنبالتی کیونکہ مندرجہ ذیل سرور سے جواب ہے. تم آپ کو فون کروں گا کیا رجسٹر ایک کال بیک کی تقریب، جس میں صرف، ارے، جاوا اسکرپٹ کا مطلب. جیسے ہی سرور کے طور پر JSON کے ساتھ جواب، اس گمنام تقریب کال کریں. 

[00:36:18] اور اس تقریب میں منظور کیا تو براہ مہربانی جو کچھ بھی سٹرنگ سرور توک ایک دلیل ڈیٹا بلایا. تو دوسرے الفاظ میں، اگر میں متحرک طور پر جمع کر رہا ہوں اس میں گزر ایک یو آر ایل کے quote.php مفت یا GOOG یا whatnot کی طرح علامت، میں پھر کہہ رہا ہوں جاوا اسکرپٹ کا اس یو آر ایل مل جاؤ. براؤزر یاد رکھیں کہ کسی چیز کے واپس جا رہا ہے ہم اس نے پہلے دیکھا ہے کہ لگتا ہے. 

[00:36:42] اور کیا دوسری دلیل یہاں JSON کہہ رہا ہے حاصل کرنے کے لئے اس تقریب کو فون کر رہا ہے جب سرور واپس ہو جاتا ہے یہ 10 ملی سیکنڈز چاہے اب یا اب سے 10 سیکنڈ سے. اور جیسے ہی آپ کر کے طور پر، صفحہ قیمت کا اضافہ. یہ نحو یہاں صرف نوڈ جاتے جانے کا مطلب جن کی منفرد شناخت درخت سے ہم نے پہلے دیکھا کہ مدت price-- ہے. 

[00:37:01] HTML بلایا یہ طریقہ صرف، کی جگہ لے جانے کے کا کہنا ہے کہ data.price ساتھ کہ وہاں HTML. data.price کیا ہے؟ ویسے، براؤزر، یاد، مجھے اس کے واپس آنے سے ظاہر ہوتا ہے. تو یہ اعداد و شمار ہے. 

[00:37:14] اور اس طرح یہ ایک چھوٹا سا خفیہ ہے کوما یہاں دیکھنے کے لئے. لیکن حقیقت میں، مجھے ایسا. مجھے صرف اس چسپاں کر دیں اصلی تیزی gedit میں ہم سے ظاہر ہوتا ہے کی طرح اور اس شو اس سے قبل کیا Zamyla کی ساخت. 

[00:37:27] کیا سرور واپس بھیج رہا ہے اس طرح لگتا ہے کہ تھوڑا اعتراض. اور تو data.price ہے صرف مجھے 0،1515 دے. منتقل کی تو بہت حصوں یہاں تمام ایک بار میں. 

[00:37:39] لیکن اہم takeaways میں ہے ہم اس کی صلاحیت ہے کہ اضافی HTTP بنانا جاوا اسکرپٹ کا استعمال کرتے ہوئے درخواستوں صفحہ دوبارہ لوڈ کرنے کے لئے بغیر. اور اس کے بعد ہم اصل میں یہ کر سکتے ہیں مکھی پر ویب صفحہ کو تبدیل. اور یہ پتہ چلا ہے کہ جاوا اسکرپٹ اور دیگر زبانوں میں اب استعمال کیا جا سکتا ہے نہ صرف ویب صفحات mutate کرنا، لیکن اصل میں سافٹ ویئر لکھنا ایک حقیقی کمپیوٹر میں، صرف کروم یا جیسے تک محدود نہیں. 

[00:38:00] اصل میں،، آپ کولٹن گی if-- ہمیں یہاں واپس شامل ہونا پسند کریں آپ لیب کوڈ، اور چانگ اس کے ساتھ ساتھ کے ساتھ؟ کے بارے میں بات کی ہے، آگے بڑھو گمنام افعال اور callbacks اور واقعی یہاں قسمت للچانا خون بہہ رہا ہے کے ساتھ ایک براہ راست کارکردگی کے ساتھ کنارے ٹیکنالوجی، میں سے ایک یہ اشرافیہ موشن آلات. اب، اس آلہ، یاد، ایک چھوٹی سی USB آلہ ہے اس کے ساتھ ساتھ کہ beautiful-- ہے that-- کہ آپ کی USB بندرگاہوں کے لئے میں پلگ. 

[00:38:25] اور پھر اس ان پٹ فراہم کرتا ہے انسانی اشاروں کی شکل میں اورکت بیم استعمال کرتے ہوئے پتہ لگانے کی طرف، بنیادی طور پر، آپ کے ہاتھ کی طرف سے نقل و حرکت. لہذا ماریہ نے کوشش کیا جبکہ پر اس سے پہلے کہ، پٹھوں تھا اصل میں تبدیل کر رہا ہے کیا محسوس آپ کے ہاتھ، اس کی بنیاد پر اورکت ہے. تو یہ اندر کی تحریکوں کے لئے تلاش کر رہا ہے ایک فٹ یا اس کے دائرے کی طرح آلہ خود کی. 

[00:38:46] تو کیوں میں نے نہیں لیتے اس پہلے میں ایک کوشش؟ اور آگے بڑھو اور پھینک دو یہاں ہیڈ پر آپ تک. تو یہاں کولٹن کے لیپ ٹاپ پیش کرتے ہیں. ہم ٹی وی پر اینڈریو مل گیا ہے. اور تم نے مجھے سب سے پہلے کیا کرنا پسند کریں گے؟ 

[00:39:00] کولٹن: آگے اور بس جاؤ اس سے زیادہ آدمی اپنے ہاتھ ڈال دیا اور آپ کو کچھ شاندار چمک کو دیکھ لیں گے. 

[00:39:04] DAVID J. MALAN: بہت اچھا. یہ سب حقیقی وقت میں ہو رہا ہے. OK. ٹھیک ہے، اور جی ہاں. اتنی اچھی. ٹھیک ہے، ہم اور کیا کر سکتے ہیں؟ 

[00:39:15] کولٹن: اگلے سکرین پر جائیں اور دیکھیں. 

[00:39:17] DAVID J. MALAN: ٹھیک ہے. 

[00:39:19] کولٹن: A مزہ تھوڑا کھیل جہاں آپ کو روبوٹ بنانے کے لئے حاصل. 

[00:39:21] DAVID J. MALAN: ٹھیک ہے، تو یہ مجھے مت دکھا جعلی ہاتھ ہے. کولٹن: ہاں لہذا آگے بڑھیں اور بلاکس میں سے ایک پر قبضہ اور یہ کہ روبوٹ کے جسم کے سب سے اوپر پر ڈال دیا. DAVID J. MALAN: اوہ، میرے ہاتھ نہیں ہے. اوہ. OK، پیارا. ٹھیک ہے، ایک منٹ رکو. ہم وہاں جا رہے. 

[00:39:41] کولٹن: میں نے حادثے پر ایک بنا دیا. 

[00:39:43] DAVID J. MALAN: ٹھیک ہے، میں نے اس آدمی کو ملے گی. ارے! ہم نے یہ آخری مشق کر رہے تھے جب رات، آپ کو اس میں منتقل کیا جانتے ہو؟ 

[00:39:51] اس طرح. OK. اگلے ایک؟ 

[00:39:55] کولٹن: ضرور. 

[00:39:56] DAVID J. MALAN: ٹھیک ہے، اور ایک تہائی ہے. ٹھیک ہے. کولٹن: اور یہ ایک میں، آپ to-- حاصل DAVID J. MALAN: اوہ، اس میں سے ایک کی خوبصورت. کولٹن: --yeah، اس پھول کے علاوہ لینے. DAVID J. MALAN: ٹھیک ہے. نہیں؟ فوت شدہ. 

[00:40:14] کولٹن: اوہ، تم وہاں جاؤ. 

[00:40:15] DAVID J. MALAN: آہ، وہ دیکھو. بہت اچھی. ویسے، ہم کیوں لے گا یہاں ایک رضاکار باہر جو اوپر آنے کے لئے پسند کرے گا. کس طرح کے بارے وہیں سبز رنگ میں، یہ کیا ہے؟ 

[00:40:27] ٹھیک ہے، اور چلو have-- دیں اس کے بجائے آپ کی، کہ کچھ کر کے اس کھیل میں پتہ ہو سکتا یہاں شاید، رسی کاٹ؟ چلو دیکھتے ہیں. ہم یہاں پر ہمارے شیشے میں ہے؟ 

[00:40:37] OK. آپ کا شکریہ. تمہارا نام کیا ہے؟ 

[00:40:39] سامعین: لورا. 

[00:40:40] DAVID J. MALAN: لورا؟ دیکھ کر اچھا لگا. آپ ڈال برا نہ لگے تو آپ کے شیشے سے زیادہ گوگل گلاس. یہ کولٹن ہے. 

[00:40:46] کولٹن: ہیلو. آپ سے مل کر اچھا لگا. 

[00:40:48] DAVID J. MALAN: ٹھیک ہے، کے ارد گرد پر آئے. ٹھیک ہے، تو آپ کے لئے جا رہے ہیں کیا ، یہاں کر پہلے اس کو ادا کیا ہے، پر اپنے ہاتھ ڈال دیا جاتا ہے یہاں لیپ موشن. اور اب آپ کے تیر منتقل کرنا چاہئے. نہیں، اوہ. 

[00:40:57] سامعین: نمبر 

[00:40:58] DAVID J. MALAN: ہم ابھی تک چھوڑ کرنا چاہتے ہیں نہیں ہے. OK، انتظار. یہاں پر. آپ کو پکڑ کے طور پر تو نوٹس آپ کسی بات پر انگلی، ماؤس سبز جانے کے لئے شروع ہوتا ہے، جس سے آپ کو کلک کس طرح ہے. 

[00:41:06] اتنی پر ہوور. اور صرف ایک انگلی ٹھیک ہے. اور اب تھوڑا پر کلک کریں بائیں پر سبز آدمی. یہ سبز برتا تک اور اب پکڑ. گڈ. اب، کی طرح، سب سے اوپر کی سطح سے ایک. 

[00:41:16] سامعین: جی ہاں، ہم چاہتے ہیں یہاں سطح،. 

[00:41:20] DAVID J. MALAN: اچھا. ٹھیک ہے، تو سب کے سب آپ کے پاس ہے رسی کاٹ رہا ہے ایسا کرنے کی. آپ کا کرسر وہاں نیچے سفید ایک ہے. 

[00:41:28] بہت اچھی. ٹھیک ہے، یہ مشکل حاصل کرنے کے لئے کے بارے میں ہے. تو اگلے اب سے زیادہ آپ کی انگلی پکڑ. گڈ. یہ ایک مشکل ہے. 

[00:41:39] سامعین: اوہ گھٹیا. OK. یہ اس طرح جانا چاہتا ہے. اوہ گھٹیا، that-- 

[00:41:44] DAVID J. MALAN: جی ہاں. ثانوی مقصد تمام ستاروں کو حاصل کرنے کے لئے ہے. ٹھیک ہے، اگلے. 

[00:41:53] اگر آپ اس تیسری ایک حاصل کر سکتے ہیں تو دیکھتے ہیں. گڈ. OK، وہاں جاؤ. 

[00:42:06] اس بات کا یقین. اوہ، بہت اچھا. ٹھیک ہے. 

[00:42:11] تو کیوں نہ ہم آج یہاں ملتوی نہیں کرتے؟ کسی کو بھی کھیلنے کے لئے چاہتا ہے جو اپ پر آنے دو. ہمارے رضاکار لورا شکریہ بہت بہت. اور ہم نے پیر کو نظر آئے گا. 

[00:42:18] سامعین: آپ کو شاید ان واپس کرنا چاہتے ہیں. 

[00:42:21] اسپیکر 2: اگلے CS50 میں