1 00:00:00,000 --> 00:00:02,700 [Powered by Google Translate] [9 ہفتے جاری] 2 00:00:02,700 --> 00:00:05,160 [ڈیوڈ J. Malan - ہارورڈ یونیورسٹی] 3 00:00:05,160 --> 00:00:07,020 یہ [CS50 ہے. CS50.TV] - 4 00:00:07,940 --> 00:00:13,340 >> یہ CS50 ہے. یہ 9 ہفتے کے آخر ہے. آپ کا بہت بہت شکریہ. 5 00:00:13,340 --> 00:00:15,310 آخر میں. 9 ہفتے. مجھے مل گیا. 6 00:00:15,310 --> 00:00:18,590 آج ہم ویب پروگرامنگ کے بارے میں ہماری گفتگو جاری 7 00:00:18,590 --> 00:00:21,660 حتمی منصوبے کی طرف ایک آنکھ کے ساتھ، آپ کو وجہ سے ویب کی بنیاد پر کچھ کرنا ہے 8 00:00:21,660 --> 00:00:25,610 حتمی منصوبوں کے لئے بلکہ اس لئے کہ آخری منصوبوں کے لئے یا CS50 کے بعد 9 00:00:25,610 --> 00:00:29,000 اس بات کو یقینی طور سے سمت جس میں جدید سافٹ ویئر کی جا رہی ہے ہے. 10 00:00:29,000 --> 00:00:31,770 اور ابھی تک یہ اصل میں ایک آسان بات نہیں ہے. 11 00:00:31,770 --> 00:00:35,040 اصل میں، سب سے مشکل کام کرنے میں سے ایک ڈیزائن کے پہلو یہ ہے. 12 00:00:35,040 --> 00:00:38,600 >> مثال کے طور پر، ہم نے ڈیزائن کی طرف سے اصل میں یوزر انٹرفیس حاصل مطلب 13 00:00:38,600 --> 00:00:40,420 یا صارف کے تجربے ٹھیک ہے. 14 00:00:40,420 --> 00:00:43,200 daresay I - اور ہم نے ایک حالیہ مسئلہ سیٹ سے جانتے ہیں 15 00:00:43,200 --> 00:00:45,960 تم میں سے چند سافٹ ویئر میں سے کچھ ٹکڑے کے بارے میں جب اپنی gripes نشر 16 00:00:45,960 --> 00:00:49,000 یا ہارڈ ویئر ہے کہ آپ کو کیمپس یا کہ infuriates - 17 00:00:49,000 --> 00:00:51,930 وہاں کی سائٹس میں سے ایک بہت ہے، وہاں ہارڈ ویئر کے ایک بہت ہے، 18 00:00:51,930 --> 00:00:53,900 اس طرح کی بیکار ہے. 19 00:00:53,900 --> 00:00:58,730 لیکن حقیقت یہ ہے کہ وہ چیزیں ہیں جو ابھی تک استعمال کرنے کے لئے آسان ہے بنانے باوجود طاقتور ہیں 20 00:00:58,730 --> 00:01:00,550 ایک بہت مشکل چیلنج ہے. 21 00:01:00,550 --> 00:01:03,680 تو میں نے آج کے لئے یوسف اور ٹومی مجھے شامل ہونے کے لئے یہاں کہا 22 00:01:03,680 --> 00:01:06,680 تاکہ ہم بات چیت کر سکتے ہیں، کے بارے میں دونوں ڈیزائن 23 00:01:06,680 --> 00:01:09,090 اور جو سوچ کے عمل کی قسم اپنے سر کے ذریعے کرنا شروع کر دینا چاہئے 24 00:01:09,090 --> 00:01:12,040 جب آپ کو آپ کی آخری منصوبوں ڈیزائن، آپ کے مستقبل کی کوششوں. 25 00:01:12,040 --> 00:01:15,040 اور پھر ہم پر عملدرآمد کی تفصیلات میں سے کچھ میں ٹومی مدد کے ساتھ دیکھتا ہوں. 26 00:01:15,040 --> 00:01:18,440 آپ کو کاغذ پر یا آپ کے دماغ میں کچھ نقطہ نظر کس طرح کر سکتے ہیں 27 00:01:18,440 --> 00:01:20,760 کہ آپ پروگرام تو پھانسی کر سکتے ہیں 28 00:01:20,760 --> 00:01:24,030 ٹیکنالوجی اور طریقوں میں سے کچھ کا استعمال کرتے ہوئے کی طرف سے ہم صرف کے بارے میں بات کرنا شروع کر دیا ہے، 29 00:01:24,030 --> 00:01:29,080 یعنی جاوا اسکرپٹ اور بھی نئے، یعنی AJAX، اتلیکالک جاوا اسکرپٹ چيز ہے. 30 00:01:29,080 --> 00:01:32,950 کہ آپ سب کو ایک صارف انٹرفیس کی زیادہ متحرک بنانے کے لئے کی اجازت دیتا ہے 31 00:01:32,950 --> 00:01:35,780 زیادہ سے زیادہ ڈیٹا سرور سے آہستہ آہستہ نکال رہا ہے کی طرف سے. 32 00:01:35,780 --> 00:01:38,560 تو ہم نے ان ٹکڑوں میں سے کچھ آج اچھی طرح کے طور پر نظر آئے گا. 33 00:01:38,560 --> 00:01:41,800 ایک طرف ایک کے طور پر، اگر آپ کو کمپیوٹر سائنس میں توجہ مرکوز کرنے میں دلچسپی رکھتے ہیں 34 00:01:41,800 --> 00:01:45,010 یا کمپیوٹر سائنس میں minoring جانتے ہیں، کہ دوپہر میں اس جمعہ 35 00:01:45,010 --> 00:01:48,750 میکسویل Dworkin 221 میں ایک پزا واقعہ ہو جائے گا 36 00:01:48,750 --> 00:01:50,780 آپ کو کمپیوٹر سائنس کے بارے میں تھوڑی معلومات حاصل کر سکتے ہیں. 37 00:01:50,780 --> 00:01:54,860 دروازے کے باہر آپ کی طرح آج آپ نے ہارورڈ میں کاوچ سرفنگ کے ایک غیر سرکاری گائیڈ کرنے کے لے کرنے کے قابل ہو جائے گا. 38 00:01:54,860 --> 00:01:57,290 ہم کمر کی اونچائی میں باہر ردی کی ٹوکری میں کین پر ڈال دیتا ہوں 39 00:01:57,290 --> 00:01:59,750 کہ ایسا ہے، اگر آپ نے اس پر قبضہ کرنے اور کاوچ سرفنگ کے بارے میں مزید تھوڑا سا سیکھنے کرنا چاہتے ہیں 40 00:01:59,750 --> 00:02:02,480 کہ آپ کے لئے وہاں کے طور پر یہ 0 ہفتے میں کریں گے. 41 00:02:02,480 --> 00:02:06,500 اس کے علاوہ اگر آپ اس جمعہ کو 1:15 بجے ہمیں CS50 دوپہر کے کھانے کے لئے اپنے ساتھ شامل ہونے کی چاہتے ہیں، 42 00:02:06,500 --> 00:02:09,800 cs50.net/lunch سربراہ. 43 00:02:09,800 --> 00:02:13,260 مزید ado کے بغیر، میں آپ کو تعلیم کے ساتھی جوزف Ong دیتے ہیں. 44 00:02:13,260 --> 00:02:19,190 ہیلو. [تعریف] 45 00:02:19,190 --> 00:02:20,770 شکریہ. 46 00:02:20,770 --> 00:02:24,780 یہاں کلاس کہا جاتا CS179 پہلی بار میں ڈیزائن کے بارے میں سیکھا تھا. 47 00:02:24,780 --> 00:02:28,040 >> وقت میں پروفیسر نے ہمیں دوسرے پروفیسر کے بارے میں کہانی کو بتایا 48 00:02:28,040 --> 00:02:31,640 ایک ہوٹل پر جو چلا گیا تھا faucets استعمال کیا ہے. 49 00:02:31,640 --> 00:02:35,630 آپ کے وزٹرز کا ریکارڈ رکھا کوئی کیا بائیں 2 knobs بتا اور ٹھیک کر سکتا ہوں؟ 50 00:02:35,630 --> 00:02:39,080 [طالب علم] گرم اور سرد ہے. >> گرم اور سرد ہے. اچھی بات ہے. 51 00:02:39,080 --> 00:02:41,430 کیا آپ ان کے ساتھ عام طور پر توقع، ہے نا؟ 52 00:02:41,430 --> 00:02:46,960 ٹونٹی کا استعمال کرتے ہوئے اس کے بعد پروفیسر نہا لینا چاہتا ہے، اور وہ اس کا استعمال کرنے کے لئے آمدنی ہے. 53 00:02:46,960 --> 00:02:51,310 وہ بائيں پاؤں سمجھے اور صحیح اطراف کو گرم اور ٹھنڈا کے لئے ہے، ہے نہ؟ 54 00:02:51,310 --> 00:02:55,470 لیکن کوئی مجھے کہو کہ یہ اصل میں کیا کر سکتے ہیں؟ 55 00:02:55,470 --> 00:02:58,060 کوئی ہاتھ ہے؟ 56 00:02:58,060 --> 00:03:01,740 [اشراوی طالب علم کے جواب] >> ایک تجویز ہے؟ 57 00:03:01,740 --> 00:03:05,860 [اشراوی طالب علم کے جواب] >> درجہ حرارت؟ 58 00:03:05,860 --> 00:03:10,460 تو ان میں سے ایک کا درجہ حرارت اور دیگر کنٹرول کنٹرول؟ >> [طالب علم کو] پانی کا دباؤ. 59 00:03:10,460 --> 00:03:12,350 پانی کا دباؤ ہے. اچھی بات ہے. 60 00:03:12,350 --> 00:03:15,100 یہ پروفیسر اس میں چلتا ہے، اور سوچ وہ گرم اور ٹھنڈا کنٹرول کر رہے ہیں، 61 00:03:15,100 --> 00:03:21,470 درست ہے، جو وہ سوچتا ہے کہ اپ گرم، سارا راستہ ہے بدل جاتا ہے 62 00:03:21,470 --> 00:03:23,560 کیونکہ وہ ایک گرم شاور لینا چاہتی ہے. 63 00:03:23,560 --> 00:03:28,100 ٹھیک ہے، یہ اپ واقعی نہیں ملتی ہیں، تو وہ یہ مزہ بہت تجربہ نہیں ملتا 64 00:03:28,100 --> 00:03:31,110 ایک سرد شاور میں کیا جا رہا ہے، اور ہم سب جانتے ہیں کہ وہ کیسا محسوس کرتی ہے. 65 00:03:31,110 --> 00:03:33,620 یہ ایک ڈیزائن دوش کی ایک مثال ہے. 66 00:03:33,620 --> 00:03:37,040 میں کیا مطلب ہے کی طرف سے ہے کہ ٹونٹی سے ان کی امید ہے 67 00:03:37,040 --> 00:03:39,420 کیا سے مماثل نہیں ہے کہ شاور سے باہر آئے، 68 00:03:39,420 --> 00:03:41,780 جو کہ اس کے لئے بدقسمتی کی طرح ہے. 69 00:03:41,780 --> 00:03:44,990 تو یہ ڈیزائن دوش ہے کہ حقیقی زندگی میں ہوتا ہے اس کی ایک مثال ہے. 70 00:03:44,990 --> 00:03:48,020 لیکن ہم نے دوسرے لوگوں کے تمام قسم کے ساتھ ساتھ دیکھتے ہیں. 71 00:03:48,020 --> 00:03:50,390 ہم شاید نہیں ہو MBTA نظام کی پرستار. 72 00:03:50,390 --> 00:03:55,560 یہ لندن میں ایک سب وے اصل نظام ہے، جس میں کہا گیا ہے، ہے انہوں نے کہا کہ "یہ بٹن استعمال میں نہیں ہے." 73 00:03:55,560 --> 00:04:00,220 یہ وہاں پر کیوں بھی؟ ہم بھی کیوں پرواہ نہیں ہے؟ 74 00:04:00,220 --> 00:04:02,810 میں ایک بچہ، گھر میں ٹیک پریمی ایک ہونے کی وجہ سے جب تھی، 75 00:04:02,810 --> 00:04:05,050 کمپیوٹر جب بھی کریش گے، میری ماں میرے پاس آئے گا، 76 00:04:05,050 --> 00:04:07,060 مجھے اس کی سکرین دکھاتا ہے اور مجھ سے پوچھے کہ کیا ہوا ہے. 77 00:04:07,060 --> 00:04:09,210 >> مجھے بھی پتہ نہیں کیا اس کا مطلب یہ ہے کہ ہے. 78 00:04:11,890 --> 00:04:14,700 [ہنسی] کیا خیال ہے؟ 79 00:04:16,950 --> 00:04:18,019 [ہنسی] 80 00:04:18,720 --> 00:04:23,050 کبھی کبھی ہم سافٹ ویئر ڈویلپرز کی طرح محسوس کرتا ہوں صرف trolling ہمارے ہیں. 81 00:04:23,050 --> 00:04:28,460 صارفین جیسے جیسے ہم کی طرح ہیں انہوں نے کہا کہ کیا ہو رہا ہے کسی نے ہمیں بتایا؟ " 82 00:04:28,460 --> 00:04:32,140 یہ سب ڈیزائن کا مسئلہ آتا ہے. 83 00:04:32,140 --> 00:04:34,650 ڈیزائن، ہم کے طور پر دیکھ سکتے ہیں، خالصتا جمالیات کے بارے میں نہیں ہے، 84 00:04:34,650 --> 00:04:37,230 یہ کیسا نظر آئے نہیں ہے. 85 00:04:37,230 --> 00:04:41,720 ہم یہاں دیکھتے ہیں کہ یہ پاپ اپ یہاں بہت کم اصل میں بہت اچھا لگتا ہے. 86 00:04:41,720 --> 00:04:45,290 یہ پس منظر میں کمی کا سايہ ہے، سرحد پر جا radiuses ہے. 87 00:04:45,290 --> 00:04:47,550 یہ خوبصورت کی طرح ہے. 88 00:04:47,550 --> 00:04:51,480 کیونکہ یہ بہت صارف دوستانہ نہیں ہے واقعی میں بہت اچھا نہیں ہے کے لئے ڈیزائن کیا ہے. 89 00:04:51,480 --> 00:04:54,920 وہ چھوٹی پاپ اپ کہ آتی ہے آپ کے وزٹرز کا ریکارڈ نہیں کوئی معلومات دے 90 00:04:54,920 --> 00:04:58,450 کیا ہو رہا ہے کے بارے میں، یہ صارف کے طور پر کے وزٹرز کا ریکارڈ رکھا جائے گا. میرے متعلق بتانا ہے کچھ بھی نہیں 91 00:04:58,450 --> 00:05:01,400 کہ غلطی کس طرح سے نمٹنے کے لئے کے بارے میں ہے. 92 00:05:01,400 --> 00:05:05,190 ہم چیزوں کہ ڈیزائن نہیں ہے کے بارے میں سوچنا چاہتے ہیں. 93 00:05:05,190 --> 00:05:06,670 سب سے پہلے، یہ جمالیات نہیں ہے. 94 00:05:06,670 --> 00:05:10,800 یہ بھی پڑھنا آپ کی اے پی پی ہے غیر ضروری کی فعالیت کے ٹن کے ساتھ نہیں. 95 00:05:10,800 --> 00:05:14,890 اگر آپ کو ایک تھائی ریستوران ہیں، آپ شاید ایک ہی وقت میں ایک دانتوں کا ڈاکٹر نہیں چاہتا ہے. 96 00:05:14,890 --> 00:05:17,720 اور فیس بک کے سوالات کے ساتھ، بہت سے لوگ نہیں اس کا استعمال کیا 97 00:05:17,720 --> 00:05:21,130 اور یہ واقعی وہ کیا تعمیر کیا گیا تھا کی بنیاد پر نہیں تھا. 98 00:05:21,130 --> 00:05:24,200 اور اس طرح یہ اچھا ہے کے بارے میں چیزوں کی مقدار سوچنا اتنا نہیں 99 00:05:24,200 --> 00:05:26,390 ہے کہ آپ کو آپ کی درخواست کی لیکن معیار میں ڈال رہے ہیں 100 00:05:26,390 --> 00:05:28,910 اور کس طرح تم نے اس صارف کے تجربے کو بہتر بنانے رہے ہیں 101 00:05:28,910 --> 00:05:32,540 اصل کی طرف سے جو آپ نے پہلے ہی صلی اللہ علیہ وسلم کو بہتر بنانے کے. 102 00:05:32,540 --> 00:05:37,040 >> مختصر میں، ڈیزائن ہمیں بتاتی ہے کہ ہم کیا تعمیر کرنا چاہئے. 103 00:05:37,040 --> 00:05:41,950 مثال کے طور پر، اگر ہم کچھ کہ ہمیں چیزوں کو تلاش کی تعمیر کر رہے ہیں، 104 00:05:41,950 --> 00:05:45,970 گوگل کی طرح، ہم نے مثال کے طور پر ایک انداز میں چیزیں کرنا چاہیے 105 00:05:45,970 --> 00:05:48,950 ہے کہ صارف کو ہونے والے کلکس کی بہت کہ وہ کیا کرنا چاہتے ہیں حاصل کرنے کے لئے کی ضرورت ہے، 106 00:05:48,950 --> 00:05:52,580 یا یہ ایک طرح سے ہم گوگل کے فوری یا خود تکمیل کے ساتھ مثال کے طور پر کیا ہونا چاہئے، 107 00:05:52,580 --> 00:05:54,970 اس کا کی اجازت دیتا ہے کہ ہمارے نتائج تیزی سے حاصل ہے؟ 108 00:05:54,970 --> 00:05:58,740 انجینئرنگ شامل ہے، کی طرح ٹومی تمہیں دکھاتا ہوں، اصل میں اس کی تعمیر کریں گے. 109 00:05:58,740 --> 00:06:01,890 ڈیزائن کی اقسام میں سے بہت سے ہیں. 110 00:06:01,890 --> 00:06:06,070 مثال کے طور پر، اگر آپ کو کچھ بنا رہے ہیں کچھ تعینات کرنے کا 111 00:06:06,070 --> 00:06:09,770 ، ایک تیسری دنیا کا ملک ہے جہاں زیادہ بجلی یا یہ کہ زیادہ ٹیکنالوجی نہیں ہے 112 00:06:09,770 --> 00:06:11,440 آپ کو ڈیزائن ہے کہ آپ کیا بنا رہے ہیں ہے 113 00:06:11,440 --> 00:06:14,210 ایک طریقہ ہے کہ آسانی سے وہاں کے لوگوں تک رسائی فراہم کرتا ہے. 114 00:06:14,210 --> 00:06:18,290 لیکن جو دیگر ڈیزائن کے فیصلوں کی طرح ہو سکتا ہے 115 00:06:18,290 --> 00:06:21,850 یا کچھ اس طرح میں ملوث ہو سکتا ہے؟ 116 00:06:23,690 --> 00:06:25,660 جی ہاں. میں نے ایک ہاتھ نظر آتا ہے. 117 00:06:25,660 --> 00:06:37,200 [اشراوی طالب علم کے جواب] >> حق ہے. بالکل. رسائی ایک بات ہے. 118 00:06:37,200 --> 00:06:40,870 بہت سے لوگوں کی ایک کے بارے میں "کیا میرے صارفین کے بارے میں ہے؟" نہیں میں کیا سوچتے ہیں، 119 00:06:40,870 --> 00:06:43,160 دونوں میں سے کسی بھی سپیکٹرم کے غلو کی طرح. 120 00:06:43,160 --> 00:06:47,770 میں صارفین جو معذور ہے کہ میں کے بارے میں نہیں سوچ رہا ہوں ہو سکتا ہے ہے 121 00:06:47,770 --> 00:06:50,590 اور میں صرف عام صارف کے لیے ڈیزائن کے بارے میں سوچ رہا ہوں. 122 00:06:50,590 --> 00:06:52,630 انٹرنیٹ آج کل سب کی طرف سے قابل رسائی ہے، 123 00:06:52,630 --> 00:06:54,870 اور میں ان لوگوں کے لئے بھی ڈیزائن چاہئے. 124 00:06:54,870 --> 00:06:58,620 تمہیں کیا دیگر ڈیزائن کے فیصلوں کی طرح کر سکتا ہے؟ 125 00:06:58,620 --> 00:07:00,690 جی ہاں. >> [طالب علم] لاگت. 126 00:07:00,690 --> 00:07:02,680 قیمت. بہت اچھا ہے. 127 00:07:02,680 --> 00:07:08,060 ایک اور چیز جو ہم پر ہمارے ڈیزائن کے فیصلوں کی بنیاد سکتے ہیں قیمت ہیں. 128 00:07:08,060 --> 00:07:13,130 اگر ہم نے ایک کاروبار ہیں، تو آپ کو کچھ زیادہ قیمت نہ لے تیار کرنے کی تعمیر کرنا چاہتے ہیں 129 00:07:13,130 --> 00:07:17,720 خاص طور پر اعلی قیمت پر فروخت پر یا ہم میں سے کچھ منافع حاصل کر سکتے ہیں کر سکتے ہیں. 130 00:07:17,720 --> 00:07:21,540 >> یہ ڈیزائن کے تمام مختلف اقسام ہیں، لیکن جب ہم نے انٹرنیٹ پر کچھ بنا رہے ہیں 131 00:07:21,540 --> 00:07:25,120 یا جب ہم کچھ ہے کہ شاید اتنا خرچ نہیں ہے اب کی تعمیر کی تعمیر کر رہے ہیں، 132 00:07:25,120 --> 00:07:28,630 انٹرنیٹ ایپلی کیشنز کی طرح - آپ اس میں زیادہ سے زیادہ سرمایہ پھینک نہیں ہے 133 00:07:28,630 --> 00:07:30,900 کے لئے کچھ ہے جو اصل میں کام کرتا ہے - 134 00:07:30,900 --> 00:07:33,490 کیا ہم زیادہ کے بارے میں فکر مند ہو صارف کا تجربہ ہے. 135 00:07:33,490 --> 00:07:36,390 ہم اس صارف مرکوز ڈیزائن کہتے ہیں. 136 00:07:36,390 --> 00:07:41,550 بنیادی طور پر ہے کہ صارف مرکوز ڈیزائن شامل اپنے آپ کو آپ کے صارفین میں سے جوتے میں ڈال رہا ہے. 137 00:07:41,550 --> 00:07:44,870 اگر جو میں تعمیر کر رہا ہوں کے لئے کسی نشانیاں 138 00:07:44,870 --> 00:07:48,250 وہ واضح طور پر دماغ میں ایک مقصد کے ساتھ اپنے مخصوص کی درخواست آیا، 139 00:07:48,250 --> 00:07:50,280 کام کے ساتھ وہ مکمل کرنا چاہتے ہیں. 140 00:07:50,280 --> 00:07:53,650 اور آپ کا کام نہ صرف اس کام کو مکمل کرنے میں ان کی مدد 141 00:07:53,650 --> 00:07:57,930 لیکن میں ان کی مدد کوچاہیے کہ وہ موثر، بدیہی ہے میں اس کام کو مکمل کرنے کے 142 00:07:57,930 --> 00:08:01,900 اور، جیسا کہ بعض شخص نے کہا کہ وہاں، قابل رسائی. 143 00:08:01,900 --> 00:08:03,750 کارکردگی کا کیا مطلب ہے؟ 144 00:08:03,750 --> 00:08:08,050 کارکردگی کا مطلب ہے کہ کتنی تیزی سے اپنے صارف کو دیا میرے انٹرفیس کام کو مکمل کرتا ہے. 145 00:08:08,050 --> 00:08:11,650 کیا یہ کلکس کی بہت سی کے لئے ان کو ایک جگہ سے دوسرے کو حاصل کرنے کے لئے؟ 146 00:08:11,650 --> 00:08:14,630 کیا ہے تکاؤ ہے؟ کیا وہ بار بار کاموں کو بہت کو انجام دینے کے لئے ہے؟ 147 00:08:14,630 --> 00:08:17,140 ہم نے ہر ممکن حد تک موثر طور پر اس عمل کو بنانا چاہتے ہیں 148 00:08:17,140 --> 00:08:20,070 تو وہ ان طرح کی چیزوں کے کرنے کی ضرورت نہیں ہے. 149 00:08:20,070 --> 00:08:24,230 intuitiveness کے لئے کے طور پر، یہ مثال کے طور پر ہے، اگر کوئی صارف اپنے انٹرفیس لگتا ہے، 150 00:08:24,230 --> 00:08:27,240 کے لئے ان کی جگہ سے حاصل کرنے کے لئے یہ آسان ہے؟ 151 00:08:27,240 --> 00:08:30,390 کیا یہ ان کے لیے جو وہ میری انٹرفیس میں کلک کریں اعداد و شمار پر آسان 152 00:08:30,390 --> 00:08:33,770 میں ان کے لئے مقصد یا کام کو حاصل کرنے کے لئے ہے کہ وہ حاصل کرنے چاہتے ہیں؟ 153 00:08:33,770 --> 00:08:37,520 >> اور آخر میں، کے طور پر ایک شخص نے کہا کہ وہاں کی رسائی بہت ضروری ہے. 154 00:08:37,520 --> 00:08:39,640 [لڑکا اسپیکر] یہ وژن کی طرح چیزوں کے لئے رسائی کے لئے آتا ہے، 155 00:08:39,640 --> 00:08:42,740 جیسا کہ میں کوئی ہے جو اندھا ہے کے لئے واقعی کچھ کرنا ڈیزائن؟ 156 00:08:42,740 --> 00:08:46,460 اوہ. لوگ ہیں جو بالکل نہیں دیکھ سکتے ہیں، ہمیں کہا جاتا اسکرین پر قارئین کے کچھ ہے. 157 00:08:46,460 --> 00:08:49,070 آپ کو کیا کرنا چاہیے ہے کہ آپ کو ایک طرح سے آپ کی ویب سائٹ کی تعمیر کرنا چاہئے 158 00:08:49,070 --> 00:08:52,020 کہ، مثال کے طور پر جو ہم کہتے ہیں، خاص طور پر ٹیکنالوجی - 159 00:08:52,020 --> 00:08:53,590 اب چیزوں کی بہت ہیں. 160 00:08:53,590 --> 00:08:55,660 مجھے لگتا ہے کہ وہاں پردے کہا جاتا جاز قارئین ہیں. 161 00:08:55,660 --> 00:08:58,410 ان چیزوں کی ایک بہت پر انحصار کرتے ہیں جو ہم علاقے کے قوانین کہتے ہیں 162 00:08:58,410 --> 00:09:02,010 کے لئے صارف کو پڑھنے کے لئے کیا صفحے پر موجود ہے. 163 00:09:02,010 --> 00:09:05,480 ان لوگوں کے جو نہیں دیکھ سکتے ہیں کے لئے، آپ کو اس بات کا یقین کرنے کی ضرورت ہے کہ یہ اسکرین پر قارئین کے 164 00:09:05,480 --> 00:09:09,130 اصل صفحے پر جائیں مواد اٹھا کر اپنے صارفین کو اصل میں دکھا سکتے ہیں کر سکتے ہیں، 165 00:09:09,130 --> 00:09:13,630 اگر آپ کو نہیں دیکھ سکتے ہیں، کم سے کم آپ کے صفحے پر مواد اب بھی سمجھ سکتے ہیں. 166 00:09:13,630 --> 00:09:16,190 جی ہاں. ٹھیک ہے. 167 00:09:16,190 --> 00:09:23,410 بہت ہو گیا اچھا ڈیزائن کے بارے میں میں بات کر رہے ہیں. چلو برا ڈیزائن کے بارے میں بات کرتے ہیں. 168 00:09:23,410 --> 00:09:25,220 یہ وہ چیزیں ہیں جو آپ کو نہیں کرنا چاہئے ہیں. 169 00:09:25,220 --> 00:09:27,890 آپ کے وزٹرز کا ریکارڈ رکھا کسی Craigslist کے ساتھ ان کے تجربات کے بارے میں بتا سکتے ہیں 170 00:09:27,890 --> 00:09:32,190 اور جو کچھ ان کا خیال ہے اس ڈیزائن کے بارے میں اتنا اچھا نہیں ہے؟ 171 00:09:33,690 --> 00:09:36,430 جی ہاں. >> [طالب علم] مجھے لگتا ہے کہ ایک علاقے میں بہت سے الفاظ. 172 00:09:36,430 --> 00:09:39,350 بہت سارے الفاظ، ہے نا؟ پوری طرح غالب ہے. 173 00:09:39,350 --> 00:09:42,400 آپ کو اس صفحے پر آ کر آپ کو یہاں چیزوں کی پوری چڑھانے کے ساتھ مبارک باد دی ہے 174 00:09:42,400 --> 00:09:43,860 کہ تم بھی کوئی فرق نہیں پڑتا ہو سکتا ہے. 175 00:09:43,860 --> 00:09:47,010 مثال کے طور پر، آپ کو ایک ریاست ہے کہ نہیں اس خط کے ساتھ شروع ہوتا ہے میں رہتے ہیں. 176 00:09:47,010 --> 00:09:48,690 چلو کا کہنا ہے کہ آپ کو ٹیکساس یا کچھ اور میں رہتے ہیں. 177 00:09:48,690 --> 00:09:53,790 >> آپ کو صفحے نیچے طریقہ مقام آپ میں ہیں حاصل کرنے کے لئے سکرال کرنے میں ہے. 178 00:09:53,790 --> 00:10:00,320 میں بوسٹن سے ہوں، تو کے وزٹرز کا ریکارڈ رکھا جائے گا. میرے میسا چوسٹس میں نظر آتے ہیں. میسا چوسٹس کہاں ہے؟ 179 00:10:00,320 --> 00:10:03,270 اوہ، یہ یہاں ہے. اوہ، یہ بوسٹن ہے. ٹھیک ہے. 180 00:10:03,270 --> 00:10:09,070 میں بوسٹن میں نظر ہوں. [ہنسی] 181 00:10:09,070 --> 00:10:12,250 بہت زبردست، ٹھیک ہے؟ 182 00:10:12,250 --> 00:10:16,400 وہاں عجیب باتیں. [ہنسی] 183 00:10:17,320 --> 00:10:19,470 چلو کا کہنا ہے کہ کے لئے میں رہنے کے لئے کہیں دیکھ رہا ہوں. 184 00:10:19,470 --> 00:10:24,130 کتنے لوگ اصل میں استعمال کیا ہے Craigslist؟ آپ کے ٹن. 185 00:10:24,130 --> 00:10:30,960 بہت برے طریقے ہیں اس کو دیکھنے کے لئے، لیکن ہم اس کو دیکھو. 186 00:10:35,130 --> 00:10:38,970 IMG اور pic کے درمیان کیا فرق ہے؟ کیا کوئی مجھے بتا سکتا ہے؟ 187 00:10:41,350 --> 00:10:42,830 اصل میں کوئی فرق نہیں ہے. 188 00:10:42,830 --> 00:10:47,710 وہ بالکل وہی بات مطلب ہے، لیکن انہوں نے کسی وجہ کے لئے ان کے لئے مختلف لیبل ہے. 189 00:10:48,980 --> 00:10:53,560 اگر میں نے پر کلک کریں تصویر کے صفحے پر، کچھ بھی نہیں ہوتا ہے. 190 00:10:53,560 --> 00:10:57,490 دراصل میں تلاش ہونے کے لیے کچھ کے لئے دوبارہ کلک کریں. 191 00:10:57,490 --> 00:11:02,430 ایک بہتر ڈیزائن فیصلہ ہے کہ وہاں کیا جائے کیا جا سکتا ہے کیا ہو سکتا ہے؟ 192 00:11:03,820 --> 00:11:08,030 اگر میں اس فلٹر پر کلک کر رہا ہوں، میں شاید اس مخصوص کارروائی کی طرف سے فلٹر کرنا چاہتے ہیں 193 00:11:08,030 --> 00:11:09,970 یا کہ خاص طور کی قسم. 194 00:11:09,970 --> 00:11:14,450 لہذا، میں تلاش دوبارہ پریس کرنے کی بجائے فلٹرنگ صرف خود کار طریقے سے کر سکتے ہیں 195 00:11:14,450 --> 00:11:17,060 طرح کے گوگل انداز جہاں وہ اسے فوری طور پر کرتے ہیں. 196 00:11:17,060 --> 00:11:20,440 [Malan] بناتی ہے لیکن جیسا کہ ہم نے انہیں ابھی تک جسمانی طور پر پیش کرنے کی ہے ہے 197 00:11:20,440 --> 00:11:23,170 مارنے کی طرف سے کم از کم یا ایک بٹن پر کلک درج کریں؟ 198 00:11:23,170 --> 00:11:26,830 جیسا کہ آپ نے انہیں اب تک دیکھا ہے، آپ اصل میں کلک کریں ان چیزوں کو کرنے کی عرض ہے. 199 00:11:26,830 --> 00:11:30,090 >> لیکن جیسا کہ ٹومی آپ کو ایک دوسرے میں دکھایا جائے گا، اصل میں آپ کے لئے طریقے ہیں 200 00:11:30,090 --> 00:11:33,010 ایسی ہے کہ جب تم اس چیز پر کلک کریں یہ خود کار طریقے سے بھیج سکتے ہیں 201 00:11:33,010 --> 00:11:38,840 کیا ہم نے ایک AJAX کی درخواست فون اور ڈیٹا واپس ہو جاؤ اور آپ کے نتائج فوری طور پر فلٹر. 202 00:11:38,840 --> 00:11:41,340 چیزیں جو اس انٹرفیس کے ساتھ غلط ہیں ٹن ہیں. 203 00:11:41,340 --> 00:11:43,530 [Malan] آپ کیمبرج کے لئے تلاش کر سکتے ہیں؟ 204 00:11:43,530 --> 00:11:47,030 تھوڑا ویشم یہاں کچھ ہے جہاں آپ کیمبرج کے بارے میں پرواہ ہے 205 00:11:47,030 --> 00:11:54,790 اور ابھی تک تم Westford، بہار ہل، مغربی نیوٹن اور اس طرح کی ہو رہی ہے. 206 00:11:54,790 --> 00:11:57,930 شاید مثالی نہیں ہے. >> شاید نہیں مثالی ہے. 207 00:11:57,930 --> 00:12:03,900 میں اس مخصوص صفحے پر صارف کے تجربے کو بہتر بنانے کے لئے کرنے کے قابل کیسے ہو سکتا ہے؟ 208 00:12:03,900 --> 00:12:07,340 جی ہاں. >> [طالب علم] ہدایات. 209 00:12:07,340 --> 00:12:09,500 ٹھیک ہے. احساس کس طرح کا ہدایات؟ 210 00:12:09,500 --> 00:12:14,630 مثال کے طور پر [طالب علم]، پہلی بار صارفین جو بھی کیا Craigslist ہے پتہ نہیں ہے کے لئے ایک بات 211 00:12:14,630 --> 00:12:17,320 آپ کو معلوم ہے یا نہیں کہ آپ کو کیا کرنا چاہئے کر رہے ہو. 212 00:12:17,320 --> 00:12:20,150 ٹھیک ہے. تو وضاحت Craigslist اس صفحے پر ہے ضروری ہے. 213 00:12:20,150 --> 00:12:23,490 ہم نے صارفین کو اصل میں بتاو کہ کیا اس صفحہ کے لئے اصل ہے. 214 00:12:23,490 --> 00:12:27,090 اگر میں صرف اس کا دورہ کر رہا ہوں، میں مقامات کی ایک پوری چڑھانے دیکھتے ہیں. میں یہ بھی نہیں کہ وہ کیا مطلب جانتے ہو. 215 00:12:27,090 --> 00:12:29,730 لیکن زیادہ اہم بات یہ ہے کہ صرف اس انٹرفیس کے دیکھ 216 00:12:29,730 --> 00:12:35,530 یاد میں چیزوں کی ایک ٹن سکرال ایک خاص کمیونٹی کو تلاش کرنے کے لئے تھا 217 00:12:35,530 --> 00:12:37,560 کہ میں اصل میں اس کے بارے میں پرواہ نہیں کی. 218 00:12:37,560 --> 00:12:39,820 ایک تیز طریقہ میں کر سکتا ہوں کیا ہے؟ جی ہاں. 219 00:12:39,820 --> 00:12:43,290 [طالب علم] انہیں مشرق، مغرب علاقوں میں تقسیم کریں. ٹھیک ہے. >> 220 00:12:43,290 --> 00:12:47,460 میں انہیں زیادہ اقسام آپ کے وزٹرز کا ریکارڈ رکھا تیزی کا تعین میں مدد کر سکتے ہیں میں تقسیم کر سکتے ہیں 221 00:12:47,460 --> 00:12:49,820 کس طرح اس خاص مقام پر حاصل کرنے کے لئے. 222 00:12:49,820 --> 00:12:54,510 [طالب علم] ایک ڈراپ ڈاؤن فہرست رکھو. >> حق ہے. ٹھیک ہے. 223 00:12:54,510 --> 00:12:58,240 میں ایک ڈراپ ڈاؤن مینو کا استعمال کریں کیونکہ ہم چیزوں کی ایک مقررہ سیٹ کر سکتے ہیں 224 00:12:58,240 --> 00:13:00,100 اور ہم نے انہیں ایک ڈراپ ڈاؤن مینو میں دکھایا جا سکتا ہے. 225 00:13:00,100 --> 00:13:02,240 اس طرح سکرین پر لگتا ہے اتنی جگہ نہیں ہے. 226 00:13:02,240 --> 00:13:05,630 لیکن اس سے بھی بہتر، ہم کیا کر سکتے ہیں؟ 227 00:13:05,630 --> 00:13:09,220 جی ہاں. >> [اشراوی طالب علم کے جواب] >> کہ آپ پھر سے کہہ سکتا ہے؟ >> [طالب علم کو] تلاش کے باکس. 228 00:13:09,220 --> 00:13:11,260 جی ہاں، ایک تلاش کے باکس. یہ بہت اچھا ہے. 229 00:13:11,260 --> 00:13:16,430 اصل میں ہم کیا کر سکتے ہیں ہے اگر ہم سلائڈ، تلاش کے باکس میں واپس نظر آئے. 230 00:13:16,430 --> 00:13:21,520 خودکار طور پر مکمل. بہت آسان نتائج کہ آپ جانتے ہیں کے ذریعے تلاش کرنے کا طریقہ ایک سیٹ میں ہیں. 231 00:13:21,520 --> 00:13:25,980 اگر میں BO ٹائپ کرنا شروع کریں، صرف آپ کے وزٹرز کا ریکارڈ رکھا تمام نتائج کے کہ ان میں سے BO اندر ہے دکھاتے ہیں. 232 00:13:25,980 --> 00:13:29,030 اس طرح میں نے خاص طور پر جس میں جانا چاہتے ہیں بہت آسانی سے حاصل کر سکتے ہیں 233 00:13:29,030 --> 00:13:32,390 یہ واقعی بڑی فہرست کے ذریعے سکرال کرنے کی بجائے. 234 00:13:32,390 --> 00:13:37,450 >> یہ واقعی کم پھانسی پھل ہر قسم کے ہیں کہ کوئی ہے جو Craigslist عمل کر رہا ہے 235 00:13:37,450 --> 00:13:42,500 اصل میں بہت ان کی مخصوص صارف کے لئے بہتر ویب سائٹ پر تجربے کو بہتر بنانے کے کر سکتے ہیں. 236 00:13:42,500 --> 00:13:46,370 ٹھیک ہے. بہت ہو چکا خراب ویب سائٹ کے بارے میں میں بات کر رہے ہیں. 237 00:13:46,370 --> 00:13:49,410 فیس بک کے بارے میں بات کرنے دو 238 00:13:50,880 --> 00:13:54,390 جب فیس بک باہر آئے، اور خاص طور پر فیس بک تصاویر 239 00:13:54,390 --> 00:13:57,870 دیگر خدمات کا وقت ہے جو بالکل وہی چیز کر سکتا ہے میں بہت تھے. 240 00:13:57,870 --> 00:14:00,740 وہ یلبموں میں آپ کی تصاویر کو منظم کر سکتا ہے. 241 00:14:00,740 --> 00:14:03,360 آپ کیا کر سکتے ہیں ہے، آپ ان کے سیٹ میں منظم جا سکتا ہے. 242 00:14:03,360 --> 00:14:06,070 تم نے انہیں تاریخ کے لحاظ سے منظم کر سکتے ہیں. آپ ان تمام خاص طور پر کام کر سکتا ہے. 243 00:14:06,070 --> 00:14:11,710 لیکن کسی کو بھی معلوم ہے کہ کیا نے فیس بک تصاویر جب سے یہ جاری کیا گیا تھا دھماکے کرتا ہے؟ 244 00:14:11,710 --> 00:14:15,080 جی ہاں. >> [طالب علم کی تلاش میں.] >> ٹیگز. بالکل. 245 00:14:15,080 --> 00:14:21,300 ہم یہاں Milo، جو کہ CS50 bandana کے ساتھ ہمارے کتے کے شوبنکر ہے. 246 00:14:21,300 --> 00:14:24,810 تم نے دیکھا ہے کہ ہم درمیان میں اس ٹیگنگ خصوصیت ہے کر سکتے ہیں. 247 00:14:24,810 --> 00:14:28,240 اور کیا پریوست کے نقطہ نظر سے فیس بک تصاویر بہت دلچسپ بنا دیا 248 00:14:28,240 --> 00:14:34,130 یہ ہے کہ یہ اصل میں اس کے ذریعے لوگوں کو ان کی تصاویر میں ان کے دوستوں کو شامل کرنے کے لئے کی اجازت دی ہے. 249 00:14:34,130 --> 00:14:37,680 فیس بک کے لئے ہے، کے بعد سے ان کی ویب سائٹ خاص طور پر سماجی ہے، 250 00:14:37,680 --> 00:14:40,750 یہ سماجی ماحول کا اس طرح کی تعمیر کے بارے میں ہے. 251 00:14:40,750 --> 00:14:42,620 یہ تصاویر کے تجربے کو بہت بہتر 252 00:14:42,620 --> 00:14:46,390 کیونکہ ان کا یہ کہنا بھی شروع کر سکتا ہے، "یہ ان لوگوں کے درمیان تعلقات ہیں، 253 00:14:46,390 --> 00:14:49,220 اور یہ وہ لوگ ہیں جن سے آپ نے واقعی پرواہ کے بارے میں تصاویر نہیں ہیں. " 254 00:14:49,220 --> 00:14:52,200 جسم کے اس حصہ کو بھی طرح narcissism ہے. 255 00:14:52,200 --> 00:14:54,980 لوگ اس طرح کی تصاویر اور چیزوں میں ٹیگ پسند کرتا ہوں. 256 00:14:54,980 --> 00:14:58,510 جب کہ ایک اچھا انسان علامات ضروری نہیں ہے، 257 00:14:58,510 --> 00:15:01,910 ایک ہی وقت میں یہ اچھا ڈیزائن کے فیصلوں کی بنیاد پر ہے 258 00:15:01,910 --> 00:15:04,860 کیونکہ لوگ اصل میں اس طرح چیزوں کے بارے میں فکر کرتا ہوں. 259 00:15:04,860 --> 00:15:07,190 تو جو فیس بک تصاویر ہے. 260 00:15:07,190 --> 00:15:09,800 >> لیکن فیس بک سے زیادہ عام طور پر بات. 261 00:15:09,800 --> 00:15:13,400 میں اس بات کا یقین کر لیں کہ یہاں لوگوں کی بہت فیس بک کے بارے میں رائے ہے ہوں، 262 00:15:13,400 --> 00:15:16,430 دونوں اچھے ڈیزائن فیصلے اور خراب ڈیزائن فیصلے. 263 00:15:16,430 --> 00:15:20,270 تو یا خوش رہو چھدر. 264 00:15:23,480 --> 00:15:26,450 چلو. مجھے معلوم ہے کہ آپ سب کو فیس بک کا استعمال کرتے ہیں. 265 00:15:26,450 --> 00:15:30,970 کسی کو کچھ برا کہنا یا کچھ اچھا ہے اس کے بارے میں کیا کہنا ہے. جی ہاں. 266 00:15:30,970 --> 00:15:35,060 خبر فیڈ [طالب علم] ایک بہت سی چیزوں کے بارے میں میں واقعی پرواہ نہیں کرتا ہے. 267 00:15:35,060 --> 00:15:37,740 خبر فیڈ ہیں آپ کے بارے میں کوئی پرواہ نہیں کر سکتے ہیں کے ایک بہت ظاہر کرتا ہے. 268 00:15:37,740 --> 00:15:41,660 آپ فیس بک پر دوست ہیں جو آپ کو 2 یا 3 سال کے لئے پورا نہیں کیا ہے 269 00:15:41,660 --> 00:15:43,860 تمہیں دیکھ کر اور ان کی خبر کے نتائج آپ کی خبر فیڈ میں پوپ آؤٹ 270 00:15:43,860 --> 00:15:45,870 اور آپ کو اس کے بارے میں بہت پرواہ نہیں کرتا. 271 00:15:45,870 --> 00:15:48,700 فیس بک نے اصل میں اس میں بہتر بنانے کے لئے کی کوشش کی ہے، 272 00:15:48,700 --> 00:15:53,150 اور وہ اصل میں نے حال ہی میں خبر فیڈ کے سب سے اوپر پر متعلقہ نتائج کو دھکا کی کوشش کی ہے 273 00:15:53,150 --> 00:15:58,300 تاکہ آپ کے دوستوں کو جو آپ یا آپ کے قریبی دوستوں سے متعلق ہیں کی طرف سے اصل میں چیزیں دیکھیں. 274 00:15:58,300 --> 00:16:01,110 اور کچھ؟ جی ہاں. 275 00:16:01,110 --> 00:16:06,400 [اشراوی طالب علم کے جواب] >> کہ آپ پھر سے کہہ سکتا ہے؟ 276 00:16:06,400 --> 00:16:10,140 [طالب علم] اشتھارات کو نسبتا ونیت ہیں. کس لحاظ سے >>؟ 277 00:16:10,140 --> 00:16:16,370 [اشراوی طالب علم کے جواب] وہ بینر کی طرح سکرین پر روشنی نہیں ہے،. 278 00:16:16,370 --> 00:16:17,760 ٹھیک ہے. وہ اچھا ہے. 279 00:16:17,760 --> 00:16:25,030 اگر آپ '90s سے انٹرنیٹ یاد - >> [Malan] میں وہاں تھا. >> وہ وہاں تھا. [ہنسی] 280 00:16:25,030 --> 00:16:29,210 آپ GIFs چمکتا پس منظر، sparkly باتیں یاد کر سکتے ہیں، 281 00:16:29,210 --> 00:16:31,570 چیزوں کی GeoCities طرز ترتیب دیں. 282 00:16:31,570 --> 00:16:34,080 یہ واقعی ایک اچھا ڈیزائن کی ایک مثال نہیں 283 00:16:34,080 --> 00:16:36,690 کیونکہ یہ واقعی مواد سے پریشان ہے. 284 00:16:36,690 --> 00:16:39,590 ییل فن اس ویب سائٹ کی ان کے پس منظر کے طور پر متحرک GIFs پر استعمال کیا جاتا 285 00:16:39,590 --> 00:16:41,800 اور آپ کے صفحے پر کچھ نہیں پڑھ سکتا ہے، 286 00:16:41,800 --> 00:16:44,870 لیکن مجھے لگتا ہے کہ کسی اصل میں ان سے بات کی ہے اور اب یہ تھوڑا سا مختلف ہے. 287 00:16:44,870 --> 00:16:48,940 [Malan] اب یہ بہتر ہے. >> یہ بہتر ہے اب، جیسا کہ آپ دیکھ سکتے ہیں. >> [Malan] اوہ، جی ہاں. 288 00:16:48,940 --> 00:16:56,020 بہت اچھا، صرف - جی ہاں. ٹھیک ہے. 289 00:16:56,020 --> 00:17:00,560 >> جسم کے اس حصہ کو بھی اپنے صفحے کو بہت minimalist اور بہت فہم کر رہا ہے 290 00:17:00,560 --> 00:17:05,690 ایک طریقہ ہے کہ بہت منطقی ہے میں صفحہ کے بہاؤ پر چیزیں اتنی اور ایک دوسرے کے راستے میں نہیں حاصل کر سکتا ہوں. 291 00:17:05,690 --> 00:17:11,849 دوسری چیزوں کس طرح فیس بک کے بارے میں اچھا ہے یا فیس بک کے بارے میں برا ہے؟ 292 00:17:11,849 --> 00:17:15,730 چلو، صرف ایک ڈیزائن گفتگو یہاں. 293 00:17:19,470 --> 00:17:21,339 اوہ. کہاں ہے؟ جی ہاں. 294 00:17:21,339 --> 00:17:25,640 [طالب علم] نئی ٹائم لائن کا نظام آپ کو ان کے ماضی کے بارے میں اس شخص کی پروفائل تلاش کرنے کی اجازت دیتا ہے. 295 00:17:25,640 --> 00:17:28,119 ، ؤہ سمیریھا. 296 00:17:28,119 --> 00:17:30,280 ٹائم لائن ایک عظیم چیز ہے کیونکہ یہ آپ stalk اپنے دوستوں کی اجازت دیتا ہے 297 00:17:30,280 --> 00:17:33,300 واپس جب وہ ہائی اسکول میں تھے. 298 00:17:35,160 --> 00:17:38,060 ٹائم لائن اچھا ہے کیونکہ یہ اجازت دیتا ہے آپ کو تیزی سے بہت مواد کے ذریعے فلٹر 299 00:17:38,060 --> 00:17:41,500 اس کی مدد سے آپ کو چیزیں جو دوسری صورت میں کیا تم نے ایک بہت طویل وقت لے تلاش 300 00:17:41,500 --> 00:17:45,840 صرف سکرول نیچے،،،،، وقت میں واپس جانے کا من. 301 00:17:45,840 --> 00:17:48,910 لیکن پھر بھی صارفین کے تجربے کے لحاظ سے طرح کی کمی کی ہے. 302 00:17:48,910 --> 00:17:51,190 اس سے کیا ہو سکتا ہے؟ 303 00:17:51,190 --> 00:17:56,780 بڑا لفظ ہے جو P R-کے ساتھ شروع ہوتی ہے. >> [طالب علم] نجی معلومات کی حفاظتی. >> پرائیویسی، ٹھیک ہے؟ 304 00:17:56,780 --> 00:17:59,970 معلومات کي پوشيدگي کا ایک بڑا صارف کے تجربے کا مسئلہ ہے. 305 00:17:59,970 --> 00:18:07,190 یہ چیزوں میں فیس بک کے بارے میں سب سے زیادہ سے نفرت میں سے ایک ہے. [ہنسی] 306 00:18:07,190 --> 00:18:09,000 [Malan] جیسا کہ اب مجھے کیا کرنا. 307 00:18:09,000 --> 00:18:11,380 ڈیوڈ کا احساس نہیں تھا کہ یہ اصل میں کل تک ہوا. 308 00:18:11,380 --> 00:18:14,560 تو اب وہ یہ بھی جانتا ہے کہ ہر بار جب میں نے اسے بات چیت میں جانتا ہوں کہ وہ مجھے نظر انداز کرتے ہوئے. 309 00:18:14,560 --> 00:18:16,880 [Malan] عجیب حصہ میں کیا گیا تھا اصل میں اس کو نظر انداز، 310 00:18:16,880 --> 00:18:21,040 اور مجھے پتہ نہیں تھا کہ انہیں پتہ تھا کہ میں نے اس کو نظر انداز کر رہا تھا. [ہنسی] 311 00:18:21,040 --> 00:18:24,030 معلومات کي پوشيدگي کا ایک بہت بڑا مسئلہ ہے. 312 00:18:24,030 --> 00:18:28,670 یہاں کوئی مجھے بتاو کہ کیا فیس بک کی رازداری کے بارے میں میں برا ہو سکتا ہے کر سکتے ہیں 313 00:18:28,670 --> 00:18:32,270 حقیقت یہ ہے کہ وہ اس طرح کام کرتے ہیں کے علاوہ؟ 314 00:18:32,270 --> 00:18:37,240 کیا ہے خاص طور پر فیس بک کی رازداری کے احترام کے ساتھ کیا مشکل ہے؟ 315 00:18:37,240 --> 00:18:40,340 اس طرح ایک اہم سوال ہے. 316 00:18:41,680 --> 00:18:43,930 جی ہاں. >> [طالب علم] بعض لوگوں کی طرف سے آپ کی تصاویر کو چھپائیں. 317 00:18:43,930 --> 00:18:46,170 ٹھیک ہے. بالکل، بعض لوگوں کی طرف سے آپ کی تصاویر کو چھپانے کے لئے. 318 00:18:46,170 --> 00:18:51,290 وہ اوپری دائیں ہے کہ اس کی مدد سے آپ کو ایک تصویر کی رازداری کو ٹاگل میں اس چھوٹے، چھوٹے بٹن ہے. 319 00:18:51,290 --> 00:18:56,360 ان کی ذاتی زندگی کے اختیارات کے مینو کے مختلف قسم کے درمیان بہت مختلف ہے. 320 00:18:56,360 --> 00:18:59,510 >> انہوں نے اس کے بارے میں بہت بہتر ہو گیا ہے حال ہی میں، لیکن یہ معاملہ کیا کرتے تھے 321 00:18:59,510 --> 00:19:04,870 ، جب بھی آپ کو دیکھ تصاویر سے اپنے دوستوں کو روکنے کے لئے کرنا چاہتا تھا کہ 322 00:19:04,870 --> 00:19:08,280 آپ طرح ہونے کا ایک بہت پیچیدہ عمل مرحلہ نمبر 5 کے ذریعے جانا ہوگا، 323 00:19:08,280 --> 00:19:11,150 مجھے اس لنک پر کلک کریں، اب مجھے پھر سے کریں پر کلک کریں، مجھے پھر سے کریں پر کلک کریں، 324 00:19:11,150 --> 00:19:13,420 مجھے وضاحت کریں کہ کون لوگوں کو میری تصاویر کو دیکھ نہیں کر سکتے ہیں. 325 00:19:13,420 --> 00:19:17,250 یہ فیس بک کی طرف سے خاص طور پر اچھا نہیں ہے 326 00:19:17,250 --> 00:19:20,530 وجہ سے صارفین کے تجربے کے بارے میں اتنا زیادہ اصل میں ان کی آزادی دے رہا ہے 327 00:19:20,530 --> 00:19:22,460 کنٹرول لوگ کیا دیکھ سکتے ہیں. 328 00:19:22,460 --> 00:19:25,550 ہم اس رکن کنٹرول اور آزادی کہتے ہیں. 329 00:19:25,550 --> 00:19:31,090 اگر آپ کو نہیں دے رہے ہو اپنے صارفین کو ہے کہ، ایک طریقہ ہے کہ ہنر اور بدیہی ہے 330 00:19:31,090 --> 00:19:34,570 اس وقت آپ کے صارف کے تجربے کو بہت اچھا نہیں ہے بالکل. 331 00:19:34,570 --> 00:19:38,200  فیس بک کے بارے میں کچھ کہنا تم لوگ چاہتے ہیں؟ 332 00:19:38,700 --> 00:19:41,420 میں اس بند کو کس طرح باری ہے؟ 333 00:19:41,420 --> 00:19:46,290 [Ong] آپ اسے بند کردیں، اور سکتا ہے کہ فیس بک کے ایک حصے کے پر ایک بہت بڑا پریوست دوش ہے. 334 00:19:46,290 --> 00:19:49,410 اس کو نمایاں کریں - اصل میں میں کل اس میں دیکھا - 335 00:19:49,410 --> 00:19:53,940 یہ یا تو ہے کہ تم ایسا نہیں کر سکتے ہیں یا اسے کہیں دفن بہت، بہت گہرا ہے 336 00:19:53,940 --> 00:19:58,050 فیس بک کے کونوں میں کیونکہ میں باہر سمجھ نہیں کس طرح میں اس فعالیت کو غیر فعال کر سکتے ہیں. 337 00:19:58,050 --> 00:20:00,400 [Malan] لیکن کبھی کبھی ان فیصلوں واضح نہیں ہیں 338 00:20:00,400 --> 00:20:03,890 کیونکہ تم لوگ ہمیں مختلف CS50 درخواستوں پر دیا ہے مفید رائے کی ایک بہت 339 00:20:03,890 --> 00:20:05,710 اور ویب سائٹ ہے کہ کورس کا استعمال کرتا ہے. 340 00:20:05,710 --> 00:20:10,260 ہم ان درخواستوں اور تجاویز کے سب لاگو نہیں ہے. 341 00:20:10,260 --> 00:20:14,550 >> حصہ یہ ہے کہ بہت سی درخواستوں کو حاصل کرنے کے لئے یہ ہے کہ اس وقت کی ایک تقریب ہے، 342 00:20:14,550 --> 00:20:17,070 لیکن کبھی کبھی ہم ویسے ہی جیسے ایک ہوش فیصلہ کرتے ہیں تو، 343 00:20:17,070 --> 00:20:19,830 انہوں نے کہا کہ آپ کے مشورے کا شکریہ، لیکن ہم اختلاف. " 344 00:20:19,830 --> 00:20:24,350 تو آپ اصل میں کس طرح کا فیصلہ کرتے ہیں آپ کو کیا کرنا چاہیے اگر آپ کے صارفین کو لگتا ہے کہ آپ کو کچھ کرنا چاہیے 345 00:20:24,350 --> 00:20:28,110 یہاں تک کہ اگر آپ ضروری نہیں کرتے؟ 346 00:20:28,110 --> 00:20:32,360 یہ اصل میں اپنے صارفین کا کہنا ہے کہ سن کے درمیان ایک اچھا توازن ہے 347 00:20:32,360 --> 00:20:35,840 اور اصل میں لائن کے کچھ جہاں آپ کا کہنا ہے کہ، 348 00:20:35,840 --> 00:20:37,750 "ہم نے کیا کرنا ہے ان صارفین کا کہنا ہے کہ نہیں کر رہے ہیں." 349 00:20:37,750 --> 00:20:42,520 اور خاص طور پر، مجھے لگتا ہے کہ ہینری فورڈ کی طرف سے ایک اقتباس ہے کہ یہ اپ خلاصہ بہت اچھی طرح تھی. 350 00:20:42,520 --> 00:20:47,130 انہوں نے کہا کہ اگر میں لوگوں سے پوچھا کہ کیا وہ چاہتا تھا، انہوں نے وہ تیز گھوڑوں چاہتے تھے نے کہا. " 351 00:20:47,130 --> 00:20:51,840 کسی علاوہ چڑھانا کیا اس اقتباس کو واقعی مطلب الگ الگ کر سکتے ہیں؟ 352 00:20:51,840 --> 00:20:56,060 ایسا نہیں ہے صرف یہ ہے کہ صارفین کو پتہ ہے کہ وہ کیا چاہتے ہیں، 353 00:20:56,060 --> 00:20:59,180 لیکن یہ ہے کہ زیادہ ہے - 354 00:20:59,180 --> 00:21:02,720 [طالب علم] وہ نہیں جانتے کہ کیا ممکن ہے. 355 00:21:02,720 --> 00:21:06,140 وہ حصے میں نہیں جانتا کہ کیا ممکن ہے. 356 00:21:07,880 --> 00:21:11,440 کہ تھوڑا سا علاوہ چڑھانا. تم نے اس سے کیا مطلب ہے؟ 357 00:21:11,440 --> 00:21:21,340 [اشراوی طالب علم کے جواب] 358 00:21:21,340 --> 00:21:25,770 وہ اچھا ہے. کیا ہے مجھے لگتا ہے کہ ہم یہاں کہنے کی کوشش کر رہے ہیں کہ لوگوں کو معلوم ہے کہ وہ کیا چاہتے ہیں. 359 00:21:25,770 --> 00:21:28,050 وہ تیزی سے گھوڑے کی ضرورت ہے. 360 00:21:28,050 --> 00:21:29,840 کیا وہ واقعی کرنا چاہتے ہیں، تیزی سے منتقل کرنے کے لئے کی صلاحیت ہے، 361 00:21:29,840 --> 00:21:32,310 لیکن وہ وسیلہ ہے جس کے ذریعے وہ حاصل کرنے کے لئے واقعی نہیں جانتے ہو. 362 00:21:32,310 --> 00:21:36,330 جب آپ کو آپ کے صارفین کو آتے ہیں اور آپ کے صارفین آپ سے کچھ کہنا ہے 363 00:21:36,330 --> 00:21:39,700 اور وہ آپ کو بتا، "ہم نے ان کی خصوصیات اور ان کی خصوصیات اور ان خصوصیات کی ضرورت ہے،" 364 00:21:39,700 --> 00:21:42,650 آپ کو ضروری کے بارے میں سوچنا نہیں چاہتی ہے، "مجھے آگے بڑھو 365 00:21:42,650 --> 00:21:44,720 "پر عملدرآمد اور جو وہ واضح طور پر کہتے ہیں،" 366 00:21:44,720 --> 00:21:48,610 لیکن کیا آپ کے بارے میں سوچنا چاہتے ہیں ہے، "خیالات کی طرح کیا میں اس سے حاصل کر سکتے ہیں؟" 367 00:21:48,610 --> 00:21:50,450 وہ اصل میں کیا کرنا چاہتے ہیں؟ 368 00:21:50,450 --> 00:21:55,560 >> اور وہاں سے جو آپ کر سکتے ہیں وہ کچھ ہے جو ان درخواستوں مطمئن ڈیزائن 369 00:21:55,560 --> 00:22:00,340 لیکن ضروری نہیں جس طرح کہ صارف مطمئن رکھا جائے کی امید ہے. 370 00:22:00,340 --> 00:22:03,830 تو، حتمی منصوبوں کی طرح بہت حقیقی معنوں میں کچھ کے لئے 371 00:22:03,830 --> 00:22:07,900 کیا ایک مفید heuristic ہے جب یہ کچھ بہتر بنانے کے لئے آتا ہے، 372 00:22:07,900 --> 00:22:10,630 ڈیزائنر خاص طور پر اگر اس کے بارے میں یہ تکبر ہے 373 00:22:10,630 --> 00:22:14,360 جس میں آپ کی طرح معلوم ہے کہ کیا سب سے بہتر ہے، آپ کو آپ کے صارفین کی طرف سے ان پٹ لے سکتے ہیں، 374 00:22:14,360 --> 00:22:16,580 لیکن تم کہ رائے حاصل کرنے کے بارے میں کس طرح اصل میں جانا ہے؟ 375 00:22:16,580 --> 00:22:21,610 آخری منصوبوں میں، بہت concretely، بہترین نتائج یہاں پیدا؟ 376 00:22:21,610 --> 00:22:25,030 بہترین نتائج پیدا کرتا ہے - اور اس سے زیادہ میں ایک سیکنڈ میں جائیں گے - 377 00:22:25,030 --> 00:22:29,190 اور پھر ترقی جانچ اور پھر iterating کے اس عمل ہے. 378 00:22:29,190 --> 00:22:32,020 میں ٹیسٹنگ کی طرف سے کیا مطلب ہوتا ہے جب آپ کچھ ڈیزائن 379 00:22:32,020 --> 00:22:36,970 آپ کو لگتا ہے کہ یہ کافی اچھا، جیسا ہے، "میں اس طرح ایک عظیم ڈیزائنر ہوں. ہر کسی کو اس سے محبت کرنے جا رہا ہے." 380 00:22:36,970 --> 00:22:41,600 اور پھر آپ اسے وہاں سے باہر رکھ کر لوگ اسے کسی وجہ کے لئے پسند نہیں کرتے. 381 00:22:41,600 --> 00:22:46,820 تمہیں کیا کرنا ہے آپ وہ چیزیں ہیں جو لوگوں کی طرح کرتے ہیں کے کچھ حصوں کو لینے کے لئے ہے 382 00:22:46,820 --> 00:22:49,180 اور چیزیں ہیں جو لوگوں کو پسند نہیں کرتے بہتری. 383 00:22:49,180 --> 00:22:53,080 یہ ایک بہت واضح عمل کی طرح لگتا ہے، لیکن اس عمل کو مسلسل iterating 384 00:22:53,080 --> 00:22:55,980 کیا آپ کے پاس پہلے سے ہی تعمیر ہے کے سب سے اوپر پر ایک ایسا عمل ہے جو آپ کی مدد کرتا ہے 385 00:22:55,980 --> 00:22:59,730 نہ صرف اپنے اپنے ڈیزائن مہارت کو بہتر بنانے بلکہ سے آپ کو ڈیزائن کو بہتر بنانے میں مدد ملتی ہے 386 00:22:59,730 --> 00:23:03,790 تاکہ لوگوں کو اصل میں آپ کی مصنوعات کو بھی زیادہ سے زیادہ وہ پہلے کی تعریف کرتے ہیں. 387 00:23:03,790 --> 00:23:07,390 >> میں جو تم اصل میں کیا کر سکتے ہیں کے بارے میں مزید ٹھوس مثالیں گے. 388 00:23:07,390 --> 00:23:11,390 طرح کی مصنوعات کی آخری مثال کے طور پر، کیاک کو دیکھو. 389 00:23:11,390 --> 00:23:14,970 کیاک جب وہ باہر آئے بہت، بہت مقبول تھا. 390 00:23:14,970 --> 00:23:18,760 کسی کو کیوں لگتا ہے کہ سکتے ہیں؟ 391 00:23:18,760 --> 00:23:20,950 چیزوں کی طرح آپ کو اس کے بارے میں پسند ہے اگر آپ نے اسے استعمال کیا ہے کیا ہے 392 00:23:20,950 --> 00:23:23,990 یا چیزیں آپ کو پسند نہیں قسم کیا ہیں؟ 393 00:23:23,990 --> 00:23:31,590 جی ہاں. >> [اشراوی طالب علم کے جواب] >> ٹھیک ہے. 394 00:23:31,590 --> 00:23:34,730 دے یہ اس کا حصہ ہے، صارف ایک سوال ہے کہ زیادہ expansive ہے ہے ہے 395 00:23:34,730 --> 00:23:38,150 کی طرح ایک بہت پابندیوں سے، "آپ کو آپ شروع کرنے کی تاریخ کو منتخب کرنے کی ہے 396 00:23:38,150 --> 00:23:39,810 "اور آپ کو اپنے اختتام کی تاریخ کو منتخب کرنے کی ہے." 397 00:23:39,810 --> 00:23:44,910 اصل میں، اس کی مدد سے آپ کو اس کے بارے میں لچکدار ہے اور یہ آپ کو اس کی حد میں پروازوں کی سب دیتا ہے. 398 00:23:44,910 --> 00:23:46,730 اور کچھ؟ 399 00:23:46,730 --> 00:23:50,530 [طالب علم] انہوں نے قیمت میں فیس شامل ہیں. 400 00:23:50,530 --> 00:23:53,330 وہ قیمت میں فیس شامل کرتے ہیں. 401 00:23:53,330 --> 00:23:56,720 ٹیکس اور چیزوں کو اصل میں اوپری بائیں سمت میں اس کی قیمت میں براہ راست 402 00:23:56,720 --> 00:24:00,710 تو آپ کو سوچ میں دھوکہ نہیں ہے کہ تم اصل میں 240 ڈالر کی پرواز کے لئے ادا کر رہے ہیں رہے ہیں 403 00:24:00,710 --> 00:24:03,280 یہ واقعی جب 330 ڈالر ہے. 404 00:24:03,280 --> 00:24:06,200 اور کچھ؟ جی ہاں. 405 00:24:06,200 --> 00:24:10,140 [اشراوی طالب علم کے جواب] 406 00:24:10,140 --> 00:24:14,610 مجھے یقین نہیں ہے اگر وہ واقعی آپ ایسا کریں. 407 00:24:14,610 --> 00:24:18,310 میں غلط ہو سکتا ہے. 408 00:24:18,310 --> 00:24:23,360 یہ ایک دلچسپ بات ہے اگر آپ کو خاص طور پر فلٹر پر زیادہ وزن کے لئے کرنا چاہتے ہیں کر سکتے ہیں 409 00:24:23,360 --> 00:24:27,000 تاکہ وہ سب سے اوپر اس فلٹر سے متعلق نتائج دھکا. 410 00:24:27,000 --> 00:24:31,920 لیکن کوئی مجھے بتاو کہ کیا اس بائیں جانب کے بارے میں ایسا کیا خاص ہے کر سکتے ہیں؟ 411 00:24:31,920 --> 00:24:39,540 آپ روایتی طور پر کس طرح اس سے پہلے نے ایک انٹرنیٹ سروس پر پرواز نظر آتے ہیں؟ 412 00:24:41,600 --> 00:24:44,650 >> جی ہاں. >> [اشراوی طالب علم کے جواب] >> آپ کا کہنا ہے کہ کر سکتے ہیں - 413 00:24:44,650 --> 00:24:47,530 [طالب علم] ہر ایئر لائن. >> جی ہاں. ہر ایئر لائن کی اپنی ویب سائٹ ہے. 414 00:24:47,530 --> 00:24:50,110 یہ چیزیں انوائسز. اور؟ 415 00:24:50,110 --> 00:24:52,190 [طالب علم] آپ جانتے ہیں بالکل وہی جو وقت تم جا رہے ہو. 416 00:24:52,190 --> 00:24:54,460 تمہیں پتہ ہے کہ بالکل وہی جو وقت تم جا رہے ہو، 417 00:24:54,460 --> 00:24:59,380 لیکن خاص طور پر فلٹر سے متعلق. 418 00:25:00,710 --> 00:25:03,540 مجھے کیاک ھیںچو. 419 00:25:11,490 --> 00:25:14,020 اوہ خدا، پاپ اپ. غلط صارف کے تجربے. 420 00:25:14,020 --> 00:25:17,230 جب میں نے یہ سلائیڈر منتقل کیا ہوتا ہے؟ 421 00:25:17,230 --> 00:25:21,010 [طالب علم] خودکار تازہ کاریاں. >> [Ong] خودکار تازہ کاریاں. 422 00:25:21,010 --> 00:25:23,440 یہ کچھ ہے جو بہت اہم ہے. 423 00:25:23,440 --> 00:25:25,380 اس سے پہلے، جب بھی آپ کو ایک پرواز پر نظر کرنا چاہتا تھا، 424 00:25:25,380 --> 00:25:28,410 آپ کو آپ کی ان پٹ مقام، آپ کی پیداوار مقام، پریس تلاش میں ڈال دیا تھا، 425 00:25:28,410 --> 00:25:31,190 اس عمل اور اپنے نتائج کو دکھا سکتے ہیں. 426 00:25:31,190 --> 00:25:34,120 اگر آپ کو آپ کے سوال کو تبدیل کرنا چاہتے تھے، تم واپس دو بار پریس ہوگا، 427 00:25:34,120 --> 00:25:39,770 شروع سے ایک نیا سوال میں درج کریں، اور پھر اسے ختم کرتے ہیں اور پھر. 428 00:25:39,770 --> 00:25:43,910 اس طرح کچھ کے بارے میں اچھی بات یہ ہے کہ یہ درمیان میں ایک بہت ہی [unintelligible] بات کا استعمال کرتا ہے. 429 00:25:43,910 --> 00:25:46,230 جب بھی آپ کو کچھ اس طرح کرتے ہیں، ایک درخواست گولی مار دیتی ہے 430 00:25:46,230 --> 00:25:48,420 اور یہ آپ سب کے نتائج فوری طور پر واپس. 431 00:25:48,420 --> 00:25:51,680 فوری طور پر رائے کا اس طرح کچھ کیاک بیتہاشا مقبول بنا ہے 432 00:25:51,680 --> 00:25:55,910 کیونکہ یہ واقعی بہت آسان ہے میرے لئے صرف میرے استفسار کو تبدیل کرنے کی 433 00:25:55,910 --> 00:25:58,890 اور چیزیں جو ایک مخصوص حد کے ارد گرد ہیں اعداد و شمار 434 00:25:58,890 --> 00:26:01,950 پیچھے جانا ہے، آگے اور پیچھے، آگے اور پیچھے کے بغیر. 435 00:26:01,950 --> 00:26:05,200 تو یہ کئی طرح کی باتیں آپ کو جب آپ اپنی ویب سائٹ کو ڈیزائن کر رہے ہیں کے بارے میں سوچنے کے لئے چاہتے ہیں ہیں. 436 00:26:05,200 --> 00:26:08,930 یہ بہت موثر مجھے کس طرح بنانے کے لئے اپنے صارفین کے ذریعے جو کچھ بھی وہ کام کر رہے ہیں کر سکتے ہیں 437 00:26:08,930 --> 00:26:13,010 اور ان کا ممکنہ ہدف کے طور پر جلد از جلد حاصل کرنے کے لئے؟ 438 00:26:13,010 --> 00:26:16,430 [Malan] اور جوسف پہلے کہ وہ کیا چاہتے ہیں ضروری نہیں جاننے صارفین کے بارے میں نقطہ پر، 439 00:26:16,430 --> 00:26:18,640 کی بنیاد پر تم لوگ کیا اب HTML کے بارے میں جانتے ہیں 440 00:26:18,640 --> 00:26:22,780 اور آپ چیک باکسز، ریڈیو بٹن منتخب ڈاؤن مینو میں، ان پٹ کے کھیتوں اور طرح ہے، 441 00:26:22,780 --> 00:26:26,140 آپ کو ایک پرواز کے لئے ایک وقت آغاز اٹھا کے تصور کس طرح سے عمل درآمد کریں گے؟ 442 00:26:26,140 --> 00:26:30,030 >> آپ ان مختلف UI میکانزم میں سے کس کا استعمال کریں گے؟ 443 00:26:30,030 --> 00:26:34,100 اگر آپ صرف HTML کی رقم ہے جو اس سے پہلے سکھایا گیا تھا معلوم 444 00:26:34,100 --> 00:26:39,070 اور آپ کو معلوم ہے کہ آدانوں ریڈیو بٹن، چیک باکسز، ڈراپ چڑھاو، اور ان پٹ باکس ہیں، 445 00:26:39,070 --> 00:26:43,320 آپ کے قدرتی انتخاب کیا ہے تاریخوں کو منتخب کرنے کے لئے ہوتا ہے؟ 446 00:26:43,320 --> 00:26:48,670 [طالب علم] ان پٹ. >> ان پٹ. یا شاید بھی ڈراپ ڈاؤن کھجوریں سب کے ساتھ ہے، ہے نہ؟ 447 00:26:48,670 --> 00:26:53,170 تو، اس طرح زیادہ پیچیدہ بائیں جانب UI میکانزم کہ تم پر عملدرآمد کر سکتے ہیں کے ساتھ 448 00:26:53,170 --> 00:26:55,500 آپ کو ایک سلائیڈر کے ساتھ اس عمل کو بہت زیادہ بدیہی کر سکتے ہیں 449 00:26:55,500 --> 00:27:01,020 کیونکہ وقت مسلسل ہے، اور لوگوں کو اس سے عام طور پر استت مقدار کے لحاظ سے نہیں لگتا ہے. 450 00:27:01,020 --> 00:27:04,950 ٹھیک ہے. آخری بات. 451 00:27:04,950 --> 00:27:07,370 دس پریوست heuristics. 452 00:27:07,370 --> 00:27:10,820 تمام چیزوں کو ہم کے بارے میں بات شاید ان اقسام میں سے ایک کے تحت آتے ہیں. 453 00:27:10,820 --> 00:27:14,420 اگر آپ اس لنک، جو سائٹس کو آن لائن شائع ہوگا، 454 00:27:14,420 --> 00:27:18,900 آپ کو کرنے کے قابل اصل میں، جیسا کہ آپ کو آپ کی ویب سائٹ ڈیزائن ہو جائے گا، ذہن میں ان heuristics رکھنے 455 00:27:18,900 --> 00:27:21,330 اور انگوٹھے کے ان قوانین. 456 00:27:21,330 --> 00:27:26,610 آپ کے منصوبوں کے لئے، میرا مشورہ ہے کہ آپ کا کیا کرتے ہیں تاکہ آپ کی اے پی پی کو بہتر ڈیزائن 457 00:27:26,610 --> 00:27:28,850 کاغذ prototyping سب سے پہلے کرنا ہے. 458 00:27:28,850 --> 00:27:32,150 جب آپ کو آپ کی درخواست کے بارے میں سوچ رہے ہیں، بہت جلد خاکہ کیا آپ اس کی طرح نظر آنا چاہتے ہیں 459 00:27:32,150 --> 00:27:36,230 اس بات کا یقین اور تمام باکسز کو ایک طریقہ ہے کہ صارف کو استعمال کرنے کے لئے کے لئے بہت بدیہی ہے میں کیا کر رہے ہیں 460 00:27:36,230 --> 00:27:39,820 اور یہاں تک کہ میں اپنے دوستوں کو ان کاغذ prototypes اور توجہ گروپ شروع کریں. 461 00:27:39,820 --> 00:27:44,230 صرف 2 یا 3 افراد کے ساتھ ہو جاؤ اور ان سے صرف ان کاغذ prototypes پر نل کا مطالبہ، 462 00:27:44,230 --> 00:27:47,650 اور ان نئے سکرین ظاہر اگر وہ واقعی سمجھ کیا ہو رہا ہے دیکھنے کے لئے. 463 00:27:47,650 --> 00:27:50,680 >> آپ کیا کرنا چاہتے ہیں انہیں کام دے، اس کام کی حوصلہ افزائی کی ہے، 464 00:27:50,680 --> 00:27:53,270 اور صرف ان کے اے پی پی کے دو اور انہیں اس کا استعمال. 465 00:27:53,270 --> 00:27:56,530 کیا انہیں نہیں دے اس کے بعد دی گئی ہدایات پر. 466 00:27:56,530 --> 00:28:00,920 تم واقعی میں ہم انہیں ایک ایسا طریقہ ہے جس کی مدد سے آپ کو دیکھ کر میں آپ کی اے پی پی کے ساتھ بات چیت کرنا چاہتے ہیں 467 00:28:00,920 --> 00:28:03,870 وہ اسے کس طرح استعمال کرنے کے لئے اگر تم کھڑے ان کے ساتھ نہیں تھے. 468 00:28:03,870 --> 00:28:05,250 اور یہ بہت ضروری ہے. 469 00:28:05,250 --> 00:28:08,780 کہ آپ بصیرت بہت دینے کے طور پر مخصوص چیزوں کے ارد گرد حاصل کرنے والے لوگ ہیں 470 00:28:08,780 --> 00:28:10,560 ایک راستہ ہے جس سے کہ میں ان کا ارادہ نہیں کیا؟ 471 00:28:10,560 --> 00:28:14,680 کیا وہ سکرین پر خاص طور پر UI نظام کا استعمال کرتے ہوئے 472 00:28:14,680 --> 00:28:17,490 ایک طرح سے جو hacky کی قسم ہے؟ 473 00:28:17,490 --> 00:28:22,020 میں اس کا ارادہ رکھتے ہیں ان کے لیے یہ اس طرح نہ تھا. 474 00:28:22,020 --> 00:28:23,940 اور ایک بار آپ نے اس کے ساتھ کیا کیا کر رہے ہیں، جو آپ کرنا چاہتے ہیں؟ 475 00:28:23,940 --> 00:28:26,010 آپ کے ڈیزائن پتھر، ٹھیک ہے؟ 476 00:28:26,010 --> 00:28:29,600 آپ کیا کرنا چاہتے ہیں آپ اور پھر ترقی کرتے ہیں اس عمل کو دوبارہ کرنا چاہتے ہیں. 477 00:28:29,600 --> 00:28:32,110 تو دوستوں ایک بار آپ اسے تیار ہے ظاہر، ٹیسٹ، 478 00:28:32,110 --> 00:28:36,630 ٹیسٹ کی ترقی، ترقی، ٹیسٹ، اور اس کے اور آگے iterate. 479 00:28:36,630 --> 00:28:39,720 ڈیزائن ہے اس معنی میں بہت عمل تکراری ہے. 480 00:28:39,720 --> 00:28:43,280 تم واقعی میں کچھ اور تعمیر کرنے کی تو اس کے بارے میں چیزوں کا احساس ہے 481 00:28:43,280 --> 00:28:46,520 کہ تم سے پہلے محسوس نہیں کیا اور واپس جاؤ اور اس سے بہتر بنانے کے. 482 00:28:46,520 --> 00:28:50,890 اب، کے طور پر ترقی کے حصہ کے لئے، یہ کیا ہے ٹومی وقفے کے بعد آپ کو ظاہر کرنے کے لئے کی جا رہی ہے 483 00:28:50,890 --> 00:28:53,220 اور آپ خود تکمیل کی طرح کچھ لاگو کرنے کے لئے کے قابل کس طرح ہو سکتا ہے 484 00:28:53,220 --> 00:28:56,610 ایک طریقہ ہے جو کافی آسان ہے. 485 00:28:57,440 --> 00:28:59,550 [Malan] کے طور پر ٹومی نے یہاں کا تعین کرتا ہے، تو ایک سوال کے جواب میں ہے. 486 00:28:59,550 --> 00:29:03,780 قدیم ترین ویب سائٹس میں سے ایک بہت - ​​اور جب یوسف 1990s طرز کی ویب سائٹ نے کہا کہ، 487 00:29:03,780 --> 00:29:07,640 نفاذ جہاں اگر آپ شروع ہونے کے وقت کو منتخب کرنے کے لئے کرنا چاہتا تھا اور ایک وقت اختتام تھا، 488 00:29:07,640 --> 00:29:10,380 واضح طور سے، واپس دن میں اور بعض ویب سائٹس پر بھی آج 489 00:29:10,380 --> 00:29:13,220 جس طرح تم نے ایسا ہے کہ آپ کو ایک ڈراپ ڈاؤن سے ایک گھنٹے کرنے کے لے، 490 00:29:13,220 --> 00:29:15,910 آپ ڈراپ ڈاؤن، ہو سکتا ہے کہ آپ AM کا انتخاب سے PM منٹ لینے، 491 00:29:15,910 --> 00:29:17,440 اور اس کے بعد کہ تم 3 گنا کرتے ہیں. 492 00:29:17,440 --> 00:29:19,920 اور اس طرح 6 کلکس اور شاید کچھ طومار کر کے ساتھ 493 00:29:19,920 --> 00:29:24,000 اصل میں آپ کے صارف نے اس معنی میں تاریخ اور / یا وقت کی حد کے کچھ قسم فراہم کر سکتے ہیں. 494 00:29:24,000 --> 00:29:27,920 >> تو یقینی طور پر suboptimal اور ابھی تک اس طرح اب تک ہم نے کوئی اظہار صلاحیتوں کو دیکھا ہے 495 00:29:27,920 --> 00:29:30,330 زبانوں میں سے کسی میں ہم نے دیکھا کچھ sexier ہے 496 00:29:30,330 --> 00:29:32,620 شروع ہونے کے وقت اور ختم ہونے کا وقت اس سلائیڈر کی طرح. 497 00:29:32,620 --> 00:29:36,290 لیکن، اگر آپ 0 ہفتے واپس لگتا ہے کہ جب ہم نے شروع کے بارے میں بات کی تھی 498 00:29:36,290 --> 00:29:39,080 وہاں بھی وہاں کی بارے چیزیں نہیں تھے جو صرف کچھ چیزیں کیا. 499 00:29:39,080 --> 00:29:42,700 تم نے سچ میں صرف loops اور حالات اور طرح کی طرح ان بنیادی اصولوں تھا. 500 00:29:42,700 --> 00:29:46,910 تو صرف بہت abstractly سوچ اب، HTML کی تفصیلات کی آزاد کی قسم 501 00:29:46,910 --> 00:29:51,260 کیا واقعی میں اس کے شروع ہونے کے وقت اور ختم ہونے کا وقت سلائیڈر کی طرح کچھ کے ساتھ جا رہی ہے؟ 502 00:29:51,260 --> 00:29:54,960 جب میں اپنے ماؤس منتقل اور میں بائیں جانب اس چھوٹے گاجر کی علامت پر کلک کریں 503 00:29:54,960 --> 00:29:59,220 اور گھسیٹ شروع، پروگرام، کیا ہے تم کو نافذ کرنے کے قابل بننا چاہتا ہوں 504 00:29:59,220 --> 00:30:01,000 کہ ہو؟ 505 00:30:01,000 --> 00:30:04,920 کیا سوال ہے، کیا بولین اظہار آپ کے لئے کہنے کے قابل ہو جائے چاہتے ہیں؟ 506 00:30:04,920 --> 00:30:06,930 کہ اصل میں کیا ہو رہا ہے؟ سیمی؟ 507 00:30:06,930 --> 00:30:10,080 [طالب علم] جہاں کرسر کی پوزیشن ہے؟ >> اچھا لگا. کرسر کی پوزیشن کہاں ہے؟ 508 00:30:10,080 --> 00:30:11,970 یہ کچھ ہم سکریچ میں واپس کا اظہار کرنے کی ضرورت ہے ہے، 509 00:30:11,970 --> 00:30:14,690 چاہے وہ جگہ یا رنگ یا طرح کی بنیاد پر کیا گیا تھا. 510 00:30:14,690 --> 00:30:18,410 کیا تم نے کبھی پیر پر یاد تو مختصر طور پر ہو سکتا ہے ان تمام چیزوں کے تھے بلایا واقعات 511 00:30:18,410 --> 00:30:22,370 ویب کی دنیا میں، اور تو وہاں onclick اور onkeypress جیسے چیزوں 512 00:30:22,370 --> 00:30:25,960 اور onkeyup اور onmouseover اور onmouseout. 513 00:30:25,960 --> 00:30:29,130 تو احساس ہوتا ہے کہ ویب پر بھی ان چیزوں کو ہم کے لئے لینے کی اجازت دی 514 00:30:29,130 --> 00:30:32,190 فیس بک اور Gmail کی طرح سائٹس، یہاں تک کہ اگر آپ کو کوئی اندازہ نہیں ہے کے ساتھ 515 00:30:32,190 --> 00:30:34,890 تم ایسا کیسے ممکن ہے کے نفاذ کی وجہ سے درس میں بھی اس کی طرح کچھ بھی نہیں ہے 516 00:30:34,890 --> 00:30:38,570 یا مسئلہ 7 مرتب کریں، کہ یہ بالکل وہی بنیادی اصولوں کے ساتھ احساس، 517 00:30:38,570 --> 00:30:41,090 ، HTTP اور پیرامیٹرز کے ساتھ اور پوسٹ حاصل 518 00:30:41,090 --> 00:30:44,010 بنیادی HTML آدانوں کہ ہم میں دیکھا ابھی تک ہے کے ساتھ 519 00:30:44,010 --> 00:30:47,690 اور یہ کہ ٹومی پروگرام میکانزم کے ساتھ ایک لمحے میں متعارف کرانے 520 00:30:47,690 --> 00:30:51,300 تم اپنے آپ کو جیسا کہ تم 0 ہفتے میں کیا کا اظہار کرنا شروع کر سکتے ہیں 521 00:30:51,300 --> 00:30:53,800 بہت intuitively گھسیٹنے اور گر رہی ہے. 522 00:30:53,800 --> 00:30:58,950 >> تو کہا کہ، ٹومی MacWilliam اور ہمارے لئے کچھ نئی ویب کے لئے پہیلی کے ٹکڑے ٹکڑے کر کے ساتھ. 523 00:30:58,950 --> 00:31:03,450 ٹھیک ہے. میرا نام ٹومی ہے اور میں جاوا سکرپٹ کے بارے میں بات کر جا رہا ہوں. 524 00:31:03,450 --> 00:31:07,150 بس ایک ڈس کلیمر: میں رائے ہوں کہ جاوا اسکرپٹ بہترین پروگرامنگ زبان ہے 525 00:31:07,150 --> 00:31:09,010 پوری پوری دنیا میں. 526 00:31:09,010 --> 00:31:11,940 بہت سے ان لوگوں کے جو میرے ساتھ متفق ہیں، لیکن یہ صرف حیرت انگیز ہے. 527 00:31:11,940 --> 00:31:16,330 ایک بار جب آپ C واپس جاتے ہیں، اگر آپ دوسرے طبقے یا کچھ دیگر زبانوں کے لئے C لکھنا ہے، 528 00:31:16,330 --> 00:31:19,780 یہ تمام تفصیلات کم سطح کے آپ کے واقعی نراشا کے اندر نیچے فنس گیا ہو 529 00:31:19,780 --> 00:31:23,050 اگر ایسا ہے تو کس طرح پریشان C لکھنے کے بارے میں تم نے کبھی اداس محسوس کر رہے ہو، 530 00:31:23,050 --> 00:31:25,130 واپس جانا، کچھ جاوا اسکرپٹ لکھ. یہ نروان ہے. 531 00:31:25,130 --> 00:31:27,980 آپ اپنے برے دن کے بارے میں زیادہ بہتر محسوس کریں گے. 532 00:31:27,980 --> 00:31:31,900 جاوا اسکرپٹ کا جادو کا ایک بہت اس کی چیزیں جوڑتوڑ کرنے کی صلاحیت سے آتا ہے 533 00:31:31,900 --> 00:31:33,730 اس صفحے پر پہلے سے ہی ہیں. 534 00:31:33,730 --> 00:31:38,520 جب ہم نے اپنے پی ایچ پی اسکرپٹ لکھا ہے، انہوں نے سرور پر پھانسی تھے، 535 00:31:38,520 --> 00:31:42,270 اور آخر میں ہے کہ پی ایچ پی اسکرپٹ شاید کچھ HTML پیداوار. 536 00:31:42,270 --> 00:31:45,860 یہ HTML کلائنٹ کو بھیجا گیا تھا، اور پھر کہ یہ تھا. 537 00:31:45,860 --> 00:31:50,180 اگر پی ایچ پی کی ایک صفحے پر ایک بٹن شامل کرنے کے لئے کرنا چاہتا تھا، یہ مثال کے طور پر سچ میں وہ نہیں کر سکتے ہیں. 538 00:31:50,180 --> 00:31:54,350 یہ ایک پوری نئی HTML فائل فراہم کرنے اور براؤزر ہے کہ بھیجنے ہوگا. 539 00:31:54,350 --> 00:31:57,840 جاوا سکرپٹ کے ساتھ ہم جانتے ہیں کہ ہم چیزوں کو اپ ڈیٹ ہے جبکہ وہ پہلے ہی صفحے پر ہو، 540 00:31:57,840 --> 00:32:00,840 اور ہم نے اس کی وجہ سے بہت زیادہ فوری تاثرات فراہم کر سکتے ہیں، 541 00:32:00,840 --> 00:32:06,150 جو کہ ہماری ویب سائٹ پر صارف کے تجربے کو سچ میں میں بہتری آئے گی. 542 00:32:06,150 --> 00:32:09,330 جاوا اسکرپٹ سلیکٹرز کی بس ایک فوری recap. 543 00:32:09,330 --> 00:32:11,590 ہم یہ پتہ ہے کہ جب ہم ایک HTML صفحے کو ڈاؤن لوڈ، اتارنا، 544 00:32:11,590 --> 00:32:13,890 DOM میں نمائندگی ہو رہا ہے. 545 00:32:13,890 --> 00:32:19,340 >> DOM یاد رکھنا صرف یہ بڑا درخت ہے جہاں عناصر اس بڑے کے تنظیمی ڈھانچے میں سے متعلق ہیں. 546 00:32:19,340 --> 00:32:21,810 جب ہم 7 pset میں ڈیٹا بیس کے ساتھ کام کیا، 547 00:32:21,810 --> 00:32:26,280 پہلی چیزیں ہم جانتے ہیں کہ کس طرح کر کرنے کی ضرورت میں سے ایک ڈیٹا بیس کی کیوری. 548 00:32:26,280 --> 00:32:29,060 ہم اس بڑے صارفین کی میز ہے، اور بعض اوقات ہم صرف یہ کہنا چاہتے ہیں، 549 00:32:29,060 --> 00:32:33,260 "میں صرف ان صارفین کو کوئی شرط میچ میں کے کچھ کرنا چاہتا ہوں." 550 00:32:33,260 --> 00:32:36,020 اسی طرح جب ہم DOM ہے ہم یہ querying کے کچھ طریقہ کی ضرورت ہے. 551 00:32:36,020 --> 00:32:39,490 ہم کہنے کی کوئی نہ کوئی راستہ کی ضرورت ہے، "میں بٹن جو اس طرح نظر آئے سب چاہتے ہیں 552 00:32:39,490 --> 00:32:41,860 "یا صفحے پر تصاویر کو." 553 00:32:41,860 --> 00:32:44,330 اور یہ سلیکٹرز ہمیں ایسا کرنے کی اجازت ہے. 554 00:32:44,330 --> 00:32:45,690 تو صرف ایک فوری recap. 555 00:32:45,690 --> 00:32:50,770 یہ پہلا ایک، یہ # پیش کیا ہے کہ منتخب کی جا؟ کسی کو یاد ہے؟ 556 00:32:50,770 --> 00:32:54,880 [اشراوی طالب علم کے جواب] >> جی ہاں، بالکل. 557 00:32:54,880 --> 00:32:59,510 اس صفحے جمع ID ہے پر ایک عنصر منتخب کی جا رہی ہے. 558 00:32:59,510 --> 00:33:03,470 اور تاکہ ہیش ٹیگ کا کہنا ہے کہ اس سلیکٹر آئی ڈیز کے ساتھ کام کرنے کی جا رہی ہے. 559 00:33:03,470 --> 00:33:07,630 اور دوسرا شخص کے بارے میں، یہ کیسے مرتکز ہے کہ کیا کرنا ہے. منتخب کر لئے جائیں گے؟ 560 00:33:11,360 --> 00:33:15,180 جی ہاں. >> [طالب علم] کلاس. بالکل ٹھیک ہے. >> یہ اب طبقے کی طرف سے منتخب کرنے کے لئے کی جا رہی ہے. 561 00:33:15,180 --> 00:33:18,840 ID اور یہاں کلاس کے درمیان فرق عام طور پر ہے ID منفرد ہونا چاہئے 562 00:33:18,840 --> 00:33:20,820 جو خلا کے اندر اندر میں آپ تلاش کر رہے ہیں. 563 00:33:20,820 --> 00:33:23,080 تو اگر میں آپ تلاش ایک پورے ویب صفحہ تھے، 564 00:33:23,080 --> 00:33:27,740 آپ واقعی اس بات کا یقین ID کے ساتھ 1 عنصر صرف جمع اس معاملے میں بہت ہونا چاہئے. 565 00:33:27,740 --> 00:33:31,330 کلاس کے ساتھ، دوسری طرف، ہم ایک ہی صفحے پر 1 سے زیادہ عنصر ہو سکتا ہے 566 00:33:31,330 --> 00:33:33,130 ایک ہی کلاس کے ساتھ. 567 00:33:33,130 --> 00:33:36,580 یہ ہوئے کہا کہ میں نے سب کچھ اس صفحے پر مرکوز ہے کو منتخب کرنے کے لئے چاہتے ہیں کے لئے فائدہ مند ہو سکتا ہے 568 00:33:36,580 --> 00:33:38,450 کی بجائے صرف 1 بات. 569 00:33:38,450 --> 00:33:40,310 >> اور آخر میں، یہ آخری یہاں تھوڑا زیادہ پیچیدہ ہے، 570 00:33:40,310 --> 00:33:43,890 لیکن یہ کیا DOM سے منتخب کرنے کے لئے کی جا رہی ہے؟ 571 00:33:46,650 --> 00:33:48,810 [اشراوی طالب علم کے جواب] >> یہ کیا ہے؟ 572 00:33:48,810 --> 00:33:53,250 [طالب علم] کوئی بھی چیز جو ایک ٹیگ ہے. >> ہم نے 2 حصوں یہاں ہے. 573 00:33:53,250 --> 00:33:58,070 دوسرا حصہ کا کہنا ہے کہ میں ان پٹ کی ایک ٹیگ کے ساتھ ان ٹیگ کا انتخاب کرنا چاہتے ہیں کی جا رہی ہے، 574 00:33:58,070 --> 00:34:00,730 کسی بھی عنصر تو ہے کہ ایک ان پٹ ٹیگ ہے. 575 00:34:00,730 --> 00:34:03,080 لیکن میں صرف آدانوں کی سب کو منتخب نہیں کرنا چاہتا 576 00:34:03,080 --> 00:34:05,170 کیونکہ جمع کرائیں بٹن کی طرح کچھ ان پٹ ہو سکتا ہے 577 00:34:05,170 --> 00:34:08,409 اور ایک ٹیکسٹ باکس کی طرح کچھ ایک ان پٹ ہو سکتا ہے. 578 00:34:08,409 --> 00:34:11,909 تو میں ان مربع بریکٹ میں کہہ رہا ہوں کے ساتھ صرف ان عناصر کو منتخب کرنے کے لئے چاہتے ہیں 579 00:34:11,909 --> 00:34:14,110 جو قسم کے متن کی ہیں. 580 00:34:14,110 --> 00:34:17,400 کہیں میں اپنے HTML ٹیگ میں ایک سے ملاقات کی قسم وصف ہے، 581 00:34:17,400 --> 00:34:19,750 اور کہ وصف کی قدر متن کا ہونا ضروری ہے. 582 00:34:19,750 --> 00:34:21,340 تو کس طرح یہ پہلا حصہ یہاں کے بارے میں؟ 583 00:34:21,340 --> 00:34:25,489 اس سلیکٹر کے پہلے لفظ کی قسم ہے تو میں نے ایک جگہ اور پھر اس ان پٹ کا حصہ ہے. 584 00:34:25,489 --> 00:34:29,620 کیا ہے، اس کے سامنے کے فارم لگانے کرتی ہے؟ 585 00:34:33,409 --> 00:34:35,860 یہ بنیادی طور پر ہمارے استفسار کو محدود کرنے کی جا رہی ہے. 586 00:34:35,860 --> 00:34:38,510 یہ کیس ہو سکتا ہے کہ ہم صفحے پر کچھ آدانوں ہے 587 00:34:38,510 --> 00:34:41,080 جس میں ایک فارم کے خاندان نہیں ہیں. 588 00:34:41,080 --> 00:34:46,150 کیا ایسا ہے کہ یہ کہیں گے میں صرف کرنا چاہتے ہیں ان پٹ ٹیگ ہے کہ کہیں ان کے اوپر ہے 589 00:34:46,150 --> 00:34:49,030 ایک فارم میں سے کچھ والدین عنصر. 590 00:34:49,030 --> 00:34:52,100 اور اس طرح ہم نے اس طرح ان پدانکردوست سوالات کر سکتے ہیں 591 00:34:52,100 --> 00:34:55,000 تو ہم نے دیا سلیکٹر سے مماثل سب کچھ منتخب کرنے کے لئے نہیں ہے. 592 00:34:55,000 --> 00:35:00,760 ہم اس استفسار کے کچھ اور گنجائش کی حد کی طرح کر سکتے ہیں. 593 00:35:00,760 --> 00:35:04,000 تو اب ہے کہ ہم جانتے ہیں کہ کس طرح صفحے پر عناصر کو منتخب کرنے کے لئے، 594 00:35:04,000 --> 00:35:06,780 AJAX کے بارے میں تھوڑی بات. 595 00:35:06,780 --> 00:35:12,270 AJAX اب بھی بہت جدید مخفف ہے جو اتلیکالک جاوا اسکرپٹ اور XML کے لئے کھڑا ہے ہے. 596 00:35:12,270 --> 00:35:15,640 یہ صرف اس لئے ہوتا ہے کہ XML صرف کچھ اعداد و شمار کی نمائندگی کرنے کا ایک طریقہ ہے. 597 00:35:15,640 --> 00:35:20,920 >> کھو مقبولیت کا حال ہی میں اس طرح، تو X AJAX میں ہر وقت استعمال نہیں ہے. 598 00:35:20,920 --> 00:35:26,220 بنیادی طور پر، کیا AJAX ہمیں کرنے کے لئے کی اجازت دیتا ہے ہے HTTP درخواست ہے 599 00:35:26,220 --> 00:35:28,620 جاوا سکرپٹ کے تناظر سے. 600 00:35:28,620 --> 00:35:32,310 جب ہم ہماری ویب براؤزر میں ہیں اور ہم صفحات کے ارد گرد گشت کر رہے ہیں اور ہم نے ایک لنک پر کلک کریں، 601 00:35:32,310 --> 00:35:37,790 جو اپنے براؤزر کو کیا جا رہا ہے ایک HTTP ہم جو بھی لنک پر کلک کریں درخواست ہے. 602 00:35:37,790 --> 00:35:41,670 لیکن یہ ہمیشہ مثالی نہیں ہے کیونکہ اگر یہ بات ہے، تو کے طور پر ڈیوڈ کہہ رہا تھا، 603 00:35:41,670 --> 00:35:45,220 ہم ہمیشہ صارفین کو ایک جمع کرائیں بٹن پر کلک کریں یا لنک پر کلک کریں ہے 604 00:35:45,220 --> 00:35:50,380 کے لئے کچھ بھی ہو سکتا ہے کہ ایک HTTP درخواست کو شامل کرنے جا رہا ہے. 605 00:35:50,380 --> 00:35:54,160 تو جاوا سکرپٹ کی طرف سے ہم AJAX کے ساتھ ان درخواستوں کر سکتے ہیں. 606 00:35:54,160 --> 00:35:57,020 اس کا مطلب یہ ہے کہ جب بھی صارف کے صفحے یا کچھ ہوتا ہے کے ساتھ انٹرایکٹ کر سکے، 607 00:35:57,020 --> 00:36:01,780 ہم نے ہماری ویب سائٹ پر ایک پروگرام کی درخواست اصل میں کسی دوسرے پی ایچ پی فائل کر سکتے ہیں 608 00:36:01,780 --> 00:36:06,280 یا اور کچھ اور اعداد و شمار ہے کہ وہ فائل spits بازیافت کریں. 609 00:36:06,280 --> 00:36:09,860 AJAX کی ایک مثال میں ایک نظر ڈالیں. 610 00:36:09,860 --> 00:36:16,140 یہ ہماری CS50 خزانہ صفحہ ہے جس سے امید ہے کہ ہم میں سے کچھ واقف ہیں. 611 00:36:16,140 --> 00:36:21,790 اگر ہم اس صفحے کے HTML میں دیکھو، ہم یہاں دیکھتے ہیں کہ میں کچھ چیزیں شامل ہیں، 612 00:36:21,790 --> 00:36:23,820 جن میں سے ایک میں اس فارم کو ID کیا ہے. 613 00:36:23,820 --> 00:36:26,480 میں ID = "فارم اقتباس" کہا ہے. 614 00:36:26,480 --> 00:36:31,910 یہ میں نے کیا ہے کیونکہ یہ اسے تھوڑا سا DOM سے آسان کرنے کے لئے منتخب کرنے کے لئے جا رہا ہے ہیں 615 00:36:31,910 --> 00:36:35,090 کیونکہ میں نے ایک بہت سادہ استفسار کر سکتے ہیں. 616 00:36:35,090 --> 00:36:38,960 کیا ہے میں یہاں کرنا چاہتے ہیں میں CS50 خزانہ کے ساتھ کچھ مسئلہ طے کرنا چاہتے ہیں. 617 00:36:38,960 --> 00:36:41,550 ، تو اگر ہم finance.cs50.net پر جانا 618 00:36:41,550 --> 00:36:45,700 ہر بار میں ایک اقتباس کو حاصل کرنے کے لئے چاہتے ہیں، میں حاصل اقتباس کے بٹن پر کلک کریں، 619 00:36:45,700 --> 00:36:48,960 کہ جاؤ اور اقتباس کے بٹن تو مجھے ایک اور مکمل صفحے پر لے جاتا ہے. 620 00:36:48,960 --> 00:36:52,400 اور، اگر میں ایک اور اقتباس کرنا چاہتے ہیں، میں Back کے بٹن کو دبائیں اور پھر میں اس میں ٹائپ کریں 621 00:36:52,400 --> 00:36:54,480 میں ایک اقتباس حاصل ہے، اور میں واپس بٹن دبائیں. 622 00:36:54,480 --> 00:36:56,840 یہ واقعی میں بہترین صارف کے تجربے کو نہیں ہے. 623 00:36:56,840 --> 00:37:01,570 کون سائٹ واقعی استعمال اگر یہ اسٹاک کی قیمتوں کو حاصل کرنے کے لئے کیا یہ سست ہے ہے؟ 624 00:37:01,570 --> 00:37:05,630 تو ہم AJAX کے ساتھ کیا کرنا چاہتے ہیں ایک علیحدہ صفحے پر جانے کے اس قدم کو ہٹائیں 625 00:37:05,630 --> 00:37:08,410 کے لئے نتائج کو دیکھنے کے لئے. 626 00:37:08,410 --> 00:37:11,240 >> کیا ہم واقعی صرف اس کے لئے کر رہے ہیں سے پوچھ کہ بہت ہی چھوٹی سی قیمت ہے، 627 00:37:11,240 --> 00:37:14,240 اور یہ کہ صرف اعداد و شمار کے ایک بہت چھوٹی رقم ہے. 628 00:37:14,240 --> 00:37:17,400 تو میرے لئے ایک اور ساری HTML صفحہ جانے کی کوئی ضرورت نہیں ہے، 629 00:37:17,400 --> 00:37:20,670 ڈاؤن لوڈ، اتارنا HTML کی ایک پوری نئی کھیپ میں، شاید کچھ تصاویر ڈاؤن لوڈ، اتارنا، 630 00:37:20,670 --> 00:37:24,410 کسی اور سی ایس ایس فائلوں کے لئے آپ کے وزٹرز کا ریکارڈ رکھا کہ بہت سادہ سوال کا جواب 631 00:37:24,410 --> 00:37:27,810 کس طرح اس اسٹاک کی کیا قیمت ہے. 632 00:37:27,810 --> 00:37:31,000 AJAX کے ساتھ ہم نے یہ بہت آسان بنا سکتے ہیں. 633 00:37:31,000 --> 00:37:36,400 ہم یہاں دیکھتے ہیں کہ میں ایک جاوا اسکرپٹ فائل میں کہا جاتا quote.js منسلک کر رہا ہوں. 634 00:37:36,400 --> 00:37:40,140 چلو، اصل میں اس فائل کو کھولنے. وہاں نہیں. 635 00:37:42,610 --> 00:37:45,860 میری جاوا اسکرپٹ فائلوں کی سب HTML میں واقع جا رہے ہیں 636 00:37:45,860 --> 00:37:47,630 تاکہ ویب براؤزر تک رسائی حاصل کر سکتے ہیں. 637 00:37:47,630 --> 00:37:50,330 پھر ہم جاوا سکرپٹ کے لئے ایک علیحدہ ڈائریکٹری ہے، 638 00:37:50,330 --> 00:37:54,340 اور اب یہاں quote.js ہے. 639 00:37:54,340 --> 00:38:00,930 اس فائل کے سب سے اوپر دیئے گئے اس کا کہنا ہے کہ میں پورے صفحے کے لئے لوڈ کرنے کے لئے انتظار کرنا چاہتے ہیں 640 00:38:00,930 --> 00:38:04,830 اس سے پہلے کہ میں کچھ بھی کرنے کی کوشش کرتے ہیں. یہ ہے کہ کیوں ضروری ہے؟ 641 00:38:04,830 --> 00:38:08,650 یہ پتہ چلا ہے کہ اگلی بات جو میں یہاں کیا کرنے جا رہا ہوں میں آغاز ایک عنصر کی تلاش ہے 642 00:38:08,650 --> 00:38:10,810 کہ کچھ سلیکٹر سے میل کھاتا ہے. 643 00:38:10,810 --> 00:38:15,600 اگر یہ جاوا سکرپٹ کے پہلے کبھی اس عنصر صفحے پر لوڈ کیا جاتا ہے پھانسی دے دی ہے، 644 00:38:15,600 --> 00:38:17,820 تو سب کچھ میں کرنے کی کوشش کروں کام نہیں ہے 645 00:38:17,820 --> 00:38:20,580 کیونکہ میں کچھ ہے کہ نہیں ہے ابھی تک منتخب کرنے کے لئے کوشش کرنے کے لئے جا رہا ہوں. 646 00:38:20,580 --> 00:38:23,780 تو سب سے اوپر اس لائن کا کہنا ہے کہ میں آپ انتظار کریں جب تک سب کچھ بھری ہوئی ہے کرنا چاہتے ہیں 647 00:38:23,780 --> 00:38:28,030 تو ہم بات کی ضمانت ہے کہ کسی بھی عناصر میں کے لئے دیکھ رہا ہوں صفحے پر اصل میں ہیں کر رہے ہیں. 648 00:38:29,730 --> 00:38:34,310 یہ ڈالر یہاں سائن ان کا مطلب ہے کہ میں کہا جاتا jQuery لائبریری کا استعمال کرتے ہوئے کر رہا ہوں. 649 00:38:34,310 --> 00:38:38,570 اس jQuery لائبریری ہمیں ان سلیکٹرز ہے کہ ہم صرف کی طرف دیکھ رہے تھے کو استعمال کرنے کے لئے کی اجازت دیتا ہے ہے. 650 00:38:38,570 --> 00:38:44,010 ڈالر کہہ رہے ہیں تو ایک دلیل کے طور پر میں اس # فارم اقتباس کو منظور کرتے ہوئے، 651 00:38:44,010 --> 00:38:47,910 اب میں اس فارم کو منتخب کر رہا ہوں کہ ہم پر ایک نظر لیا. 652 00:38:47,910 --> 00:38:52,290 اب میری یاد میں ہے کہ کسی نہ کسی طرح فارم کی نمائندگی کرتا ہے. 653 00:38:52,290 --> 00:38:56,760 >> اس اعتراض کو اب، فارم کا یہ نمائندگی 654 00:38:56,760 --> 00:38:58,890 میں اب سے ملاقات کی ایک تقریب کا استعمال کرتے ہوئے کر رہا ہوں. 655 00:38:58,890 --> 00:39:02,710 اس تقریب ہے یہ ایک ایونٹ ہینڈلر کو منسلک کرنے کے لئے جا رہا ہے. 656 00:39:02,710 --> 00:39:06,310 واقعہ ہے کہ ہم سننے کے لئے جا رہے ہیں میں جمع کرانے کا واقعہ ہے. 657 00:39:06,310 --> 00:39:08,890 تو جب صارف کلکس بٹن یا پریس جمع کرانے کے درج کریں، 658 00:39:08,890 --> 00:39:11,730 اس واقعہ پر گولی چلانے جا رہا ہے. 659 00:39:11,730 --> 00:39:16,390 اس میں hooking سے، اب میں فارم کی پہلے سے طے شدہ رویے کی جگہ لے لے سکتے ہیں. 660 00:39:16,390 --> 00:39:19,770 یہ جاوا سکرپٹ کے بغیر فارم جمع کریں گے جو پی ایچ پی فائل 661 00:39:19,770 --> 00:39:22,110 ہم نے اس کارروائی کے وصف میں استعمال کیا ہے. 662 00:39:22,110 --> 00:39:25,440 بلکہ اس کی بجائے، اب میں، کہہ رہا ہوں رکو، رکو، رکو، میں واقعی میں آپ ایسا نہیں کرنا چاہتے ہیں. 663 00:39:25,440 --> 00:39:31,140 میں ایسا کرنا چاہتے ہیں اس سے پہلے کہ تم جاؤ اور کچھ پی ایچ پی فائل کو جمع کرنے کی کوشش کرو. 664 00:39:31,140 --> 00:39:32,870 اب میں کیا کرنا چاہتے ہیں؟ 665 00:39:32,870 --> 00:39:39,270 اس وقت میں کسی نہ کسی طرح AJAX کو اسٹاک کی قیمت کیا ہے میں لوڈ کرنے کے لئے استعمال کرنا چاہتے ہیں. 666 00:39:39,270 --> 00:39:44,170 پہلی بات میں جاننے کی ضرورت ہے کیا اسٹاک صارف لگ رہا ہے. 667 00:39:44,170 --> 00:39:46,760 یہ کرنا ہے کہ میں کسی دوسرے سلیکٹر کو استعمال کرنے کے لئے جا رہا ہوں. 668 00:39:46,760 --> 00:39:49,020 یہ تیسری سلیکٹر ہم پہلے میں دیکھا ہے. 669 00:39:49,020 --> 00:39:54,460 اس کا کہنا ہے کہ میں نے فارم اقتباس کے ایک ID کے ساتھ اس فارم عنصر شروع کرنا چاہتا ہوں. 670 00:39:54,460 --> 00:39:58,440 پھر کہیں اس فارم کے اندر ایک ان پٹ عنصر ہے 671 00:39:58,440 --> 00:40:01,270 جو علامت کا نام ہے. 672 00:40:01,270 --> 00:40:05,460 اگر ہم اپنے HTML میں واپس دیکھو، ہم نے دیکھا ہے کہ ہم نے ایک ان پٹ [NAME = علامت]. 673 00:40:05,460 --> 00:40:12,380 اس کا مطلب یہ ہے کہ ہے کہ یہ ہے کہ ٹیکسٹ باکس کو منتخب کرنے کے لئے ہے کہ صارف میں ٹائپ کر رہا ہے جا رہا ہے. 674 00:40:12,380 --> 00:40:13,870 یہ اچھی بات ہے. ہم ٹیکسٹ باکس ہے. 675 00:40:13,870 --> 00:40:17,360 اب ہم صرف معلوم ہے کہ اس کے اندر کیا ہے کرنے کی ضرورت ہے. 676 00:40:17,360 --> 00:40:20,290 کہ ہم نے اس طریقے کو فون کر سکتے ہیں کرنے کے لئے، اس ویل 677 00:40:20,290 --> 00:40:23,240 اور اس کا کہنا ہے کہ میں جانتا ہوں کہ آپ ٹیکسٹ باکس ہے. 678 00:40:23,240 --> 00:40:28,160 میں تم مجھے بتاو کہ کیا یہ اس ٹیکسٹ باکس میں ٹائپ صارف ہے کرنا چاہتے ہیں. 679 00:40:28,160 --> 00:40:34,440 اب ہم نامی علامت سٹرنگ کہ جو صارف اندر ٹائپ کے برابر ہے 680 00:40:34,440 --> 00:40:39,820 یہ اچھی بات ہے. اب ہم اس سٹرنگ کو ہماری درخواست کرنے کے لئے استعمال کر سکتے ہیں. 681 00:40:39,820 --> 00:40:42,450 یہ ایک نیا تقریب یہاں ہے، ڈالر، اس 682 00:40:42,450 --> 00:40:44,900 کے علاوہ اب ہم عناصر کو منتخب کرنے کے لئے جا رہے ہیں، 683 00:40:44,900 --> 00:40:48,910 ہم ایک مختلف تقریب ہے جو jQuery کی طرف سے ہمیں فراہم کی ہے بلا رکھا جائے جا رہے ہیں. 684 00:40:48,910 --> 00:40:54,810 یہ AJAX تقریب ہے جو اصل میں اس HTTP درخواست بنانے کے لئے جا رہا ہے. 685 00:40:54,810 --> 00:40:57,000 تو ہم یہ کچھ چیزیں بتانا ہے. 686 00:40:57,000 --> 00:41:01,410 پہلی بات ہم نے اس تقریب کو بتانا ہے ہے جہاں میں درخواست جانا چاہتے ہیں. 687 00:41:01,410 --> 00:41:08,910 کہیں میں اپنے منصوبے میں HTML بلایا quote.php ڈائریکٹری کے اندر اس فائل ہے. 688 00:41:08,910 --> 00:41:15,150 میں اس فائل تک رسائی حاصل کر سکتے ہیں، ہم صرف اس طرح دیکھا، اگر میں localhost / quote.php. 689 00:41:15,150 --> 00:41:20,450 >> میں نے اپنی اس صفحے کی درخواست کرنے کے لئے جاوا اسکرپٹ کی ضرورت ہے. 690 00:41:20,450 --> 00:41:22,920 کس قسم کی درخواست کی؟ 691 00:41:22,920 --> 00:41:27,210 ہم نے اس سے پہلے کہ قسم ہے جو کہ طریقہ کار = "پیغام" کے وصف ہے، 692 00:41:27,210 --> 00:41:29,270 اور اس کا مطلب ہے کہ POST درخواست کرنے جا رہا ہے، 693 00:41:29,270 --> 00:41:32,630 تو یہ جا رہا بلکہ حاصل کرنے کی درخواست کے مقابلے میں یو آر ایل میں کچھ بھی ڈال، نہیں ہے، 694 00:41:32,630 --> 00:41:36,860 جس میں صرف اگر ہم صرف ویب براؤزر کے ساتھ مثال کے طور پر صفحہ تک رسائی حاصل کی جائے گی نکال دیا. 695 00:41:36,860 --> 00:41:41,260 اب ہم نے کہا کہ میں ایک HTTP POST درخواست کو بنانے کے لئے چاہتے ہیں ہے 696 00:41:41,260 --> 00:41:44,840 صفحے پر quote.php میں واقع ہے. 697 00:41:44,840 --> 00:41:51,490 یاد ہے جب ہم فارم جمع، ہم اس فارم کے اندر ان پٹ عناصر تک رسائی حاصل کر سکتا ہے 698 00:41:51,490 --> 00:41:54,430 کہ _POST ڈالر متغیر کے ساتھ. 699 00:41:54,430 --> 00:41:58,710 اب تک ہم نے کہانی میں کسی بھی اعداد و شمار کے ساتھ ساتھ اصل میں نہیں ہے ابھی تک بھیج دیا گیا. 700 00:41:58,710 --> 00:42:00,640 ہم نے صرف اتنا کہا ہم ایک AJAX کی درخواست کر رہے ہیں 701 00:42:00,640 --> 00:42:03,200 اور یہاں کی درخواست کی قسم ہے جو ہم کر رہے ہیں ہے. 702 00:42:03,200 --> 00:42:07,090 اب ہم اصل صفحے پر کچھ ڈیٹا بھیجنے کے کی ضرورت ہے. 703 00:42:07,090 --> 00:42:10,930 یہ ہے کہ ہم نے یہ کہا جاتا ڈیٹا جائیداد کا استعمال کر سکتے ہیں. 704 00:42:10,930 --> 00:42:14,950 اس کی خاصیت کی قدر اصل میں ایک ساہچری سرنی ہے. 705 00:42:14,950 --> 00:42:19,390 اس کی وجہ یہ ہے کہ یہ ہمیں صرف اعداد و شمار کے 1 ٹکڑا سے زیادہ بھیجنے کے لئے کی اجازت دیتا ہے. 706 00:42:19,390 --> 00:42:24,750 یہی وجہ ہے کہ ہم نے ان گھوبگھرالی منحنی خطوط وحدانی یہاں ان دیگر گھوبگھرالی منحنی خطوط وحدانی کے اندر اندر در اندر. 707 00:42:24,750 --> 00:42:29,680 ان ساہچری arrays میں چابیاں ایک ہی بات کے لئے جا رہے ہیں 708 00:42:29,680 --> 00:42:32,630 کے طور پر ان کا نام ہمارے فارم عناصر میں ٹھہراتے ہیں. 709 00:42:32,630 --> 00:42:35,740 اس کا مطلب یہ ہے کہ اگر میں ایک اہم علامت کے ساتھ بھیج 710 00:42:35,740 --> 00:42:41,870 اس کا مطلب ہے کہ میرے پی ایچ پی پروفائل $ _POST [علامت] کے ساتھ اس ڈیٹا تک رسائی حاصل کر سکتے ہیں 711 00:42:41,870 --> 00:42:44,640 جیسا کہ ہم جب ہم نے ایک فارم کو جمع کر رہے تھے سے پہلے کیا تھا. 712 00:42:44,640 --> 00:42:47,090 اور اب ہم اصل ڈیٹا بھیجنا چاہتے ہیں 713 00:42:47,090 --> 00:42:50,790 اس ساہچری سرنی کی قیمت کے اندر اندر چل رہا ہے. 714 00:42:50,790 --> 00:42:54,070 >> ہم نامی ایک متغیر کی علامت میں اس متن کو محفوظ، 715 00:42:54,070 --> 00:42:57,380 اور ہم ساتھ اب بھیج رہے ہیں علامت کا ایک اہم 716 00:42:57,380 --> 00:43:01,380 اور جو بھی صارف اندر ٹائپ کی قیمت 717 00:43:01,380 --> 00:43:06,270 اب ہم اس HTTP درخواست کی ہے، ہمارے پی ایچ پی فائل کو پھانسی دے دی ہے، 718 00:43:06,270 --> 00:43:11,480 اور یہ کچھ ڈیٹا کلائنٹ ہے کہ صرف اس درخواست کی تھی اب واپس بھیجنے جا رہا ہے. 719 00:43:11,480 --> 00:43:15,220 اب ہمیں جو بھی سرور نے ہم سے کہا کا جواب کرنے کی ضرورت ہے. 720 00:43:15,220 --> 00:43:20,180 ہے کہ ہم نے یہ آخری یہاں جائیداد سے ملاقات کی کامیابی ہے. 721 00:43:20,180 --> 00:43:24,240 اس کامیابی کی چابی کی قیمت اصل میں ایک تقریب ہونے جا رہا ہے، 722 00:43:24,240 --> 00:43:26,910 اور یہ واقعی زبردست چیزیں آپ کو جاوا سکرپٹ کے ساتھ کیا کر سکتے ہیں میں سے ایک ہے. 723 00:43:26,910 --> 00:43:31,720 صرف تم ہی نہیں ساہچری سرنی کی قدر اندر کے طور پر ints یا arrays کر سکتے ہیں، 724 00:43:31,720 --> 00:43:34,170 ہم نے ایک تقریب کا بھی ہو سکتا ہے. 725 00:43:34,170 --> 00:43:36,380 تو کامیابی کہہ کر، یہ میری چابی ہے. 726 00:43:36,380 --> 00:43:38,830 یہاں ایک بڑی آنت کا کہنا ہے کہ قیمت آتا ہے، 727 00:43:38,830 --> 00:43:41,810 اور اب اس کی قیمت اصل میں ایک تقریب ہے. 728 00:43:41,810 --> 00:43:44,460 تو ہم نے اس تقریب SE فی نام دینے کی ضرورت نہیں ہے. 729 00:43:44,460 --> 00:43:48,820 ہم تو صرف یہ کوئی تقریب ہو جا رہا ہے کہہ سکتے ہیں. 1 دلیل لے جا رہا ہے. 730 00:43:48,820 --> 00:43:51,190 اس تقریب پر دلیل ہونے جا رہا ہے 731 00:43:51,190 --> 00:43:54,460 جو بھی سرور نے ہمیں درخواست کی جانب سے بھیجے. 732 00:43:54,460 --> 00:43:57,750 سرور جب ہمارے براؤزر ایک درخواست کرتا ہے پسند، کچھ واپس بھیجتا ہے 733 00:43:57,750 --> 00:43:59,060 اور براؤزر یہ دکھاتا ہے، 734 00:43:59,060 --> 00:44:03,030 AJAX کے تناظر میں ہم صرف ایک درخواست کی تھی میں، سرور، کچھ واپس بھیجا، 735 00:44:03,030 --> 00:44:07,110 اور اب ہم اس ایک تار کے طور پر کی نمائندگی کی ہے. 736 00:44:07,110 --> 00:44:11,280 اس سٹرنگ کے ساتھ میں صفحے پر ظاہر کرنے کے لئے کرنا چاہتے ہیں. 737 00:44:11,280 --> 00:44:14,040 کیا کہ مجھے ایک آخری سلیکٹر کے لئے جا رہا ہوں. 738 00:44:14,040 --> 00:44:17,570 میں ID قیمت کے ساتھ عناصر کو منتخب کرنے کے لئے چاہتے ہیں. 739 00:44:17,570 --> 00:44:20,710 یہ صرف ایک خالی div ہے کہ میں صفحے پر تشکیل دے دیا ہے، 740 00:44:20,710 --> 00:44:26,640 اور میں وہ ہے جو سرور ہمیں واپس بھیج div کے مندرجات کو مقرر کرنا چاہتے ہیں. 741 00:44:26,640 --> 00:44:30,280 میں اصل میں quote.php تھوڑا سا نظر ثانی کی ہے. 742 00:44:30,280 --> 00:44:33,460 >> رینڈر بلا اور بعض صفحہ سرگرم سے، بلکہ 743 00:44:33,460 --> 00:44:38,100 quote.php اب صرف ایک تار کے طور پر اسٹاک کی قیمت پرنٹ کی جا رہی ہے. 744 00:44:38,100 --> 00:44:41,880 تو اگر آپ کو اصل صفحے پر کا دورہ کرنے والے تھے، آپ کو اس چھوٹے سے سٹرنگ صرف دیکھیں گے 745 00:44:41,880 --> 00:44:45,030 جو اسٹاک کی قیمت ہے. 746 00:44:45,030 --> 00:44:50,170 ایک آخری چیز جو ہم یہاں کیا کرنے کی ضرورت ہے صرف اس بات کا یقین کر لیں کہ اس تقریب کے جھوٹے واپس پڑتا ہے. 747 00:44:50,170 --> 00:44:53,560 کیا اس کا کہنا ہے کہ یہ ہے کہ اگر میں ایک ایونٹ ہینڈلر کے اندر ہوں 748 00:44:53,560 --> 00:44:57,300 اور یہ کہ ایونٹ ہینڈلر صحیح واپس لوٹنے کی بجائے جھوٹے واپس، 749 00:44:57,300 --> 00:45:01,510 اس کا مطلب یہ ہے کہ میں نے اصل کو برطرف کرنے کا واقعہ نہیں کرنا چاہتے ہیں. 750 00:45:01,510 --> 00:45:05,270 اس صورت میں، اگر ہم کسی بھی جاوا اسکرپٹ کی ضرورت نہیں تھی اور ہم نے ایک فارم جمع، 751 00:45:05,270 --> 00:45:08,280 ہماری ویب براؤزر کا کہنا ہے کہ "میں ساتھ کہ ڈیٹا بھیجنے جا رہا ہوں،" جا رہا ہے 752 00:45:08,280 --> 00:45:10,130 اور وہ آپ کو کسی دوسرے صفحے پر بھیجنے جا رہے ہیں. 753 00:45:10,130 --> 00:45:14,360 کیونکہ ہم AJAX کا استعمال کرتے ہوئے اب کر رہے ہیں، دوسرے صفحے پر صارف کو بھیجنے کی کوئی ضرورت نہیں ہے. 754 00:45:14,360 --> 00:45:17,920 ہم صرف نتائج اس ایک ہی صفحے پر کو متحرک طور پر ظاہر کرنے کے لئے جا رہے ہیں. 755 00:45:17,920 --> 00:45:21,460 ہم واقعی انہیں کہیں جانے کی نہیں ہے، اور میں ایک ہی صفحے پر رہنا چاہتے ہیں. 756 00:45:21,460 --> 00:45:27,060 تو ہم جھوٹے واپس لوٹنے کی طرف سے اس بات کا یقین ہے کہ فارم ہمارے لئے ایسا نہیں ہے. 757 00:45:27,060 --> 00:45:31,170 کیا یہ اصل کی طرح لگتا ہے میں ایک نظر ڈالیں. 758 00:45:31,170 --> 00:45:34,180 ہمارے اقتباس کے صفحے ایک ہی لگتا ہے. 759 00:45:34,180 --> 00:45:37,240 مجھے لیتے ھیںچو نیچے ہم یہاں دیکھ کیا ہو رہا ہے کر سکتے ہیں. 760 00:45:37,240 --> 00:45:40,270 یہ بڑی کم تھوڑا بنائیں. 761 00:45:40,270 --> 00:45:44,590 یاد رکھیں اگر ہم نے نیٹ ورک کے ٹیب کو کھولیں، یہ وہ جگہ ہے جہاں ہم HTTP درخواست کی سب دیکھ سکتے ہیں 762 00:45:44,590 --> 00:45:47,570 اس صفحے پر ہو رہی ہیں. 763 00:45:47,570 --> 00:45:52,890 >> ایک علامت کے لیے دو کے وزٹرز کا ریکارڈ رکھا جائے گا. میرے AAPL میں ٹائپ کریں اور اقتباس حاصل کریں پر کلک کریں. 764 00:45:52,890 --> 00:45:56,720 اب ہم نے دیکھا ہے کہ ایپل کا ایک حصہ ڈالر کی کچھ تعداد کی قیمت ادا کرنی پڑتی 765 00:45:56,720 --> 00:46:00,410 صفحے پر شائع، لیکن یو آر ایل بالکل تبدیل نہیں کیا ہے. 766 00:46:00,410 --> 00:46:04,570 اصل میں، یہاں HTTP درخواست یہ ہے کہ ہم صرف بنایا ہے. 767 00:46:04,570 --> 00:46:09,980 ہم نے quote.php پر ایک پوسٹ کی درخواست کی تھی. یہ سمجھ میں آتا ہے. 768 00:46:09,980 --> 00:46:12,800 اس کا ہے جو سرور ہمیں واپس بھیج. 769 00:46:12,800 --> 00:46:16,320 اب یہ تصاویر اور اس طرح چیزوں کے ساتھ یہ بہت بڑا HTML دستاویز ہے، 770 00:46:16,320 --> 00:46:20,920 یہ صرف متن کی ایک سطر ہے، اور اس وقت ہم صرف متن کے مطابق ظاہر کیا ہے. 771 00:46:20,920 --> 00:46:26,290 اگر ہم ہیڈر پر واپس جاؤ اور دیکھو کیا ہم اصل میں اس HTTP درخواست کی اندر بھیجا، 772 00:46:26,290 --> 00:46:33,950 ہم یہاں دیکھتے ہیں کہ ہم علامت اور AAPL کی قدر کا ایک اہم کے ساتھ بھیجا جا سکتا ہے، 773 00:46:33,950 --> 00:46:36,430 ہيں جو صارف اندر ٹائپ 774 00:46:36,430 --> 00:46:39,230 یہ اچھا ہے، لیکن یہ اب بھی تھوڑا پریشان ہے. 775 00:46:39,230 --> 00:46:42,490 میں اب بھی اسٹاک اقتباس حاصل کرنے کے لئے اس بٹن کو کلک کریں. 776 00:46:42,490 --> 00:46:45,880 ہم مصروف لوگ ہیں اور ہم کے بٹن پر کلک کریں وقت نہیں ہے. 777 00:46:45,880 --> 00:46:49,910 Google اس کچھ دیر پہلے نے محسوس کیا جب کہ وہ گوگل کے فوری عملدرآمد. 778 00:46:49,910 --> 00:46:53,590 گوگل فوری کیا ہے جیسا کہ آپ ٹائپ کر رہے ہیں ہے، یہ صرف آپ کے لئے نتائج کی نمائش شروع ہوتا ہے 779 00:46:53,590 --> 00:46:56,520 لہذا آپ بھی تلاش کریں پر کلک کے بارے میں فکر کرنے کی ضرورت نہیں ہے. 780 00:46:56,520 --> 00:46:58,730 اصل میں، ایک مذاق کی کہانی اس سے متعلق ہیں. 781 00:46:58,730 --> 00:47:01,100 ایک بار گوگل کے فوری باہر آئے، لوگوں کی طرح تھے، "یہ رکو، سپر حیرت انگیز ہے." 782 00:47:01,100 --> 00:47:02,540 "یہ بہت اچھی بات ہے." 783 00:47:02,540 --> 00:47:05,950 اور سٹینفورڈ میں ایک طالب علم نیچے جو اس وقت 19 تھا 784 00:47:05,950 --> 00:47:09,000 یہ یوٹیوب فوری نامی سائٹ بنا دیا. 785 00:47:09,000 --> 00:47:13,170 YouTube کے سبھی فوری مؤثر طریقے سے کرتا ہے یوٹیوب فوری طور پر تلاش کریں. 786 00:47:13,170 --> 00:47:17,020 بلکہ مارا تلاش YouTube.com کرنے سے 787 00:47:17,020 --> 00:47:21,650 جب میں CS50 طرح YouTube کے فوری کچھ میں ٹائپ کرنا شروع کریں، 788 00:47:21,650 --> 00:47:25,320 ہم یہاں دیکھتے ہیں کہ یہ ایک سست انٹرنیٹ کنکشن کی کوشش ہے کر سکتے ہیں 789 00:47:25,320 --> 00:47:28,500 آباد ان نتائج رہتے ہیں. 790 00:47:28,500 --> 00:47:35,590 کہ اصل میں ہم ایک بہت سادہ ہمارے quote.js فائل ترمیم کر سکتے ہیں. 791 00:47:35,590 --> 00:47:40,900 ٹھیک ہے اب ہم اس پروگرام کو منسلک جب فارم جمع کر رہے ہیں. 792 00:47:40,900 --> 00:47:43,760 ہم صارف کو اس فارم کو اب جمع کرنے کے لئے واقعی نہیں کرنا چاہتے ہیں، 793 00:47:43,760 --> 00:47:48,570 تو بجائے اس پروگرام کو ہر بار جب صارف ایک اہم پریس کو برطرف. 794 00:47:48,570 --> 00:47:53,200 کرنا ہے کہ پہلے keyup پیش سے صورت کو تبدیل کرنے کے لئے. 795 00:47:53,200 --> 00:47:55,740 اس فارم کے لیے جمع کرنے کے لئے انتظار کر رہے کی بجائے اس کا مطلب، 796 00:47:55,740 --> 00:47:58,490 ہر بار کی چابی دبایا جاتا ہے، کچھ ہونے جا رہا ہے. 797 00:47:58,490 --> 00:48:02,030 اب یہ سمجھ میں آتا ہے ہے کہ وہ پورے فارم میں اس keyup واقعہ منسلک ہے. 798 00:48:02,030 --> 00:48:05,080 ہم اس تلاش کے باکس کے بارے میں بہت ہی خیال رکھتے ہیں. 799 00:48:05,080 --> 00:48:09,320 >> منتخب اب کہ ہم نے اس کی بجائے فارم اقتباس سے تبدیل کر سکتے ہیں، کرنے کے لئے، 800 00:48:09,320 --> 00:48:14,220 فارم اقتباس اور ہم نے ایک ان پٹ (= متن ٹائپ کریں) یا ہم نے (= علامت نام) کہہ سکتے ہیں کریں گے - 801 00:48:14,220 --> 00:48:16,420 جو ہم چاہتے ہیں. 802 00:48:16,420 --> 00:48:18,650 اب ایک آخری چیز ہے جو ہمیں کرنا ہے. 803 00:48:18,650 --> 00:48:21,190 یہاں یاد ہے جب ہم واپسی جھوٹے نے کہا کہ 804 00:48:21,190 --> 00:48:24,370 ہم نے کہا کہ ہم کہ ڈیفالٹ ایونٹ کو برطرف کرنے کے لئے نہیں کرنا چاہتا. 805 00:48:24,370 --> 00:48:26,390 لیکن یہ صرف اس لئے کہ ہوتا ہے اگر اب ہم کو غیر فعال ہے، 806 00:48:26,390 --> 00:48:29,660 جا جو ہم میں ٹائپ براؤزر میں ظاہر نہیں ہے اب 807 00:48:29,660 --> 00:48:33,000 کیونکہ وہ ایک ٹیکسٹ باکس میں ٹائپ کی پہلے سے طے شدہ رویہ ہو گا. 808 00:48:33,000 --> 00:48:38,660 اب ہم کی جگہ لے لے کہ تو اس کی واپسی کو جھوٹے کو تباہ کرنا چاہتے ہیں. 809 00:48:38,660 --> 00:48:44,800 اگر ہم اس کو محفوظ کریں اور صفحہ دوبارہ لوڈ کریں، اب جب میں AAPL ٹائپ کرنا شروع کریں 810 00:48:44,800 --> 00:48:50,160 آپ دیکھیں گے کہ یہاں سب سے نیچے دیئے گئے اسٹاک قیمت خود کار طریقے سے مکمل گے. 811 00:48:50,160 --> 00:48:53,150 تو یہاں CS50 خزانہ فوری ہے. 812 00:48:53,150 --> 00:48:55,860 یوٹیوب فوری کے بارے میں واقعی میں مزہ کہانی 813 00:48:55,860 --> 00:48:59,420 یہ ہے کہ طالب علم صرف کی قسم 1 رات ایک منصوبہ کے طور پر لکھا ہے، 814 00:48:59,420 --> 00:49:03,800 اور اگلے دن وہ YouTube کے سی ای او کی طرف سے ایک کام کی پیشکش کی گئی تھی. 815 00:49:03,800 --> 00:49:10,610 تو اس کے طور پر سادہ، آپ CS50 طالب علموں، آپ کی آخری منصوبوں آپ کو YouTube پر ایک کام حاصل کر سکتے ہیں. 816 00:49:10,610 --> 00:49:14,720 ایسا ہی کچھ ایک حتمی منصوبے کے لئے ایک اچھا خیال ہے، ٹھیک ہے؟ 817 00:49:14,720 --> 00:49:18,170 ہم نے کچھ موجودہ فعالیت تھا کہ ہم کے ساتھ ضم کرنا چاہتے تھے. 818 00:49:18,170 --> 00:49:20,330 ہم صارف کے تجربے کے لئے تھوڑا سا کو بہتر بنانے کے 819 00:49:20,330 --> 00:49:24,340 اور اچانک یوٹیوب فوری پر کچھ تلاش آسان بہت کچھ ہو سکتا ہے 820 00:49:24,340 --> 00:49:27,290 سے باقاعدگی سے یو ٹیوب پر اس کے لئے تلاش کر. 821 00:49:27,290 --> 00:49:30,790 تو یہ ایک مختصر میں AJAX ہے. 822 00:49:30,790 --> 00:49:34,860 >> مثالیں کہ جوزف دکھا رہا تھا میں، ہم autocompletes کے بہت دیکھا، 823 00:49:34,860 --> 00:49:39,250 اور وہ autocompletes واقعی، واقعی ہاتھ ہیں کیونکہ ہم یاد نہیں ہے - 824 00:49:39,250 --> 00:49:41,770 مثال کے طور پر، اگر آپ ایپل کے لئے اسٹاک کی قیمت یاد نہیں ہے 825 00:49:41,770 --> 00:49:45,110 اور ہم صرف پتہ ہے کہ یہ AA کچھ ہے، بلکہ صرف مجھ سے کیا کہہ سے، 826 00:49:45,110 --> 00:49:48,740 "اس بات کا ایک حصہ یہ سارا پیسہ کی قیمت ادا کرنی پڑتی ہے،" 827 00:49:48,740 --> 00:49:52,540 مجھے معلوم ہے کہ کیا اسٹاک AA کے ساتھ شروع کرنے کے لئے اس قسم کی کرنا چاہتے ہیں. 828 00:49:52,540 --> 00:49:58,340 ہم اس بوٹسٹریپ لائبریری ہے جو پہلے ہی شامل ہے کے ساتھ بہت اچھی طرح سے کر سکتے ہیں 829 00:49:58,340 --> 00:50:01,380 اندر CS50 خزانہ. 830 00:50:01,380 --> 00:50:09,390 اگر آپ یہاں جاوا سکرپٹ ٹیگ اور Typeahead ذیل میں سکرال 831 00:50:09,390 --> 00:50:13,730 یہ صرف ایک اچھا پلگ ان ہے کہ کسی نے پہلے سے ہی ہمارے لئے لکھا ہے، 832 00:50:13,730 --> 00:50:16,980 اور ہم اس طرح اس کی فعالیت آسانی سے استعمال کر سکتے ہیں. 833 00:50:16,980 --> 00:50:21,410 میں ایک میں ٹائپ ہے اور یہاں کچھ کا کہنا ہے کہ اے کے ساتھ شروع کی ایک فہرست ہے 834 00:50:21,410 --> 00:50:25,360 چلو کا کہنا ہے کہ ہے کہ مجھے لگتا ہے کہ یہ واقعی بہت اچھی بات ہے اور کے وزٹرز کا ریکارڈ رکھا جائے گا. میرے اپنے صفحے پر یہ شامل کرنے کے لئے وقت ہو گیا ہے. 835 00:50:25,360 --> 00:50:28,300 یہ پتہ چلا ہے کہ یہ بہت، بہت آسان ہے. 836 00:50:28,300 --> 00:50:32,810 آو ختم quote3.js یہاں کود. 837 00:50:34,890 --> 00:50:37,380 میری فائل تھوڑا سا مختلف لگ رہا ہے. 838 00:50:37,380 --> 00:50:39,700 یہاں نیچے میرے AJAX کی چیزیں ایک ہی ہے. 839 00:50:39,700 --> 00:50:43,170 میں دوسرے صفحے پر جانے کے لئے بغیر اسٹاک ڈیٹا لوڈ کرنے کے لئے کرنا چاہتے ہیں. 840 00:50:43,170 --> 00:50:46,220 لیکن اب میں اس پلگ ان کو استعمال کرنے کے لئے کرنا چاہتے ہیں. 841 00:50:46,220 --> 00:50:51,020 بوٹسٹریپ دستاویزات کہ میں کس طرح کر سکتے ہیں کی عظیم مثالیں ہیں. 842 00:50:51,020 --> 00:50:54,350 میں کہنا چاہتا ہوں، "ان پٹ ہے کہ میں خود تکمیل کرنا چاہتے ہیں،" 843 00:50:54,350 --> 00:50:56,640 اور میں یہ کہا جاتا typeahead ایک تقریب کو فون کرنے جا رہا ہوں، 844 00:50:56,640 --> 00:50:59,730 اور یہ کہ ہمارے لئے Typeahead چیزیں سب کو ہینڈل کرنے جا رہا ہے. 845 00:50:59,730 --> 00:51:02,090 یہ فہرست ابتدا گا، ہمارے فلٹرنگ کے تمام کر دے گا. 846 00:51:02,090 --> 00:51:06,680 صرف ایک ہی چیز ہے یہ جاننے کی ضرورت ہے ہے جو ڈیٹا ہم پر autocompleting کر رہے ہیں. 847 00:51:06,680 --> 00:51:10,480 تو میں باہر صرف دستاویزات کو پڑھنے اور مثال کے طور پر دیکھ کر اس چابی مل گیا. 848 00:51:10,480 --> 00:51:14,150 اگر میں اس کے ذرائع کا ایک اہم ہے، اس چابی کی قیمت دے 849 00:51:14,150 --> 00:51:17,770 صرف چیزوں میں سے کچھ صف میں خود تکمیل کرنا چاہتے ہیں ہے. 850 00:51:17,770 --> 00:51:20,180 یہ متغیر اس دوسری فائل سے آیا ہے. 851 00:51:20,180 --> 00:51:23,400 میں symbols.js کھولتے ہیں. 852 00:51:23,400 --> 00:51:27,980 >> یہ symbols.js یہ واقعی بہت بڑا صف کی ڈور پر مشتمل ہے 853 00:51:27,980 --> 00:51:32,080 نیس ڈیک سے ان اسٹاک علامات میں سے سب سے. 854 00:51:32,080 --> 00:51:42,190 اگر میں HTML، تو jharvard، vhosts، globalhost، HTML، سانچے واپس کود کرنا چاہتے ہیں، 855 00:51:42,190 --> 00:51:45,820 quote_form. 856 00:51:45,820 --> 00:51:50,910 چونکہ کہ اب quote3.js کہتے ہیں، آپ کے وزٹرز کا ریکارڈ رکھا جاوا اسکرپٹ فائل میں یہاں بھی شامل ہوں کو تبدیل. 857 00:51:50,910 --> 00:51:55,110 اب میں quote3.js ہے، تو میں ہے کہ علیحدہ جاوا اسکرپٹ فائل میں لوڈ کرنے جا رہا ہوں، 858 00:51:55,110 --> 00:51:57,910 جو اس بوٹسٹریپ خود تکمیل ہے. 859 00:51:57,910 --> 00:52:04,430 اب جب میں براؤزر میں واپس کود، صفحہ دوبارہ لوڈ کریں، اور میں AA ٹائپ کرنا شروع کریں، 860 00:52:04,430 --> 00:52:06,880 میرا خود تکمیل ہے. اور یہ واقعی اس کے طور پر کے طور پر آسان تھا. 861 00:52:06,880 --> 00:52:11,400 میں کوڈ کے 1 سطر، جو کہ صرف اتنا کہا تھا "یہاں چیزوں میں خود تکمیل کرنا چاہتے ہیں ہیں،" 862 00:52:11,400 --> 00:52:16,590 اور اچانک میں نے کوشش کی ساری بہت بالکل نہیں کے ساتھ یہ بہت، بہت اچھا فعالیت ہے. 863 00:52:16,590 --> 00:52:19,810 جیسا کہ آپ کی ویب سائٹ اور چیزوں کی خاص طور پر سامنے کے آخر میں کی طرف کی ترقی کر رہے ہیں، 864 00:52:19,810 --> 00:52:21,840 آپ کے لئے یہ کیس بہت ہے جا رہے ہیں. 865 00:52:21,840 --> 00:52:25,700 واقعی ڈاؤن لوڈ، اتارنا مفت لائبریریوں کے بہت، بہت، وہاں بہت ہیں 866 00:52:25,700 --> 00:52:30,190 کہ یہ اس طرح کام کرنا آسان سپر. 867 00:52:30,190 --> 00:52:37,230 کوئی صرف علامات کی اس بڑی فہرست پر autocompleting کے کسی بھی خرابیوں کے بارے میں سوچ کر سکتا ہوں؟ 868 00:52:37,230 --> 00:52:41,580 ایسا کچھ ہے جو اس نقطہ نظر کے ساتھ سب سے اچھا نہیں ہے کیا ہو سکتا ہے؟ 869 00:52:42,790 --> 00:52:45,960 جی ہاں. >> [طالب علم] وقت، اگر آپ کو [اشراوی] بہت ہے 870 00:52:45,960 --> 00:52:50,420 جی ہاں. ٹھیک ہے اب ہم اس بھاری جاوا اسکرپٹ فائل ڈاؤن لوڈ کر رہے ہیں اور علامات کی ایک بہت ہے. 871 00:52:50,420 --> 00:52:54,360 اور اگر ایسا ہے تو ہم چیزیں ایک ٹن ہے، اس قسم کی تلاش نہ صرف تاخیر اضافہ 872 00:52:54,360 --> 00:52:56,600 بلکہ اصل فائل ڈاؤن لوڈ. 873 00:52:56,600 --> 00:52:58,670 بہت اچھا ہے. اور کچھ؟ 874 00:53:01,950 --> 00:53:05,280 اب مطابقت کی کوئی حقیقی احساس ہے. 875 00:53:05,280 --> 00:53:08,190 اگر میں ایک، وہ کمپنیاں جو یہاں نظر میں ٹائپ 876 00:53:08,190 --> 00:53:11,220 سب سے زیادہ مقبول وہ کمپنیاں جو اے کے ساتھ شروع نہیں ہو سکتا ہے 877 00:53:11,220 --> 00:53:17,130 >> اس سے پہلے کہ میں ایپل حاصل کرنے کے لئے، یہ کچھ حروف تلاش کہ میں کیا دیکھ رہا ہوں ہو سکتا ہے. 878 00:53:17,130 --> 00:53:20,420 اس خود تکمیل کو متعلقہ اس کا کوئی مطلب نہیں ہے. 879 00:53:20,420 --> 00:53:24,400 یہ صرف کہنے کی جا رہا ہے "کوئی بھی چیز جو سے میل کھاتا ہے میں ظاہر کرنے کے لئے جا رہا ہوں." 880 00:53:24,400 --> 00:53:30,510 اس کی بجائے، میں کسی نہ کسی طرح میری تلاش میں کچھ مطابقت ضم کرنا چاہتے ہیں. 881 00:53:30,510 --> 00:53:36,440 اگر میں یہاں یاہو خزانہ finance.yahoo.com،، 882 00:53:36,440 --> 00:53:42,100 اگر میں یاہو! کی خزانہ کے صفحے پر ایک علامت میں داخل ہونے کی کوشش کرتے ہیں 883 00:53:42,100 --> 00:53:52,310 اور میں GOOG ٹائپ کرنا شروع کریں، میں چیزوں کی اس اچھی فہرست ہے. 884 00:53:52,310 --> 00:53:57,100 ظاہر ہے، ایسا لگتا ہے جیسے یاہو! خزانہ کچھ کرنے میں زیادہ ہوشیار ہے یہاں. 885 00:53:57,100 --> 00:53:59,790 وہ کچھ مطابقت ہے اور وہ بھی اضافی معلومات ہے 886 00:53:59,790 --> 00:54:01,430 اسٹاک کے نام کی طرح. 887 00:54:01,430 --> 00:54:05,850 یہ ایک ایسی چیز ہے جس میں علامات کے صرف اپنے اسٹاک کی فہرست کے ساتھ واقعی نہیں حاصل کر سکتے ہیں ہے. 888 00:54:05,850 --> 00:54:09,520 میں نے یہ چاہتے ہیں اور اس لئے میں اسے لے جا رہا ہوں. 889 00:54:09,520 --> 00:54:11,790 کیا کہ چلو کچھ چیزیں کرنے کے لئے. 890 00:54:11,790 --> 00:54:15,580 چلو اس صفحے پر سب سے پہلے انسپکٹر کھول 891 00:54:15,580 --> 00:54:18,100 کیونکہ ہم نے دیکھا کہ اس صفحہ کو دوبارہ لوڈ بالکل نہیں ہے، 892 00:54:18,100 --> 00:54:21,960 تو شاید یہ AJAX کا استعمال کرتے ہوئے ہے کسی نہ کسی طرح اپنے ڈیٹا لوڈ ہورہا ہے. 893 00:54:21,960 --> 00:54:23,920 ہم باہر تلاش کیا ڈیٹا لوڈنگ ہے. 894 00:54:23,920 --> 00:54:28,390 اگر میں اس نیٹ ورک کے ٹیب پر کلک کریں، یہ درخواست کرتا ہے کہ فائرنگ شروع کی سب جا رہے ہیں. 895 00:54:28,390 --> 00:54:34,020 اب اگر میں goo میں ٹائپ ہم نے دیکھا، کہ میں صرف ایک نیا HTTP درخواست ہے کر سکتے ہیں. 896 00:54:34,020 --> 00:54:37,490 شاید یہ وہ جگہ ہے جہاں اس ڈیٹا سے آ رہا ہے. 897 00:54:37,490 --> 00:54:41,990 کافی یقین ہے، اگر میں اس یو آر ایل، جو تھوڑا عجیب نام ہے دیکھو 898 00:54:41,990 --> 00:54:46,930 ہم دیکھتے ہیں کہ یہ بالکل ہے جہاں یاہو نے سے بھیج رہا ہے اس کا ڈیٹا کر سکتے ہیں. 899 00:54:46,930 --> 00:54:53,400 >> میں نامی ایک علیحدہ suggest.php فائل ہے جو روح میں بہت تلاش کی تقریب کی طرح ہے تشکیل دے دیا ہے. 900 00:54:53,400 --> 00:54:57,730 یہ بنیادی طور پر یاہو یو آر ایل ایک سوال بنانے کے لئے جا رہا ہے، کچھ معلومات حاصل، 901 00:54:57,730 --> 00:54:59,750 اور اسے میرے پاس واپس بھیج دیں. 902 00:54:59,750 --> 00:55:02,570 اب، علامات کی اس بڑی، بڑی فہرست کا استعمال کرتے ہوئے کی بجائے، 903 00:55:02,570 --> 00:55:05,280 میں یاہو کے اچھا مطابقت چیزوں کا استعمال کر سکتے ہیں، 904 00:55:05,280 --> 00:55:08,150 اور میں کہ بڑے پیمانے پر جاوا سکرپٹ فائل کو ڈاؤن لوڈ کرنے کی ضرورت نہیں ہے. 905 00:55:08,150 --> 00:55:12,040 میں صرف اصل میں متعلقہ اسٹاک علامات ھیںچو جا رہا ہوں. 906 00:55:12,040 --> 00:55:13,960 چلو کہ میں کود. 907 00:55:13,960 --> 00:55:17,360 تو HTML، JS. اب ہم quote4 میں ہیں. 908 00:55:17,360 --> 00:55:22,120 اب ہم نہیں رہ گیا ہے کہ جاوا اسکرپٹ فائلوں کی بڑی فہرست کا استعمال کرتے ہوئے کر رہے ہیں. 909 00:55:22,120 --> 00:55:24,430 لیکن اس کے ڈیزائن کے مسئلے کا ایک چھوٹا سا قسم یہاں ہے. 910 00:55:24,430 --> 00:55:28,200 ہم نے کہا ہے کہ AJAX میں اتلیکالک ہے. 911 00:55:28,200 --> 00:55:31,000 کیا کہ اس کا مطلب یہ ہے کہ جب میں ایک AJAX کی درخواست کرتے ہیں، 912 00:55:31,000 --> 00:55:36,490 یہیں 8 لائن پر، یہ وہ جگہ ہے جہاں میرے AJAX کی درخواست اصل میں فائرنگ کی ہے. 913 00:55:36,490 --> 00:55:40,370 چلو کا کہنا ہے کہ اب میں کچھ کوڈ ہے یہاں پر جو کچھ کیا جا رہا ہے 914 00:55:40,370 --> 00:55:43,930 کے صفحے پر صارف یا تبدیلی کی کچھ متنبہ پسند. 915 00:55:43,930 --> 00:55:49,830 کیا ہو رہا ہو نہیں ہے براؤزر کو جاری رکھنے کے لئے اس کی درخواست کے لئے انتظار نہیں ہے 916 00:55:49,830 --> 00:55:53,480 سے پہلے نیچے آ رہی ہے اور اس لائن کو مارنا ہے. 917 00:55:53,480 --> 00:55:55,900 اتلیکالک حصہ ہے. 918 00:55:55,900 --> 00:55:58,400 یہ اس کی درخواست کو بنانے کے لئے اور، کا کہنا ہے کہ "آپ جب بھی ختم ہو رہا ہے، 919 00:55:58,400 --> 00:56:03,080 "واپس آ اور اس تقریب میں ہے کہ میں نے تم سے کہا تھا کہ کامیابی کے اندر کال پر کال کریں." 920 00:56:03,080 --> 00:56:07,300 اس کا مطلب یہ ہے کہ ہم صرف اسٹاک سے پہلے ڈاؤن لوڈ، اتارنا کر سکتے ہیں. 921 00:56:07,300 --> 00:56:10,300 ہم درخواست کرنے اور واپس آنے کے لیے کچھ انتظار کرنے کی ضرورت ہے. 922 00:56:10,300 --> 00:56:13,330 یہ کہ اس سے پہلے کا مطلب ہے، ہم بوٹسٹریپ صرف بتا سکتا ہوں، 923 00:56:13,330 --> 00:56:15,580 "یہاں چیزوں کی فہرست ہے میں نے خود تکمیل کرنے کے لئے آپ کو پر کرنا چاہتے ہیں." 924 00:56:15,580 --> 00:56:18,950 ہم جو اب نہیں اب کیا کیونکہ ہم نہیں جانتے ہیں کر سکتے ہیں 925 00:56:18,950 --> 00:56:21,780 کیا ہم اصل پر خود تکمیل چاہتے ہیں. 926 00:56:21,780 --> 00:56:25,190 خوش قسمتی سے، بوٹسٹریپ نے اس کے بارے میں سوچا، کیونکہ وہ وہاں ہوشیار لوگ ہیں، 927 00:56:25,190 --> 00:56:30,160 اور وہ اصل میں ہمیں ایک اس Typeahead پلگ ان لوڈ کرنے کا طریقہ دیا. 928 00:56:30,160 --> 00:56:35,630 سے پہلے چیزوں کی، اس ذریعہ جائیداد کی قدر صرف اس بڑی پر خود تکمیل پر صف تھا. 929 00:56:35,630 --> 00:56:39,580 >> اب ذریعہ جائیداد اصل میں ایک تقریب ہے، 930 00:56:39,580 --> 00:56:44,580 اور اس تقریب کا مقصد معلوم کرنا ہے پر خود تکمیل پر چیزیں ہیں. 931 00:56:44,580 --> 00:56:48,730 جس طرح سے اس سے اعداد و شمار پر جا رہا ہے ہے ہے کہ یاہو! خزانہ سے کہنے جا رہا ہے 932 00:56:48,730 --> 00:56:51,750 جو خود تکمیل پر بہترین چیزیں ہیں. 933 00:56:51,750 --> 00:56:54,500 کرنا کہ میں ایک بہت ہی AJAX درخواست بنانے کے لئے جا رہا ہوں. 934 00:56:54,500 --> 00:56:59,010 میں suggest.php اس صفحے کی درخواست کی جا رہی ہوں. 935 00:56:59,010 --> 00:57:01,360 میں علامات کے ساتھ ساتھ اب بھی بھیجنا چاہتے ہیں. 936 00:57:01,360 --> 00:57:05,570 اور اب میری کامیابی، بوٹسٹریپ دستاویزات نے مجھ سے کہا 937 00:57:05,570 --> 00:57:09,130 کہ میں چیزوں کی فہرست آباد، 938 00:57:09,130 --> 00:57:14,370 میں کیا کرنے کی ضرورت ہے اب اس صف میں واپسی کال تقریب کو منتقل کر رہا ہے. 939 00:57:14,370 --> 00:57:15,660 لیکن ایک منٹ انتظار کریں. 940 00:57:15,660 --> 00:57:20,240 اگر یہ ایک صف ہونا چاہیے ہے اور AJAX آپ کے وزٹرز کا ریکارڈ رکھا واپس بھیجنے متن ہے، 941 00:57:20,240 --> 00:57:22,720 یہ ہے کہ یہ کس طرح ممکن ہے؟ 942 00:57:22,720 --> 00:57:27,910 یہ کہا جاتا JSON ڈیٹا کے تبادلے کا ایک نیا طریقہ متعارف کرایا. 943 00:57:27,910 --> 00:57:33,000 اس صورت میں ہم ابھی واپس نہیں کر رہے ہیں متن کی ایک سادہ اسٹرنگ بھیج. 944 00:57:33,000 --> 00:57:37,670 اب ہم اسٹاک کی علامات کے اس زیادہ پیچیدہ فہرست کے ساتھ کام کر رہے ہو. 945 00:57:37,670 --> 00:57:41,730 یہ اسٹاک علامات کمپنی کا نام یا موجودہ قیمتوں کی طرح چیزوں کو بھی شامل کر سکتے ہیں. 946 00:57:41,730 --> 00:57:47,550 صرف ایک بڑا طویل سٹرنگ ہے کہ کسی بھی امکانات کے راستے میں فارمیٹ نہیں ہے کا استعمال کرتے ہوئے 947 00:57:47,550 --> 00:57:51,970 جا رہی ہے Yahoo کے سرور سے یہ اعداد و شمار آپ کے وزٹرز کا ریکارڈ رکھا حاصل کرنے کا بہترین طریقہ نہیں 948 00:57:51,970 --> 00:57:54,540 ایک راستہ ہے جس سے کہ میں آسانی سے سمجھ سکتے ہیں. 949 00:57:54,540 --> 00:58:01,280 JSON ایک ٹیکنالوجی ہے کہ ہم کس طرح جاوا سکرپٹ میں ساہچری arrays تخلیق کا فائدہ لیتا ہے ہے. 950 00:58:01,280 --> 00:58:04,510 ساہچری سرنی کی طرح جاوا سکرپٹ کو یہ بہت لگ رہا ہے، 951 00:58:04,510 --> 00:58:06,600 اور اصل میں، اس کا ہے کیونکہ یہ ہے. 952 00:58:06,600 --> 00:58:09,710 JSON جاوا سکرپٹ کے آبجیکٹ سنکیتن کے لئے کھڑا ہے. 953 00:58:09,710 --> 00:58:15,020 یہ بنیادی طور پر ایک ڈیٹا منتقل آگے اور پیچھے کرنے کے لئے کی شکل پر اتفاق ہے. 954 00:58:15,020 --> 00:58:18,280 یہاں یہ JSON چیز یا اس JSON ساہچری سرنی 955 00:58:18,280 --> 00:58:21,010 کے وزٹرز کا ریکارڈ رکھا جائے گا. میرے ایک کورس کے بارے میں کچھ معلومات بھیج. 956 00:58:21,010 --> 00:58:25,110 >> اس صف کی چابی کورس جیسی چیزوں cs50 کی قدر ہے، 957 00:58:25,110 --> 00:58:29,140 اور نیچے ہم یہاں دیکھتے ہیں کہ میں ایک قیمت ہے جو ایک صف ہے کر سکتے ہیں کر سکتے ہیں. 958 00:58:29,140 --> 00:58:32,730 میں ڈور کے باہر تصریف طرح کام کرنے کی ضرورت نہیں ہے اور کوما کے لئے تلاش کریں 959 00:58:32,730 --> 00:58:35,330 اور اس طرح پاگل چیز. 960 00:58:35,330 --> 00:58:38,820 اس کی وجہ اس JSON کی شکل میں اعلان کیا جاتا ہے، 961 00:58:38,820 --> 00:58:43,510 جاوا اسکرپٹ اور jQuery پہلے سے ہی ایک تار کو تبدیل کرنے کے کام کرتا ہے 962 00:58:43,510 --> 00:58:48,140 جو کہ ایک حقیقی جاوا اسکرپٹ ساہچری سرنی میں اس JSON کی طرح لگتا ہے 963 00:58:48,140 --> 00:58:50,440 کہ ہم ساتھ مل کر کام کر سکتے ہیں. 964 00:58:50,440 --> 00:58:56,660 یہ ہے کہ ایسا کہہ رہے ہیں کہ اب اس فائل نہیں suggest.php ہے، کے طور پر کے طور پر آسان ہے، 965 00:58:56,660 --> 00:58:59,040 مجھے واپس صرف متن کی ایک تار بھیج 966 00:58:59,040 --> 00:59:01,950 لیکن مجھے پتہ ہے کہ یہ آپ کے وزٹرز کا ریکارڈ رکھا بھیجنے واپس JSON جا رہا ہے. 967 00:59:01,950 --> 00:59:06,760 اس کا مطلب یہ ہے کہ کہ وہ JSON ساہچری سرنی میں جاوا سکرپٹ کو تبدیل کیا جا سکتا ہے. 968 00:59:06,760 --> 00:59:10,830 اور jQuery ایسا ہے، تو میں آپ کو میرے لئے ایسا کرنا چاہتے ہیں. 969 00:59:10,830 --> 00:59:13,990 اس کا مطلب ہے کہ یہ جواب یہاں پیرامیٹر، 970 00:59:13,990 --> 00:59:16,070 یہ اب صرف ایک تار ہے. 971 00:59:16,070 --> 00:59:19,860 کیونکہ ہم jQuery کہا ہے کہ یہاں کچھ JSON آتا ہے، 972 00:59:19,860 --> 00:59:22,950 jQuery کہنے کے لئے کافی ہوشیار ہو جا رہا ہے، "تم JSON چاہتے ہو؟" 973 00:59:22,950 --> 00:59:26,890 "میں آپ کے لئے ایک ساہچری سرنی میں تبدیل کرنے جا رہا ہوں." 974 00:59:26,890 --> 00:59:32,100 چلو، اصل میں نیٹ ورک کے ٹیب پر ایک نظر ایک بار ہم quote4.js ہے. 975 00:59:32,100 --> 00:59:35,400 ہم نے اس کو تبدیل کرنے اور صفحہ دوبارہ لوڈ کریں گے. 976 00:59:37,150 --> 00:59:41,250 اب میں ایک میں دوبارہ ٹائپ جا رہا ہوں. 977 00:59:41,250 --> 00:59:45,600 میں suggest.php ایک جوڑے کی درخواستوں لیا ہے، لیکن اب یہ جواب، 978 00:59:45,600 --> 00:59:48,670 صرف سٹرنگ کے بجائے، یہ JSON ہے. 979 00:59:48,670 --> 00:59:52,580 تو میں ایک کھلی گھوبگھرالی تسمہ کہہ رہے ہو، "یہ ایک ساہچری سرنی آتا ہے." 980 00:59:52,580 --> 00:59:56,830 >> اس ساہچری سرنی کا پہلا اور واحد اہم علامات کو کہا جاتا ہے، 981 00:59:56,830 --> 01:00:00,240 اور پھر یہاں متعلقہ علامات میں سے سب سے ایک صف ہے 982 01:00:00,240 --> 01:00:04,820 اب یاہو خزانہ سے آ رہا ہے، اس بہت بڑا فہرست سے نہیں. 983 01:00:06,110 --> 01:00:10,630 یہ ہے کہ میں کس طرح یہ خود تکمیل پلگ ان صرف آباد کر سکتے ہیں 984 01:00:10,630 --> 01:00:14,280 کچھ اعداد و شمار ہے کہ ایک مقامی فائل ہے جو پہلے ہی پہلے سے مقرر ہے سے نہیں آ رہا ہے کے ساتھ 985 01:00:14,280 --> 01:00:17,490 لیکن کچھ اور سے. 986 01:00:17,490 --> 01:00:21,160 یہ پتہ چلا ہے کہ ہم نامی JSONP ٹیکنالوجی کے فائدہ بھی لے جا سکتے ہیں ہے، 987 01:00:21,160 --> 01:00:27,420 یا بھرتی کے ساتھ JSON، جو اس suggest.php بچولیا خاتمہ کر دے گی. 988 01:00:27,420 --> 01:00:34,010 لیکن یہ ہے کہ ایسا کرنے کے بجائے، بجائے کس طرح میں اس سے بھی زیادہ بہتر بنا سکتے ہیں پر ایک نظر لے. 989 01:00:34,010 --> 01:00:36,040 مجھے واقعی میں بوٹسٹریپ Typeahead پسند ہے. یہ بہت اچھی بات ہے. 990 01:00:36,040 --> 01:00:39,570 لیکن ہم جاوا اسکرپٹ میں اچھا ہو رہے ہیں اور ہم اس قسم کی خود کرنا چاہتے ہیں، 991 01:00:39,570 --> 01:00:43,870 شاید اس پلگ ان کیا کر رہا کیا جا سکتا ہے پر ایک نظر لے. 992 01:00:43,870 --> 01:00:46,500 ، ہے اب نہیں ہے کہ Typeahead چیز کا استعمال 993 01:00:46,500 --> 01:00:50,550 اور مجوزہ اسٹاک کی اس فہرست میں خود کو بنانے کی کوشش کریں. 994 01:00:50,550 --> 01:00:53,790 یہاں ہم quote6.php میں اسی طرح شروع کرنے جا رہے ہیں. 995 01:00:53,790 --> 01:00:58,050 ہر وقت کسی نے کچھ کی قسم، ہم ایک AJAX کی درخواست کرنا چاہتے ہیں. 996 01:00:58,050 --> 01:01:01,590 یہ ہمارے اصل خزانہ CS50 فوری کی طرح ہے. 997 01:01:01,590 --> 01:01:05,020 نے quote.php پر ایک درخواست کرنے سے، بلکہ 998 01:01:05,020 --> 01:01:08,530 اب ہم پہلے کی طرح اس ایک ہی فائل میں رہے ہیں ایک درخواست کرنے، اس suggest.php 999 01:01:08,530 --> 01:01:12,460 جس میں صرف یاہو خزانہ کی طرف سے اعداد و شمار کی ھیںچو کی جا رہی ہے. 1000 01:01:12,460 --> 01:01:19,480 >> ایک بار پھر، ہم ابھی تک JSON کی توقع کر رہے ہیں، لیکن اب کے بعد Typeahead یہ ہمارے لئے نہیں کر رہا ہے، 1001 01:01:19,480 --> 01:01:24,850 ہم بھی قدر ہے کہ موجودہ متن والے باکس کے اندر ہے بھیجنے کی ضرورت ہے. 1002 01:01:24,850 --> 01:01:28,120 اب ہم جانتے ہیں کہ کیا یاہو خزانہ سے پوچھنا، 1003 01:01:28,120 --> 01:01:34,160 اور تو اب یہاں تقریب میں ہے کہ ہم ایک بار درخواست مکمل پھانسی کرنا چاہتے ہیں ہے. 1004 01:01:34,160 --> 01:01:36,520 ہم پلگ ان کی ضرورت نہیں ہے، ہمارے لئے کی فہرست بنانے، 1005 01:01:36,520 --> 01:01:40,630 یہاں ہے جہاں ہم اصل میں تجاویز کی ایک فہرست بنانے کے لئے جا رہے ہیں. 1006 01:01:40,630 --> 01:01:44,850 ایسا کرنے کے لئے، زیادہ پی ایچ پی کی طرح ہم HTML کے ان بڑے ڈور concatenated 1007 01:01:44,850 --> 01:01:48,170 پھر ہم نے ان طباعت، ہم جاوا سکرپٹ میں ایک ہی عین مطابق بات کر سکتے ہیں. 1008 01:01:48,170 --> 01:01:51,850 سب سے پہلے ہم اس سے ملاقات کی تجاویز سٹرنگ شروع کرنے جا رہے ہیں، 1009 01:01:51,850 --> 01:01:54,590 اور میں اس جملے کو صرف کچھ HTML مشتمل ہو رہا ہے. 1010 01:01:54,590 --> 01:01:58,320 ہم چیزوں کی فہرست کرنا چاہتے ہیں، تو ہم اس فہرست ٹیگ کے ساتھ شروع کرنے کے لئے جا رہے ہیں، 1011 01:01:58,320 --> 01:02:03,340 اور اب ہم علامات جو ہمیں واپس گئے تمام iterate جا رہے ہیں. 1012 01:02:03,340 --> 01:02:06,500 یاد رکھیں، کیونکہ ہم ڈیٹاپرکار کہا ہے: یہ 'JSON'، ایک تار نہیں ہے. 1013 01:02:06,500 --> 01:02:09,500 یہ پہلے سے ہی ہمارے لئے ایک صف ہے. یہ واقعی بہت اچھا ہے. 1014 01:02:09,500 --> 01:02:13,790 ہم یہ کہتے ہیں "میں آپ کو ایک فہرست عنصر شامل کرنا چاہتے ہیں." ​​کر سکتے ہیں 1015 01:02:13,790 --> 01:02:16,000 ہم نے اس کی طرف میں ایک عنصر کے اندر ڈال دیتا ہوں، 1016 01:02:16,000 --> 01:02:19,030 ہم یہ تجاویز کی ایک کلاس دے تو ہم جانتے ہیں کہ یہ کیا ہے. 1017 01:02:19,030 --> 01:02:23,880 اور اب یہاں کی علامت ہے کہ ہم یاہو خزانہ سے واپس مل گیا ہے. 1018 01:02:23,880 --> 01:02:27,230 >> ایک بار جب ہم علامات سے ہم واپس ہو گیا ہے میں سے ہر ایک کے لئے ایک عنصر تشکیل دے دیا ہے، 1019 01:02:27,230 --> 01:02:30,100 ہم صرف فہرست بند کرنا چاہتے ہیں. 1020 01:02:30,100 --> 01:02:33,040 تو اب تجاویز یہ چھوٹا HTML فریگمنٹ کی نمائندگی کرتا ہے 1021 01:02:33,040 --> 01:02:37,860 جب ایک صفحے پر ڈال دیا ہے کہ چیزوں کو ہم کے لئے تلاش کر رہے ہیں کی فہرست میں جا رہا ہے. 1022 01:02:37,860 --> 01:02:41,070 چلو اب اصل صفحے پر ڈال. 1023 01:02:41,070 --> 01:02:46,390 کہ میں نے اصل میں ایک اور خالی div تشکیل دے دیا ہے اور میں نے اسے دی گئی تجاویز میں سے ایک ID کیا ہے. 1024 01:02:46,390 --> 01:02:52,520 بہت کچھ جیسا کہ ہم div کے مندرجات اسٹاک اعداد و شمار کی قیمت کو ظاہر کرے گا مقرر، 1025 01:02:52,520 --> 01:02:58,600 اب ہم جو کچھ بھی میں اس جملے کو ہے اس div کے مندرجات قائم کرنے کے لئے کرنا چاہتے ہیں 1026 01:02:58,600 --> 01:03:00,290 جس میں ان علامات پر مشتمل ہے. 1027 01:03:00,290 --> 01:03:07,650 اس HTML طریقہ کا استعمال کرتے ہوئے کی طرف سے، یہ تجاویز متغیر، اس سٹرنگ، HTML کی ایک تار ہے. 1028 01:03:07,650 --> 01:03:13,490 میں تم سے جو HTML لے لیتے ہیں اور کہا جاتا تجاویز div کے اندر رکھ چاہتے ہیں. 1029 01:03:13,490 --> 01:03:15,680 ہمیں صرف DOM کچھ اب سے منسلک ہے. 1030 01:03:15,680 --> 01:03:20,360 ہم DOM کچھ نئے عناصر نے مزید کہا کہ اب ہم صفحے پر ظاہر کر سکتا ہے ہے. 1031 01:03:20,360 --> 01:03:22,540 چلو دیکھتے ہیں یہ کس طرح لگتا ہے. 1032 01:03:22,540 --> 01:03:29,110 اگر ہم نے quote6 میں لوڈ کریں اور اب ہم واپس آ، 1033 01:03:29,110 --> 01:03:34,480 اب جب میں AAPL ٹائپ کرنا شروع کریں، ہم نہیں رہ گیا کہ بوٹسٹریپ خود تکمیل ہے، 1034 01:03:34,480 --> 01:03:38,470 لیکن اب ہم اس فہرست میں ہے کہ ہم نے خود بنایا ہے. 1035 01:03:38,470 --> 01:03:43,230 یہ بوٹسٹریپ Typeahead سے تھوڑا سا uglier مثال کے طور پر ہے، 1036 01:03:43,230 --> 01:03:45,580 لیکن یہ ہمیں ایک اور چیز کرنے کی اجازت ہے. 1037 01:03:45,580 --> 01:03:48,660 جب ہم اس بوٹسٹریپ پلگ ان میں تلاش کر رہے تھے، 1038 01:03:48,660 --> 01:03:52,590 ہم نے دیکھا کہ جب ہم autocompleted، خود تکمیل اقدار میں سے ایک AAPL تھا. 1039 01:03:52,590 --> 01:03:54,820 یہ بہت مددگار ثابت نہیں ہو سکتا ہے. 1040 01:03:54,820 --> 01:03:59,100 ایک صارف کے طور پر، میں نے فوری طور پر اسٹاک علامات کو تسلیم نہیں کرتے ہو سکتا ہے. 1041 01:03:59,100 --> 01:04:02,370 میں شاید ہوں کی شناخت کا امکان کمپنی کے اصل نام یہ ہیں. 1042 01:04:02,370 --> 01:04:05,310 تو یہ واقعی مددگار نہیں اگر بجائے AAPL کہہ رہے 1043 01:04:05,310 --> 01:04:07,970 یہ ایپل انکارپوریٹڈ کی طرح کچھ نے کہا کہ 1044 01:04:07,970 --> 01:04:12,240 کیونکہ ہم اس لڑھکا کر خود ہے، ہم اس واقعی آسانی سے کر سکتے ہیں. 1045 01:04:12,240 --> 01:04:17,630 تو چلو، ہماری آخری اقتباس یہاں فائل کو کھولنے، quote7. 1046 01:04:17,630 --> 01:04:23,200 >> ایک ہی بات ہے. میں صرف ایک پی ایچ پی فائل صرف علامات سے ہمیں واپس نہیں کر تشکیل دیا ہے. 1047 01:04:23,200 --> 01:04:25,550 اس سے ہمیں یہ بھی کمپنی کا نام دے گا. 1048 01:04:25,550 --> 01:04:28,150 اور اس طرح ہم ایک ہی بات کر رہے ہیں. ہم ایک AJAX کی درخواست کر رہے ہیں. 1049 01:04:28,150 --> 01:04:32,370 ایک بار کی درخواست مکمل کر لیا ہے، ہم یہاں اس تقریب پھانسی جا رہے ہیں، 1050 01:04:32,370 --> 01:04:36,520 اور اس تقریب کے عناصر کا ایک بڑا سٹرنگ کی تعمیر کی جا رہی ہے. 1051 01:04:36,520 --> 01:04:39,520 لیکن یہاں فرق یہ ہے کہ ان فہرستوں کی قدر اب صرف ایک علامت ہے، 1052 01:04:39,520 --> 01:04:45,370 اب یہ نام ہے. 1053 01:04:45,370 --> 01:04:47,070 تو ہم ایک چھوٹی سی مسئلہ ہے. 1054 01:04:47,070 --> 01:04:51,590 جب ہم اپنی تلاش کا استعمال کرتے ہیں، ہم کسی نہ کسی طرح اس علامت کو منتقل کرنے کی ضرورت ہے. 1055 01:04:51,590 --> 01:04:54,950 ہم مائیکروسافٹ کارپوریشن جیسے کچھ تلاش پاس نہیں کر سکتے. 1056 01:04:54,950 --> 01:04:57,900 ہم نے یہ MSFT کو منتقل کرنے کی ضرورت ہے. 1057 01:04:57,900 --> 01:05:01,640 جب ہم HTML لکھ رہے ہیں، ہم اچھی صفات بلٹ میں بہت ہے. 1058 01:05:01,640 --> 01:05:05,440 ایک اسے ایک href کی یا ایک کلاس کے ساتھ منسلک کر سکتے ہیں. 1059 01:05:05,440 --> 01:05:08,230 لیکن کیا ہم واقعی ضرورت ہے ان لنکس میں سے ہر ایک کے لئے ہے 1060 01:05:08,230 --> 01:05:11,120 اس کے ساتھ وابستہ اسٹاک علامت ہے. 1061 01:05:11,120 --> 01:05:14,240 کوئی بلٹ میں اسٹاک علامت کے لئے HTML وصف ہے 1062 01:05:14,240 --> 01:05:21,010 لیکن خوش قسمتی سے، HTML5 ہمیں ہماری اپنی صفات جو ہم چاہتے ہیں بنانے کے لئے کی اجازت دیتا ہے ہے. 1063 01:05:21,010 --> 01:05:24,620 ڈیٹا علامت کہہ کر، میں نے ایک نئی خصوصیت متعارف کرائی ہے 1064 01:05:24,620 --> 01:05:29,350 جس کے نام میں صرف بنا ہوا ہے، اور یہ ٹھیک ہے کیونکہ میں نے اسے اس اعداد و شمار کے ساتھ prefaced. 1065 01:05:29,350 --> 01:05:34,270 ہم اسٹاک سے وہاں کی علامت کے اندر ذخیرہ کرنے جا رہے ہیں. 1066 01:05:34,270 --> 01:05:39,590 کیا اس کا مطلب یہ ہے کہ اگرچہ ہم نے کمپنی کے نام کی قدر ظاہر کر رہے ہیں 1067 01:05:39,590 --> 01:05:43,380 ہماری خود تکمیل کے اندر، ہم اب بھی علامت کو یاد کر رہے ہیں 1068 01:05:43,380 --> 01:05:47,110 جو کہ ہر کمپنی کے ساتھ منسلک کیا جاتا ہے. 1069 01:05:47,110 --> 01:05:50,350 جس طرح سے ہم اس کر رہے ہیں اس عنصر ہی کے اندر ہے. 1070 01:05:50,350 --> 01:05:52,930 تو اس کا مطلب ہے کہ ہم ایک اور تبدیلی کی ضرورت ہے. 1071 01:05:52,930 --> 01:05:57,090 جب ہم اس پر کلک کریں، ہم اصل میں علامت کے وصف سے فائدہ اٹھانے کی ضرورت ہے 1072 01:05:57,090 --> 01:06:00,220 کی بجائے صرف اس کی قیمت ہے. 1073 01:06:00,220 --> 01:06:05,010 اگر ہم بیک اپ، ہم تجاویز کے نتیجے میں کوئی ایسا واقعہ ہینڈلر منسلک ہے. 1074 01:06:05,010 --> 01:06:09,280 جب بھی ان تجاویز میں سے ایک کو اب کلک کیا ہے، میں کچھ کرنا چاہتا ہوں. 1075 01:06:09,280 --> 01:06:13,160 مجھے کیا کرنا چاہتے ہیں اس ان پٹ باکس کی قدر میں تبدیلی. 1076 01:06:13,160 --> 01:06:16,100 اب میں یہی ویل تقریب مقرر کرنا چاہتے ہیں. 1077 01:06:16,100 --> 01:06:21,060 >> تو کوئی بحث کے بغیر اس ویل تقریب آپ کو واپس متن والے باکس میں پہلے سے ہی کیا ہے، 1078 01:06:21,060 --> 01:06:27,070 لیکن اگر آپ یہ ایک تار دے، اس سٹرنگ اور ٹیکسٹ باکس میں ڈال جا رہا ہے. 1079 01:06:27,070 --> 01:06:28,980 میں اسی طرح میں اس کے ٹیکسٹ باکس کو منتخب کر رہا ہوں. 1080 01:06:28,980 --> 01:06:31,230 یہ نام فارم اقتباس کی علامت کے اندر ہے. 1081 01:06:31,230 --> 01:06:37,540 اب میں یہ وصف ڈیٹا کی علامت کی قدر بھیج رہا ہوں. 1082 01:06:37,540 --> 01:06:41,560 یہ بات نئی ہے، اس ڈالر (اس). 1083 01:06:41,560 --> 01:06:46,850 کیا اس سے مراد وہ عنصر ہے کہ کلک کیا گیا تھا ہے. 1084 01:06:46,850 --> 01:06:50,880 ہم یہاں دیکھتے ہیں کہ ہم ایک کلک واقعہ منسلک نہیں کر رہے ہیں کر سکتے ہیں 1085 01:06:50,880 --> 01:06:54,690 تجویز کی ایک کلاس میں سے ہر ایک انفرادی طور پر عنصر. 1086 01:06:54,690 --> 01:06:57,140 بلکہ، ہم نے یہ ایک چھوٹی سی مختلف قریب آ رہے ہیں. 1087 01:06:57,140 --> 01:07:01,700 اس کے بجائے ہم کہہ رہے ہو، اس تجاویز div کچھ اندر جب بھی 1088 01:07:01,700 --> 01:07:04,080 جو یاد رکھیں کہ صرف اس کی فہرست کے لئے کنٹینر ہے، 1089 01:07:04,080 --> 01:07:10,150 اگر اس div کے اندر کچھ پر کلک کیا اور اس تجویز کی کلاس ہے، 1090 01:07:10,150 --> 01:07:13,000 میں نے اس ایونٹ کو برطرف کرنا چاہتے ہیں. 1091 01:07:13,000 --> 01:07:17,490 بنیادی طور پر اس کا مطلب یہ ہے کہ ہم کیا کر سکتے ہیں ہے کہ ہم نے یہ اسی ایونٹ ہینڈلر کو دوبارہ استعمال کر سکتے ہیں 1092 01:07:17,490 --> 01:07:20,000 فہرست میں چیزوں میں سے سب کے لئے. 1093 01:07:20,000 --> 01:07:22,080 تو ہم نے پہلے عنصر کے لئے ایک ایونٹ ہینڈلر کی ضرورت نہیں ہے 1094 01:07:22,080 --> 01:07:24,550 دوسرے عنصر کے لئے اور ایک مختلف ایونٹ ہینڈلر. 1095 01:07:24,550 --> 01:07:29,880 ہم بجائے کہنا "میں اسی ایونٹ ہینڈلر میری فہرست میں سب کچھ پر لاگو کرنا چاہتے ہیں." ​​کر سکتے ہیں 1096 01:07:29,880 --> 01:07:34,420 لیکن ہم کسی نہ کسی طرح جانتے ہیں جس میں عنصر کلک کیا گیا تھا کی ضرورت ہے. 1097 01:07:34,420 --> 01:07:38,450 اس "صرف یہ ہے کہ اس" مطلوبہ الفاظ کی نمائندگی کرتا ہے. 1098 01:07:38,450 --> 01:07:42,360 یہ اعتراض ہے کہ صرف صارف کی طرف سے کلک کیا تھا ہے. 1099 01:07:42,360 --> 01:07:47,680 اگر میں صرف 3rd اس لنک پر کلک، یہ اس 3rd لنک کے عناصر کی نمائندگی کرتا ہے، 1100 01:07:47,680 --> 01:07:51,670 جس کا مطلب یہ ہے کہ میں اس کے وصف، ڈیٹا علامت حاصل کر سکتے ہیں، 1101 01:07:51,670 --> 01:07:57,760 جو ہم جانتے علامت ہے کہ کمپنی میں صرف کلک کیا کے ساتھ منسلک ہے پر مشتمل ہے. 1102 01:07:57,760 --> 01:08:04,550 اگر ہم ہمارے فنانس صفحے پر واپس کود، 1103 01:08:04,550 --> 01:08:08,580 اب ہم دیکھ سکتے ہیں کہ ایک بار میں msft طرح کچھ ٹائپ کرنا شروع کریں، 1104 01:08:08,580 --> 01:08:11,220 اب ہم صرف اسٹاک علامات ہو رہے ہیں، 1105 01:08:11,220 --> 01:08:13,720 اب ہم اصل کمپنیوں کو ہو رہے ہیں. 1106 01:08:13,720 --> 01:08:20,410 ، لیکن جب میں نے ان کمپنیوں میں سے ایک پر کلک کریں 1107 01:08:20,410 --> 01:08:25,180 کمپنی کے نام کے ساتھ ہم دیکھتے ہیں کہ ہم اصل میں ٹیکسٹ باکس populating رہے ہیں نہیں کر سکتے 1108 01:08:25,180 --> 01:08:29,850 لیکن ان اعداد و شمار صفات کے اندر جو کچھ بھی ذخیرہ کیا گیا تھا. 1109 01:08:29,850 --> 01:08:32,880 اور اگر ایسا ہے تو میں ٹھیک ہے پر کلک کر کے اصل میں ان عناصر میں سے ایک کا معائنہ 1110 01:08:32,880 --> 01:08:36,200 اور عنصر کے معائنہ پر کلک، ہم اصل میں یہ کس طرح لگتا ہے دیکھ سکتے ہیں. 1111 01:08:36,200 --> 01:08:40,290 >> یاد رکھیں اس بات پر ہے کہ ہم اس کے لوپ کے لئے اندر پیدا 1112 01:08:40,290 --> 01:08:42,649 جب ہم نے تعمیر HTML کہ سٹرنگ تھے. 1113 01:08:42,649 --> 01:08:47,870 ہم یہاں دیکھتے ہیں کہ اس ڈیٹا علامت MSFT، جو بہت اچھا ہے کی قدر ہے. 1114 01:08:47,870 --> 01:08:49,189 یہی ہے جو ہم توقع کر رہے تھے. 1115 01:08:49,189 --> 01:08:53,170 یہ نشانی ہے اور یہ کہ ہے کہ ہم کس طرح قدر ہے کہ ہم نے استعمال کرنے کے لئے کی ضرورت ہے ہے 1116 01:08:53,170 --> 01:08:56,140 اس ٹیکسٹ باکس کے اندر. 1117 01:08:56,140 --> 01:08:58,850 یہ اقتباس فارم کے لیے کافی ہے کیونکہ یہ بورنگ کی طرح ہے. 1118 01:08:58,850 --> 01:09:02,990 آو ہمارے پورٹ فولیو کے صفحے میں کچھ فوری اضافہ. 1119 01:09:02,990 --> 01:09:08,109 اگر آپ تھوڑی دیر کے لئے CS50 خزانہ کا استعمال کیا ہے اور آپ خرید اور فروخت اسٹاک کی ایک بہت شروع، 1120 01:09:08,109 --> 01:09:11,300 آخر میں یہ میز بہت بڑا حاصل کرنے کے لئے جا رہا ہے، 1121 01:09:11,300 --> 01:09:13,850 اور آپ کو اسٹاک کورس کی ٹکر، کرنا چاہتے ہیں جا رہے ہیں. 1122 01:09:13,850 --> 01:09:20,350 ایک بار میز بہت، بہت بڑا ہے، اس صارف کے لئے مفید ہو اس پر تلاش کرنے کی کوشش کر سکتے ہیں. 1123 01:09:20,350 --> 01:09:23,290 اندر تلاش کے باکس اگر میں ڈزنی کی طرح کچھ ٹائپ کرنا شروع کریں 1124 01:09:23,290 --> 01:09:26,359 اور ہم اپنے مکی ماؤس اسٹاک کے لئے تلاش، ملاحظہ کریں کہ ٹیبل اب فلٹرنگ ہے 1125 01:09:26,359 --> 01:09:28,189 کی بنیاد پر جو میں نے ابھی اندر ٹائپ 1126 01:09:28,189 --> 01:09:31,640 یہ فعالیت سپر پیچیدہ لگتا ہے، لیکن یہ واقعی بہت آسان ہے 1127 01:09:31,640 --> 01:09:33,859 jQuery اور جاوا سکرپٹ کے ساتھ. 1128 01:09:33,859 --> 01:09:39,189 یہ portfolio.php فائل جاوا سکرپٹ کہا جاتا portfolio.js فائل بھی شامل ہے. 1129 01:09:39,189 --> 01:09:41,130 چلو، اس پر ایک نظر لے. 1130 01:09:41,130 --> 01:09:44,890 تو HTML، JS، پورٹ فولیو. 1131 01:09:44,890 --> 01:09:49,210 یہاں ہے جہاں ہم کیا کر رہے ہیں کہ میز پر تلاش کر رہے ہیں. 1132 01:09:49,210 --> 01:09:52,750 پہلی بات میں کیا کرنے کی ضرورت ہے، اس ٹیکسٹ باکس میں ایک ایونٹ ہینڈلر منسلک ہے 1133 01:09:52,750 --> 01:09:55,760 کیونکہ ہم جانتے ہیں کہ ہمیں ہمارے فلٹرنگ تقریب کو برطرف کرنا چاہتے ہیں 1134 01:09:55,760 --> 01:09:59,800 ہر بار صارف کے کچھ پریس کیونکہ ہم تلاش کے بٹن کے لئے وقت نہیں ہے. 1135 01:09:59,800 --> 01:10:03,000 پہلی بات ہم کیا کرنے کی ضرورت ہے ہے اعداد و شمار جو صارف کے لئے تلاش کر رہا ہے، 1136 01:10:03,000 --> 01:10:04,780 جیسا کہ ہم نے پہلے کیا ہے. 1137 01:10:04,780 --> 01:10:11,320 یہ مطلوبہ الفاظ سے مراد موجودہ عنصر صارف کے ساتھ بات چیت ہے. 1138 01:10:11,320 --> 01:10:14,070 >> کیونکہ صارف کے تلاش کے باکس کے ساتھ بات چیت کر رہا ہے، 1139 01:10:14,070 --> 01:10:17,020 ڈالر کی اس تلاش کے باکس کی نمائندگی کرتا ہے، 1140 01:10:17,020 --> 01:10:21,820 تو this.val ہمیں دیتا ہے تلاش کے باکس صارف فی الحال ٹائپ کر رہا ہے کے اندر کیا ہے. 1141 01:10:22,810 --> 01:10:27,320 تو، اب جو ہم کرنا چاہتے ہیں تو ہم سے زیادہ لائنوں کی سب iterate چاہتے ہیں 1142 01:10:27,320 --> 01:10:29,240 کے اندر اندر ہماری ٹیبل کے. 1143 01:10:29,240 --> 01:10:35,630 ہمارے ٹیبل میں قطاروں کی سب کو منتخب کرنے کے لئے، میں نے اس کی میز میز کے پورٹ فولیو کا ایک ID دیا، 1144 01:10:35,630 --> 01:10:39,060 اور ہر صف ایک TR کے عناصر کی طرف سے ظاہر کیا جاتا ہے، 1145 01:10:39,060 --> 01:10:42,080 تو اس سلیکٹر میرے لئے ایک بڑا صف میں واپس جا رہا ہے 1146 01:10:42,080 --> 01:10:44,370 میری ٹیبل میں تمام قطاروں کی. 1147 01:10:44,370 --> 01:10:47,010 اب میں اس صف پر iterate کرنا چاہتے ہیں. 1148 01:10:47,010 --> 01:10:52,390 مجھے تم، لوپ کے لئے کر سکتے لیکن jQuery اصل میں ہمیں اچھی تقریب فراہم کرتا ہے کہتے ہیں "ہر". 1149 01:10:52,390 --> 01:10:55,220 ہر کرتا ہے ہر ایک دلیل لیتا ہے، 1150 01:10:55,220 --> 01:10:57,090 اور یہ دلیل ایک تقریب ہے. 1151 01:10:57,090 --> 01:11:02,760 یہ کیا جا رہا ہے ہے ہے کہ اس فہرست کے اندر ہر عنصر ہے کہ تقریب پر لاگو ہو رہا ہے. 1152 01:11:02,760 --> 01:11:05,550 اس تقریب میں ایک دلیل ہے کہ ای لیتا ہے، 1153 01:11:05,550 --> 01:11:10,090 اور جب اس تقریب کو پھانسی ہے، یہ ای پہلی قطار کے ساتھ تبدیل ہو رہا ہے، 1154 01:11:10,090 --> 01:11:12,070 اور پھر دوسری صف، اور پھر تیسری قطار. 1155 01:11:12,070 --> 01:11:15,150 اس طرح سے، یہ لوپ کے لئے ایک چلانے کے طور پر ایک ہی بات ہے 1156 01:11:15,150 --> 01:11:21,360 اور پھر موجودہ لوپ کے لئے آپ کی فہرست کے اندر کی بنیاد پر عنصر figuring. 1157 01:11:21,360 --> 01:11:24,750 ہر iteration میں ٹیبل میں ان عناصر میں سے ہر ایک کے لئے، 1158 01:11:24,750 --> 01:11:30,560 قطار کے اندر سیل کا متن - عنصر کا متن اگر چیک کرنے کے لیے کرنا چاہتے ہیں - 1159 01:11:30,560 --> 01:11:33,130 سے میل کھاتا ہے کہ میں کیا تلاش کر رہا ہوں. 1160 01:11:33,130 --> 01:11:36,390 حکم کا یہ بڑا طویل سٹرنگ ہے کہ میں کس طرح کر سکتے ہیں. 1161 01:11:36,390 --> 01:11:40,900 سب سے پہلے، ایک بار پھر، اب یہ مراد - کیونکہ یہ ایک نیا تقریب کے اندر ہے - 1162 01:11:40,900 --> 01:11:45,020 اب یہ ٹیبل میں موجودہ لائن ہے. 1163 01:11:45,020 --> 01:11:47,340 میں ٹیبل میں موجودہ لائن کو لینے کے لئے چاہتے ہیں، 1164 01:11:47,340 --> 01:11:49,950 اور میں اس کے بچوں کی سب کو حاصل کرنے کے لئے کرنا چاہتے ہیں. 1165 01:11:49,950 --> 01:11:51,940 یاد رکھیں، DOM ایک پدانکردوست درخت ہے، 1166 01:11:51,940 --> 01:11:54,200 جس کا مطلب یہ ہے کہ عناصر بچوں کی ایک بڑی تعداد ہے. 1167 01:11:54,200 --> 01:12:00,180 >> یہ بچوں کی تقریب. میرے پاس واپس عناصر کے سب ایک صف واپس جا رہا ہے 1168 01:12:00,180 --> 01:12:03,240 کے بچوں کو اس معاملے میں، ٹیبل میں ایک قطار میں ہیں. 1169 01:12:03,240 --> 01:12:07,150 یہ صرف صرف صف کے اندر خلیات ہے. 1170 01:12:07,150 --> 01:12:09,230 میں صرف پہلا سیل پر تلاش کرنا چاہتے ہیں. 1171 01:12:09,230 --> 01:12:13,090 یہ پہلا جشن ہے. کا کہنا ہے کہ کے وزٹرز کا ریکارڈ رکھا جائے گا. میرے اس صف میں سب سے پہلے عنصر. 1172 01:12:13,090 --> 01:12:17,070 پھر متن تقریب کا کہنا ہے کہ حاصل آپ کے وزٹرز کا ریکارڈ رکھا بالکل وہی جو اس سیل کے اندر ہے 1173 01:12:17,070 --> 01:12:19,530 کیونکہ میں یہ کہ عبارت پر تلاش کرنا چاہتے ہیں. 1174 01:12:19,530 --> 01:12:21,040 آخر میں، یہ چھوٹے تبدیل، 1175 01:12:21,040 --> 01:12:23,940 تو ہم متن کیس بے حسی سوالات کر سکتے ہیں. 1176 01:12:23,940 --> 01:12:29,990 آخر میں، ہم اگر ایک ٹیبل کے اندر سٹرنگ سٹرنگ ہم کے لئے تلاش کر رہے ہیں پر مشتمل ہے کو دیکھنے کے لئے چاہتے ہیں. 1177 01:12:29,990 --> 01:12:32,980 جاوا اسکرپٹ میں indexOf تقریب صرف یہ ہے کہ کرتا ہے. 1178 01:12:32,980 --> 01:12:37,060 یہ ہمیں بتاتا ہے یا نہیں میں اس جملے کو ایک اور سٹرنگ پر مشتمل ہے. 1179 01:12:37,060 --> 01:12:40,150 ، اگر یہ سچ ہے کہ سیل پر مشتمل ہے جو میں تلاش کر رہا ہوں 1180 01:12:40,150 --> 01:12:42,140 تو میں اس بات کا یقین کر لیں کہ کہ یہ دکھایا گیا ہے بنانے کے لئے چاہتے ہیں. 1181 01:12:42,140 --> 01:12:45,330 کا کہنا ہے کہ شو کا طریقہ، "دکھائیں عنصر." 1182 01:12:45,330 --> 01:12:50,350 اگر ایسا نہیں ہے، تو اس کا مطلب ہے کہ جو کچھ بھی میں نہیں موجود ہے کے لئے تلاش کر رہا ہوں 1183 01:12:50,350 --> 01:12:53,550 اس قطار کے اندر اندر، اور میں چاہتا ہوں کہ چھپانے کی صارف کی طرف سے ہے. 1184 01:12:53,550 --> 01:12:59,240 یہ کہ اچھا فلٹرنگ اثر حاصل ہے جہاں اب کوئی ہم پوری ٹیبل دیکھیں. 1185 01:12:59,240 --> 01:13:01,480 اگر آپ کو کس طرح اس ٹکر کے طور پر بنانے کے لئے میں دلچسپی رکھتے ہیں، 1186 01:13:01,480 --> 01:13:04,180 ہم ذریعہ آن لائن پوسٹ کریں گے. لیکن یہ واقعی بہت آسان ہے. 1187 01:13:04,180 --> 01:13:09,860 JQuery یہ متحرک تصاویر اور توڑ CSS خصوصیات کے لئے بہت اچھا طریقوں ہے. 1188 01:13:09,860 --> 01:13:11,020 تو، یہ میرے لئے ہے. 1189 01:13:11,020 --> 01:13:15,560 >> کیا تو پھر جھوٹ؟ کے طور پر آپ کو چند دنوں میں نظر آئے گا، حتمی منصوبوں کی تجویز کی وجہ سے ہے. 1190 01:13:15,560 --> 01:13:17,730 حتمی منصوبوں کی تجویز آپ کو کچھ سوالات پوچھے گا، 1191 01:13:17,730 --> 01:13:19,420 لیکن ان کے درمیان تین سنگ میل ہو جائے گا - 1192 01:13:19,420 --> 01:13:22,840 ایک "اچھے" سنگ میل، ایک بہتر سنگ میل، اور ایک بہترین. 1193 01:13:22,840 --> 01:13:25,870 واقعی لوگ آپ کی مدد کرنے کے خیال سے آپ کی توقعات مقرر 1194 01:13:25,870 --> 01:13:29,160 تاکہ minimally آپ کو آپ کی آخری منصوبے کی پیداوار کے ساتھ خوش ہو جائے گا 1195 01:13:29,160 --> 01:13:32,060 اور یہ "اچھے" جہاں تک آپ کا تعلق ہے ہو جائے گا. 1196 01:13:32,060 --> 01:13:34,540 لیکن اس وقت بہتر آپ سے کچھ صرف تھوڑا سا تک پہنچنے کے لئے حاصل کرنے کے مفاد میں 1197 01:13:34,540 --> 01:13:37,680 یا سب سے بہتر کچھ، ہم بھی آپ سے اس کی طرف اس کے ساتھ ساتھ دھکا ترتیب گے. 1198 01:13:37,680 --> 01:13:40,660 CS50 ہیک ایک thon، دوران، چند ہفتوں میں ہے. 1199 01:13:40,660 --> 01:13:44,340 ، عام طور پر، ہم نے ایک لاٹری کی بنیاد کی بنیاد پر دلچسپی کی وجہ سے ایسا کرتے ہیں 1200 01:13:44,340 --> 01:13:47,680 لیکن مشکلات ہیں ہم شٹل بسیں میں ہارورڈ چوک سے ہم میں سے چند سو لے جائیں گے 1201 01:13:47,680 --> 01:13:51,540 کینڈل چوک جہاں مائیکروسافٹ aptly "بیوکوف" ایک خوبصورت سہولت ہے - 1202 01:13:51,540 --> 01:13:53,830 نیو انگلینڈ تحقیق اور ترقی کے مرکز. 1203 01:13:53,830 --> 01:13:56,380 ہم وہاں 8 بجے ہم کچھ کھانا پڑے گا. 1204 01:13:56,380 --> 01:13:58,160 تقریبا 1 بجے ہم کچھ کھانا پڑے گا. 1205 01:13:58,160 --> 01:14:02,150 تقریبا 5 اگر آپ اب بھی ہیں ہم جاگ کے اوپر سے سر یا لینے کے لئے کیمپس کرنے کے لئے آپ کو IHOP واپس کریں گے. 1206 01:14:02,150 --> 01:14:04,380 وہاں مقصد آخری منصوبوں میں کودو ہے 1207 01:14:04,380 --> 01:14:06,190 کے ساتھ ساتھ ہم جماعتوں اور عملے کی. 1208 01:14:06,190 --> 01:14:08,280 پھر کچھ دنوں کے بعد CS50 میلے ہے، 1209 01:14:08,280 --> 01:14:10,990 جو واقعی میں ایک موقع مراد ہے کے لئے لوگ آپ کو آپ کے کام کی نمائش 1210 01:14:10,990 --> 01:14:12,700 سمسٹر کے لئے کامیابیوں اور 1211 01:14:12,700 --> 01:14:15,610 جبکہ ایک دوسرے کے ساتھ کندھوں رگڑ اور جو سب نے کا احساس ہو رہا ہے. 1212 01:14:15,610 --> 01:14:17,850 نے کہا کہ کے ساتھ، ٹومی اور یوسف بہت شکریہ 1213 01:14:17,850 --> 01:14:19,960 اور ہم نے تم سے پیر کو نظر آئے گا. 1214 01:14:19,960 --> 01:14:24,070  [تعریف]