1 00:00:00,000 --> 00:00:03,388 >> [موسیقی بجانے] 2 00:00:03,388 --> 00:00:09,196 3 00:00:09,196 --> 00:00:10,180 >> DAVID J. MALAN: ہیلو. 4 00:00:10,180 --> 00:00:12,600 کے ذریعے ایک واک لے چلتے ہیں مسئلہ سیٹ 8 میشپ، 5 00:00:12,600 --> 00:00:15,880 جس سے آپ کو چیلنج کرنے کی جا رہی ہے Google Maps کے لئے عناصر صلی اللہ علیہ وسلم اپنی طرف متوجہ 6 00:00:15,880 --> 00:00:20,905 گوگل خبریں اور سانی سے عناصر کے ساتھ ایک دوسرے کے ساتھ ایک ویب اپلیٹ میں ان کو کہ 7 00:00:20,905 --> 00:00:24,150 ایک صارف کے تلاش کرنے کے لئے کی اجازت دیتا ہے مقامی خبریں کے لئے ایک نقشہ 8 00:00:24,150 --> 00:00:26,780 مخصوص شہروں میں، شہروں، اور زپ کوڈ. 9 00:00:26,780 --> 00:00:31,040 ایسا کرنے کے لئے، ہم جا رہے ہیں کچھ HTML ضم، سی ایس ایس، پی ایچ پی، SQL، 10 00:00:31,040 --> 00:00:34,390 جاوا سکرپٹ، اور ایک ٹیکنالوجی عام طور پر ترتیب میں AJAX کے طور پر جانا 11 00:00:34,390 --> 00:00:36,850 اس عمیق پیدا کرنے کے لئے صارف کا تجربہ. 12 00:00:36,850 --> 00:00:38,920 >> کے پہلے گوگل نقشہ جات ہی کے لئے کرتے ہیں. 13 00:00:38,920 --> 00:00:41,220 یہ، کورس کے، شاید ہے ایک واقف انٹرفیس. 14 00:00:41,220 --> 00:00:45,070 لیکن یہ پتہ چلا ہے کہ گوگل نقشہ جات یہ بھی ایک API-- درخواست فراہم 15 00:00:45,070 --> 00:00:48,360 انٹرفیس پروگرامنگ جس کے ذریعے آپ کو Google Maps کے عناصر لے جا سکتے ہیں 16 00:00:48,360 --> 00:00:50,740 اور میں ضم اپنی خود کی ایپلی کیشنز. 17 00:00:50,740 --> 00:00:52,650 بے شک، میں اس عمل، آپ جا رہے ہیں 18 00:00:52,650 --> 00:00:55,140 یو آر ایل کی ایک جوڑے تلاش کرنے کے لئے کہ خاص طور پر مددگار 19 00:00:55,140 --> 00:00:57,820 میں ذکر کر رہے ہیں مسئلہ سیٹ 8 کے لئے تصریح، 20 00:00:57,820 --> 00:01:00,980 خاص طور پر اس شروعات گائیڈ یا ڈیولپر کی گائیڈ 21 00:01:00,980 --> 00:01:07,640 Google Maps کے API ورژن 3 کے ساتھ ساتھ کے لئے گوگل نقشہ جات جاوا سکرپٹ API کے طور پر 22 00:01:07,640 --> 00:01:10,260 ایک ہے جو V3 ریفرنس، پڑھنے کے لئے سا زیادہ arcane 23 00:01:10,260 --> 00:01:14,600 لیکن اصل میں نچلے درجے کے سب ہیں کیا کام کرتا ہے یا طریقوں کے بارے میں تفصیلات 24 00:01:14,600 --> 00:01:18,220 اور اشیاء اور خصوصیات اور واقعات دراصل API کے ساتھ آتے ہیں، 25 00:01:18,220 --> 00:01:20,720 روح میں بہت ہی [اشراوی] صفحات پر. 26 00:01:20,720 --> 00:01:23,480 >> اب ہم ایک نظر ڈالیں تو گوگل نیوز پر، تمہیں میں 27 00:01:23,480 --> 00:01:25,370 شاید یہاں ایک واقف انٹرفیس دیکھ. 28 00:01:25,370 --> 00:01:29,350 لیکن یہ آپ کو بھی تلاش کر سکتے ہیں باہر کر دیتا ہے مخصوص جغرافیائی علاقوں کیلئے گوگل خبریں 29 00:01:29,350 --> 00:01:32,000 جیو نامی ایک HTTP پیرامیٹر کے ذریعے. 30 00:01:32,000 --> 00:01:35,100 اصل میں، میں میں زوم اگر یہاں، آپ کو نظر آئے گا کہ 31 00:01:35,100 --> 00:01:41,672 میں میں ہوں news.google.com/news/section؟geo=02138. 32 00:01:41,672 --> 00:01:43,630 اور، یقینا، میں زوم کریں باہر، آپ کو میں ہوں کہ نظر آئے گا 33 00:01:43,630 --> 00:01:47,090 ایک مکمل جھوبڈ کے ساتھ ایک صفحے پر دیکھ رہے کیمبرج، میسا چوسٹس کے بارے میں خیالات. 34 00:01:47,090 --> 00:01:50,620 >> دریں اثنا، میں واقعی میں تبدیل کرتے ہیں یو آر ایل، اس طرح ایک زپ کوڈ بننا نہیں 35 00:01:50,620 --> 00:01:55,580 لیکن ایک چھوٹی سی messier کچھ اور کیمبرج، میسا چوسٹس + کی طرح، 36 00:01:55,580 --> 00:02:00,740 کے علاوہ جس طرح سے ہے جہاں آپ کو ایک ضابطہ کاری کریں ایک یو آر ایل میں خلا کردار اور درج کریں مارا، 37 00:02:00,740 --> 00:02:02,907 آپ اصل میں ہے کہ میں دیکھ لیں گے تقریبا ایک ہی خبر دیکھیں. 38 00:02:02,907 --> 00:02:05,489 شاید یہ ایک تھوڑا سا مختلف ہے کیمبرج اصل کیونکہ 39 00:02:05,489 --> 00:02:06,910 ایک سے زیادہ زپ کوڈ ہے. 40 00:02:06,910 --> 00:02:09,410 اب میں کس طرح جانتے ہیں کہ اور کرے گا، حقیقت میں، کہ کس طرح کسی نہ کسی طرح میں کر سکتا ہوں 41 00:02:09,410 --> 00:02:12,940 شہروں اور قصبوں باندھنے کیس میں اندر زپ کوڈ کو 42 00:02:12,940 --> 00:02:15,064 صارف کی اجازت چاہتا ہوں یا تو تلاش کرنے کے لئے؟ 43 00:02:15,064 --> 00:02:17,480 ویسے، یہ وہاں ہے کہ باہر کر دیتا ایک ویب سائٹ کو وہاں سے باہر بلایا 44 00:02:17,480 --> 00:02:20,060 geonames.org جو ہے ایک پہل ہے کرنا 45 00:02:20,060 --> 00:02:23,760 سب سے ایک آزادانہ طور پر دستیاب ڈیٹا بیس جغرافیائی معلومات کے ہر قسم کے، 46 00:02:23,760 --> 00:02:27,040 نہ صرف ہمارے لئے ہیں، بلکہ دیگر ممالک کے لئے اس کے ساتھ ساتھ. 47 00:02:27,040 --> 00:02:30,430 اصل میں، میں، اس یو آر ایل پر جاتے ہیں جس میں بھی مسئلہ سیٹ میں ذکر کیا جاتا ہے 48 00:02:30,430 --> 00:02:34,510 تصریح، آپ اسے تین دیکھ لیں گے زپ فائلوں کی ایک پوری چڑھانے کی لسٹنگ 49 00:02:34,510 --> 00:02:36,400 جن میں سے کوئی بھی آپ کی طرف سے ڈاؤن لوڈ کیا جا سکتا ہے. 50 00:02:36,400 --> 00:02:39,900 اصل میں، اس مسئلہ کے لئے مقرر آپ us.zip اتارنا کرنے کے لئے جا رہے ہیں. 51 00:02:39,900 --> 00:02:43,790 اب اس فائل کے اندر اندر، ایک پوری ہے متن کی شکل میں اعداد و شمار کے گروپ. 52 00:02:43,790 --> 00:02:47,760 فائلوں کو ایک بہت ملتا جلتا ہے CSV-- کاما قدریں فائل 53 00:02:47,760 --> 00:02:51,294 لیکن یہ اصل میں کا استعمال کرتا ہے ٹیبز کھیتوں کی تخصیص کرنے کے لئے. 54 00:02:51,294 --> 00:02:53,710 اب، اس دوران، آپ کو نظر آتے ہیں یہاں میں نے روشنی ڈالی ہے کیا میں، 55 00:02:53,710 --> 00:02:56,459 اس فائل میں کھیتوں جا رہے ہیں ملک کوڈ طرح چیزوں بننا، 56 00:02:56,459 --> 00:02:58,980 پوسٹل کوڈ، جگہوں کے نام، اور اس کے بعد، کسی نہ کسی شکل میں 57 00:02:58,980 --> 00:03:04,230 یا دیگر، ریاستوں اور ممالک، کمیونٹیز، اور زیادہ. 58 00:03:04,230 --> 00:03:06,630 اصل میں، میں نے پہلے ہی ہے پہلے میں اس فائل کو ڈاؤن لوڈ کیا. 59 00:03:06,630 --> 00:03:09,750 مجھے آگے بڑھیں اور یہاں اس کو کھولنے بے شک، تم سب، us.text-- اور 60 00:03:09,750 --> 00:03:16,660 میں نے 16.792 لائن کے لئے ذیل میں سکرال تو دیکھ آپ، کیمبرج کے لیے چند ریکارڈز کو دیکھ لیں گے 61 00:03:16,660 --> 00:03:19,120 میساچوسٹس اور اس کے مختلف زپ کوڈ. 62 00:03:19,120 --> 00:03:22,150 کیا آپ کو وہاں بھی دیکھ، کاؤنٹی ہے میں واقعی میں نہیں ہے کہ کچھ اعداد 63 00:03:22,150 --> 00:03:24,500 یہ بھی سب کو سمجھنے، لیکن دائیں طرف کے طریقہ، 64 00:03:24,500 --> 00:03:27,170 بعض GPS نقاط طول بلد اور عرض بلد. 65 00:03:27,170 --> 00:03:30,440 یہ بہت اچھا ہے میں سے ایک ہے کیونکہ Google Maps کے API کی خصوصیات 66 00:03:30,440 --> 00:03:33,670 پتہ لگانے کے لئے کی صلاحیت ہے آپ کو جغرافیائی کہاں ہیں 67 00:03:33,670 --> 00:03:36,850 GPS کے نقاط کی شرائط میں. 68 00:03:36,850 --> 00:03:40,210 >> اب ہم کس طرح کرنے کے اعداد و شمار کرنے شروع کرتے ہیں ایک دوسرے کے ساتھ ان چیزوں کو باندھنے شروع کر دیں. 69 00:03:40,210 --> 00:03:42,900 ہم آپ کو ایک پوری دیا ہے تقسیم کے کوڈ کے گروپ، 70 00:03:42,900 --> 00:03:44,970 اس کے ساتھ ساتھ ایس کیو ایل ڈیٹا بیس کے طور. 71 00:03:44,970 --> 00:03:49,100 میں ھیںچو اصل میں، اگر ایک phpMyAdmin کے اندوز پہلے سے ہی درآمد کیا، آپ کو جلد ہی کے طور پر، 72 00:03:49,100 --> 00:03:54,800 pset8.SQL، آپ کو ایک ایس کیو ایل ٹیبل دیکھیں گے کہ اس طرح لگ رہا، ایک شناختی میدان، ملک 73 00:03:54,800 --> 00:03:57,400 کوڈ، پوسٹل کوڈ، جگہ کا نام اور زیادہ. 74 00:03:57,400 --> 00:04:00,490 ان میں سے سب کی اقسام کالم میں صرف ماخوذ 75 00:04:00,490 --> 00:04:03,870 readme.text پڑھنے کی طرف سے وضاحت کی ہے کہ یہاں فائل 76 00:04:03,870 --> 00:04:07,330 ایک کھیت میں ایک عدد صحیح ہے یا نہیں، یا varchar کے یا جیسے. 77 00:04:07,330 --> 00:04:10,510 >> تو ہم نے اس کی میز کے لئے پیدا کیا ہے آپ اور آپ SQL حکم دیتا دی 78 00:04:10,510 --> 00:04:12,770 کہ پیدا کرنے کے لئے پر عمل کرنے کی آپ اپنے ڈیٹا بیس میں ٹیبل، 79 00:04:12,770 --> 00:04:15,290 لیکن ابھی تک اصل میں اس میں کوئی اعداد و شمار نہیں ہے. 80 00:04:15,290 --> 00:04:19,600 بلکہ، آپ کی ضرورت کے لئے جا رہے ہیں us.zip لوڈ کرنے یا کسی بھی ملک کی زپ 81 00:04:19,600 --> 00:04:21,500 کہ یو آر ایل سے فائل. 82 00:04:21,500 --> 00:04:24,940 اور پھر آپ کو لکھنے کے لئے کی ضرورت کے لئے جا رہے ہیں ہے کہ پی ایچ پی میں ایک کمانڈ لائن اسکرپٹ 83 00:04:24,940 --> 00:04:28,420 کہ متن کھولنے جا ، اگر فائل نو لائنوں پر iterate، 84 00:04:28,420 --> 00:04:31,180 اور پھر ہر ایک کے لئے ان لائنوں ایک داخل کرتے 85 00:04:31,180 --> 00:04:34,940 اس کی میز مقامات میں آپ ایس کیو ایل ڈیٹا بیس میں. 86 00:04:34,940 --> 00:04:37,880 اس عمل کے آخر میں، تمہیں میں اتنی بالآخر کہ سکرپٹ ختم کر دیا ہے 87 00:04:37,880 --> 00:04:39,610 صرف ایک بار اصول میں. 88 00:04:39,610 --> 00:04:41,780 حقیقت میں تو شاید آپ کروں گا اس کا ایک گروپ بار چلانے 89 00:04:41,780 --> 00:04:45,460 جبکہ مختلف کیڑے کو ٹھیک کرنے کی کوشش کر. 90 00:04:45,460 --> 00:04:48,440 >> آخر میں، آپ کو ایک کی ضرورت کے لئے جا رہے ہیں ہزاروں کے ساتھ بہت بڑا ڈیٹا بیس 91 00:04:48,440 --> 00:04:50,139 جغرافیائی قطاروں کی اور ہزاروں. 92 00:04:50,139 --> 00:04:52,930 پھر تم نے اس کی درآمد ڈال کرنے کے لئے جا رہے ہیں اسکرپٹ کو ایک طرف یہ کام کر رہا ہے ایک بار 93 00:04:52,930 --> 00:04:55,140 اور آپ کے ڈیٹا بیس اچھا ہے اور درست، اور اس کے بعد 94 00:04:55,140 --> 00:04:58,880 آپ اصل پر منتقل کرنے کے لئے جا رہے ہیں میشپ خود عمل درآمد. 95 00:04:58,880 --> 00:05:01,670 میشپ ملاحظہ کرنے کے لئے کی جا رہی ہے اس طرح کچھ. 96 00:05:01,670 --> 00:05:05,165 mashup.cs50.net میں، ہم ایک عملے کا حل ہے 97 00:05:05,165 --> 00:05:06,990 کہ اس طرح کچھ لگتا. 98 00:05:06,990 --> 00:05:11,070 بے شک، میں نے اس اخبار پر کلک کریں تو کیمبرج، میسا چوسٹس کے لیے آئکن، 99 00:05:11,070 --> 00:05:13,300 آپ ایک کتائی دیکھ لیں گے مختصر طور پر اور پھر آئکن 100 00:05:13,300 --> 00:05:16,370 ایک حکم دیا کی فہرست، ایک مضامین کی شق وار فہرست 101 00:05:16,370 --> 00:05:18,280 کیمبرج، میسا چوسٹس سے متعلق. 102 00:05:18,280 --> 00:05:20,352 میں نے Charlestown پر کلک کریں، میسا چوسٹس، 103 00:05:20,352 --> 00:05:21,685 میں نے اس شہر کے لئے ایک ہی نظر آئے گا. 104 00:05:21,685 --> 00:05:24,174 اور میں پر کلک کریں Watertown، میسا چوسٹس، 105 00:05:24,174 --> 00:05:26,090 کوئی بھی وہاں نہیں ہو سکتا Watertown سے کی خبر، 106 00:05:26,090 --> 00:05:28,630 لہذا آپ کو کسی چیز کو دیکھ لیں گے سست خبر دن کی طرح. 107 00:05:28,630 --> 00:05:32,140 >> اب، اس دوران، سب سے اوپر بائیں میں ہیں کچھ واقف Google Maps کے کنٹرولز 108 00:05:32,140 --> 00:05:34,980 ، پین تم باہر زوم کرنے کے لئے اپ، نیچے، بائیں، اور صحیح، 109 00:05:34,980 --> 00:05:37,360 بلکہ ہم وہاں ڈال دیا کہ ایک تلاش کے باکس. 110 00:05:37,360 --> 00:05:40,910 تو میں نے واضح طور سے، کے لئے تلاش کریں، میں جانتا ہوں کہ صرف دوسرے زپ کوڈ، 111 00:05:40,910 --> 00:05:45,020 90210، ہم اصل میں نظر آئے گا بیورلی ہلز، کیلی فورنیا. 112 00:05:45,020 --> 00:05:48,550 جب کلک کیا اس کی طرف جاتا ہے کیلی فورنیا اور ایک مکمل جھوبڈ 113 00:05:48,550 --> 00:05:50,369 بیورلی ہلز کے بارے میں خبر کی. 114 00:05:50,369 --> 00:05:51,910 اب وہاں کیا ہوا تھا، بھی، محسوس کریں. 115 00:05:51,910 --> 00:05:57,040 یہاں تک 02138 یا اس کے لئے میں نے اس وقت اگر سرچ کیمبرج کوما میسا چوسٹس یا کچھ 116 00:05:57,040 --> 00:06:00,300 ویرینٹ اس کے، آپ کو ایک حاصل چھوٹی سی خود تکمیل لٹکتا. 117 00:06:00,300 --> 00:06:03,840 اب یہ ایک پلگ ان استعمال کر رہا ہے jQuery کے نام سے ایک لائبریری کے لئے، 118 00:06:03,840 --> 00:06:05,732 اور یہ کہ پلگ ان Typeahead یہ بھی کہا جاتا ہے. 119 00:06:05,732 --> 00:06:07,440 ہم صرف کے ذریعے پڑھیں دستاویزات، 120 00:06:07,440 --> 00:06:13,150 جے ایس مربوط فائل ڈاؤن لوڈ تقسیم کے کوڈ میں تو آپ کو اس 121 00:06:13,150 --> 00:06:16,900 بالآخر کوڈ لکھ سکتے ہیں آٹو کے ساتھ کہ ڈراپ ڈاؤن مینو برتا 122 00:06:16,900 --> 00:06:19,350 انتخابات کو یا آٹو تجاویز. 123 00:06:19,350 --> 00:06:23,820 >> اب تقسیم کوڈ، اگرچہ، کہ آپ تقریبا زیادہ سے زیادہ نہیں کیا کرنا ہے موصول ہوئی. 124 00:06:23,820 --> 00:06:26,860 آپ گوگل کا نقشہ سرایت حاصل، اور آپ، سب سے اوپر بائیں کنٹرولز حاصل 125 00:06:26,860 --> 00:06:28,240 اور آپ کو تلاش کے باکس حاصل. 126 00:06:28,240 --> 00:06:32,760 لیکن میں کی طرح کچھ ٹائپ کریں 02138، کوئی جگہوں ابھی تک پائے جاتے ہیں. 127 00:06:32,760 --> 00:06:34,730 تو ہے کہ ہونے جا رہا ہے یہاں ہمارے اہداف میں سے ایک. 128 00:06:34,730 --> 00:06:37,430 اس کے علاوہ، آپ ایک قدم لے تو واپس اور نقشے خود پر نظر ڈالیں، 129 00:06:37,430 --> 00:06:38,950 کوئی جو کچھ خبر ہے. 130 00:06:38,950 --> 00:06:41,780 میں پر کلک کریں یہاں تک کہ اگر اور ڈریگ، اصل میں کوئی مارکر 131 00:06:41,780 --> 00:06:45,560 کہ ہے کیونکہ خبر کے لئے ظاہر ہوتے ہیں چیلنج کے طور پر اچھی طرح سے آپ کے لئے چھوڑ دیا جاتا ہے. 132 00:06:45,560 --> 00:06:48,490 >> کے اس وقت ایک نظر ڈالیں تقسیم کوڈ میں. 133 00:06:48,490 --> 00:06:51,460 آپ ڈاؤن لوڈ کیا ہے ایک بار pset8.zip اور یہ unzipped ہے 134 00:06:51,460 --> 00:06:54,430 آپ کے vhost کے ڈائریکٹری میں CS50 آلات میں، 135 00:06:54,430 --> 00:06:56,550 اگر آپ ان کو دیکھ لیں گے یہاں اندر ڈائریکٹریز. 136 00:06:56,550 --> 00:07:00,200 عام طور پر کے لئے کھڑا ہے Bin-- کارکردگی قابل پروگراموں کے لئے بائنری 137 00:07:00,200 --> 00:07:04,870 pset7 کے میں کے طور پر، بھی شامل ہے، کچھ پی ایچ پی دیگر فائلیں شامل ہیں کہ فائلوں، 138 00:07:04,870 --> 00:07:06,710 ہے جو اس کے بعد عوامی، ضرورت ہے کہ فائلوں 139 00:07:06,710 --> 00:07:09,369 عوامی سطح پر قابل رسائی ہونا ایک براؤزر کے ساتھ ایک صارف کو. 140 00:07:09,369 --> 00:07:11,410 چلو میں ایک نظر ڈالیں بن ڈائریکٹری، اور ہم کریں گے 141 00:07:11,410 --> 00:07:13,890 ایک فائل ہے کہ وہاں دیکھیں پہلے سے ہی درآمد وہاں فون کیا. 142 00:07:13,890 --> 00:07:17,591 ہم gedit کے ساتھ اس کھولتے ہیں تو، ہم دیکھیں گے کہ، بدقسمتی سے، زیادہ نہیں ہے 143 00:07:17,591 --> 00:07:18,090 وہاں. 144 00:07:18,090 --> 00:07:20,250 اگرچہ، یہ ہے کہ وہاں سب کو، سب سے اوپر ایک shebang کی ہے 145 00:07:20,250 --> 00:07:23,410 جس میں جو وضاحت اس معاملے میں interpreter-- PHP-- 146 00:07:23,410 --> 00:07:25,759 اصل میں کرنے کے لئے استعمال کیا جانا چاہئے اس فائل کو پھانسی. 147 00:07:25,759 --> 00:07:27,550 لیکن اس وقت یہ کہنا ہے کہ جہاں تم ہو کہاں TODO ہے 148 00:07:27,550 --> 00:07:31,130 کچھ کوڈ لکھنے کی ضرورت کے لئے جا کہ شاید تشکیل کی ضرورت ہوتی ہے 149 00:07:31,130 --> 00:07:35,820 ڈائریکٹری شامل میں ہے کہ فائل ہم پی ایچ پی فائلوں سے پہلے کیا ہے کے طور پر. 150 00:07:35,820 --> 00:07:38,180 اور پھر آپ کے لئے جا رہے ہیں کسی نہ کسی طرح کھولنے کے لئے ہے 151 00:07:38,180 --> 00:07:41,920 us.text جس سے آپ کو شاید پہلے سے ہی unzipped ہے کیا ہے. 152 00:07:41,920 --> 00:07:44,690 اس کے بعد آپ کی ضرورت کے لئے جا رہے ہیں اس فائل میں لائنوں پر iterate، 153 00:07:44,690 --> 00:07:47,800 شاید افعال میں سے کچھ کا استعمال کرتے ہوئے رپورٹ میں تجویز پیش کی. 154 00:07:47,800 --> 00:07:51,390 پھر ان میں سے ہر ایک کے داخل ایس کیو ایل ڈیٹا بیس میں لائنوں 155 00:07:51,390 --> 00:07:54,940 استفسار تقریب، کا استعمال کرتے ہوئے کی طرف سے ہے جس ہم پھر with-- آپ کی فراہم کردہ 156 00:07:54,940 --> 00:07:58,010 یا کم از کم ایک مختلف اس functions.php میں، 157 00:07:58,010 --> 00:07:59,560 جس میں ہم صرف ایک لمحے میں نظر آئے گا. 158 00:07:59,560 --> 00:08:04,430 >> اب کی درآمد بند کرنے اور واپس جانے دو ہماری ڈائرکٹری اور اس وقت میں جانا 159 00:08:04,430 --> 00:08:05,300 شامل ہیں. 160 00:08:05,300 --> 00:08:09,210 میں وہاں LS کرتے ہیں، آپ کو نظر آئے گا بہت مسئلہ سیٹ 7 کی طرح تین فائلوں. 161 00:08:09,210 --> 00:08:13,760 اور ایک فوری نظر ڈالیں، مثال کے طور پر، config.php کے اوپر. 162 00:08:13,760 --> 00:08:16,730 وہاں میں، کم لائنوں مقابلے سے پہلے، اور یہ 163 00:08:16,730 --> 00:08:20,712 اس فائل بھی شامل ہے ایسا لگتا ہے constants.php اور functions.php. 164 00:08:20,712 --> 00:08:23,670 ہم ایک تھوڑا سا مختلف استعمال کر رہے ہیں ٹیکنالوجی کا اصل میں اس بار 165 00:08:23,670 --> 00:08:30,910 ان فائلوں کے رشتہ دار ہیں کی وضاحت موجودہ ڈائریکٹری __ DIR__ 166 00:08:30,910 --> 00:08:35,280 کی نمائندگی کرتا ہے جو کچھ بھی ڈائریکٹری اس فائل، config.php کے، میں ہی ہے. 167 00:08:35,280 --> 00:08:37,600 تو یہ ایک زیادہ ہے وضاحت کا واضح طریقہ 168 00:08:37,600 --> 00:08:40,100 آپ کی ضرورت ہوتی چاہتے ہیں دوسرے کیا فائلوں. 169 00:08:40,100 --> 00:08:44,020 >> اب میں اس فائل کو بند اور اگر بجائے constants.php کو کھولنے، 170 00:08:44,020 --> 00:08:47,430 آپ کو بہت یاد تازہ ہے ایک فائل نظر آئے گا کو مسئلہ 7 مرتب کی اس کے ساتھ ساتھ، سہی 171 00:08:47,430 --> 00:08:50,050 pset8 نامی ایک مختلف ڈیٹا بیس کے ساتھ. 172 00:08:50,050 --> 00:08:54,020 آخر میں، functions.php میں، ہم صرف ایک تقریب میں نظر آئے گا 173 00:08:54,020 --> 00:08:55,942 استفسار کہا جاتا ہے اس وقت. 174 00:08:55,942 --> 00:08:59,150 یہ ہم سنبھال علاوہ تقریبا ایک ہی ہے ایک تھوڑا سا کے ارد گرد غلطیوں کے اس وقت 175 00:08:59,150 --> 00:09:02,860 مختلف طریقے سے، لیکن یہ استعمال ہے ہے مسئلہ میں کے طور پر ہی سات مقرر. 176 00:09:02,860 --> 00:09:08,090 >> اب ہمارے pset8 میں واپس جانے ڈائریکٹری، پبلک میں جانے، اور وہاں میں 177 00:09:08,090 --> 00:09:14,420 میں LS کرتے ہیں، آپ کو this-- دیکھ لیں گے articles.php، ہے index.html، search.php، 178 00:09:14,420 --> 00:09:16,940 اور تمام فائلوں update.php--. 179 00:09:16,940 --> 00:09:22,010 اور پھر سی ایس ایس فونٹ، IMG، اور بہت pset7 کے مانند جے ایس ڈائریکٹری. 180 00:09:22,010 --> 00:09:24,660 >> کے میں ایک نظر ڈالیں ہے جس سے index.html، 181 00:09:24,660 --> 00:09:27,290 واقعی ہونے جا رہا smashup کے داخلی مرکز. 182 00:09:27,290 --> 00:09:31,820 اب index.html میں، آپ کو ایک مکمل نظر آئے گا سر میں لنک عناصر کے گروپ، 183 00:09:31,820 --> 00:09:36,540 خاص طور پر، ہمارے اپنے لئے بوٹسٹریپ کے لئے اسکرپٹ کی ایک پوری چڑھانے کے بعد کیا سی ایس ایس 184 00:09:36,540 --> 00:09:41,520 نقشے، API طرح چیزوں کے لئے ٹیگز خود، لیبل کے ساتھ ایک خصوصی مارکر 185 00:09:41,520 --> 00:09:44,950 ہم میں ذکر کیا افادیت ہے کہ تصریح، آپ کو دستیاب ہے 186 00:09:44,950 --> 00:09:48,420 jQuery کی خود، بوٹسٹریپ خود، اور ایک اور لائبریری 187 00:09:48,420 --> 00:09:50,990 کہا جاتا کشید جس میں ہم رپورٹ میں کے بارے میں بات کرتے ہیں. 188 00:09:50,990 --> 00:09:57,031 jquery.js طرح Underscore.js ایک جاوا لائبریری ہے 189 00:09:57,031 --> 00:10:00,280 کہ فعالیت کی ایک پوری چڑھانے ہے کہ ورلڈ وش میں لوگوں کی ایک بہت 190 00:10:00,280 --> 00:10:02,020 جاوا اسکرپٹ اپنے آپ میں موجود ہے. 191 00:10:02,020 --> 00:10:04,560 تو ان میں سے سب ہیں اصل میں بہت مقبول. 192 00:10:04,560 --> 00:10:07,140 ہم نے بھی Typeahead یہ ذکر کیا ہے لائبریری ہے کہ جس میں 193 00:10:07,140 --> 00:10:11,180 کرتا ہے کہ خود تکمیل ڈراپ ڈاؤن اور آخر ہمارے اپنے کو جاوا اسکرپٹ کا ایک لنک. 194 00:10:11,180 --> 00:10:13,880 >> دریں اثنا، اور شاید شکر ہے، اس میشپ 195 00:10:13,880 --> 00:10:17,550 نسبتا بہت کم ذریعے کارفرما ہے یہاں نیچے سے نیچے دیئے گئے HTML. 196 00:10:17,550 --> 00:10:22,330 ہم ایک div میں مخصوص کیا ہے کہ نوٹس کلاس کنٹینر سیال کی ہمارے جسم. 197 00:10:22,330 --> 00:10:24,610 یہ، فی بوٹسٹریپ کے دستاویزات، صرف 198 00:10:24,610 --> 00:10:29,840 اس div کو بھرنے کے لئے کی جا رہی ہے کا مطلب ہے کہ ویوپورٹ یا مکمل طور پر براؤزر کی کھڑکی کے. 199 00:10:29,840 --> 00:10:33,020 >> دریں اثنا، اس کے نیچے ہم ایک div ہے کہ کھولا اور فوری طور پر بند کر دیا ہے 200 00:10:33,020 --> 00:10:34,790 نقشہ کا کینوس کی منفرد شناخت کے ساتھ. 201 00:10:34,790 --> 00:10:37,400 یہ اب گوگل کی طرف سے ہے نقشہ جات دستاویزات 202 00:10:37,400 --> 00:10:42,490 اس API، کے لئے، جس کے تحت میں نے صرف کرنے کی ضرورت ہے ، انجیکشن، جس میں ایک خالی DIV ہے 203 00:10:42,490 --> 00:10:44,470 بالآخر، ایک حقیقی گوگل نقشہ جات. 204 00:10:44,470 --> 00:10:46,310 لیکن صرف تھوڑا سا میں اس پر مزید معلومات. 205 00:10:46,310 --> 00:10:48,850 >> آخر میں، ایک شکل نہیں ہے یہاں کے اندر، جس 206 00:10:48,850 --> 00:10:52,930 متن باکس میں اوپر بائیں لاگو کرتی ہے تلاش کے لئے ہمارے انٹرفیس میں. 207 00:10:52,930 --> 00:10:54,730 ہم نے استعمال کیا ہے کہ نوٹس بوٹسٹریپ کا تھوڑا سا 208 00:10:54,730 --> 00:10:57,670 یہاں کی طرح چیزوں too-- فارم کی ان لائن اور فارم کے گروپ. 209 00:10:57,670 --> 00:11:00,080 ہم سابق دی ہے فارم کی منفرد ID. 210 00:11:00,080 --> 00:11:04,510 اور پھر، بالآخر، میں اصل میں ہے بہت واقف ہے ایک ان پٹ جس قسم کے،، 211 00:11:04,510 --> 00:11:06,440 (ق) جن کی آئی ڈی. 212 00:11:06,440 --> 00:11:07,230 صرف ایک کنونشن. 213 00:11:07,230 --> 00:11:09,234 استفسار ہو سکتا ہے کے لئے Q کچھ بھی بلایا گیا. 214 00:11:09,234 --> 00:11:11,400 اور پھر پلیس ہولڈر، دریں اثناء، شہر، ریاست ہے، 215 00:11:11,400 --> 00:11:16,200 اور ڈاک کا کوڈ آپ کو یاد کر سکتے ہیں، جس میں ڈیمو پہلے ہماری میشپ میں دیکھ کر. 216 00:11:16,200 --> 00:11:17,980 اس فائل کو بند کرتے ہیں. 217 00:11:17,980 --> 00:11:24,460 >> اب پی ایچ پی فائلوں پر ایک نظر ڈالیں کہ انتظار ہے اور پھر جاوا اسکرپٹ فائلوں. 218 00:11:24,460 --> 00:11:27,700 ہمارے پی ایچ پی فائلوں میں، ہم نے پہلے سے ہی آپ کے لئے لاگو کیا، 219 00:11:27,700 --> 00:11:29,960 مثال کے طور پر، اپ ڈیٹس. 220 00:11:29,960 --> 00:11:35,060 ہم نے ایک بہت بڑا خرچ نہیں کریں گے Update.php-- ایک مختصر میں یہاں پر وقت کی رقم 221 00:11:35,060 --> 00:11:38,400 فائل ہے کہ ہماری جاوا سکرپٹ کے کوڈ کی جا رہی ہے 222 00:11:38,400 --> 00:11:41,610 AJAX کے ذریعے رابطہ کرنے کے لئے کہ ہے کہ اتلیکالک تکنیک 223 00:11:41,610 --> 00:11:45,980 ہے کہ ان دنوں جاوا اسکرپٹ میں تعمیر ہم سے update.php پوچھیں کرنے کے لئے اجازت دینے جا رہا 224 00:11:45,980 --> 00:11:47,410 مزید معلومات کے لئے. 225 00:11:47,410 --> 00:11:50,045 >> خاص طور پر، کسی بھی وقت صارف کے نقشہ کھینچ لیتا 226 00:11:50,045 --> 00:11:53,310 یا چھلانگ کہ کسی کی تلاش انجام دیتا ہے کسی اور مقام پر صارف، 227 00:11:53,310 --> 00:11:55,250 ہمارے جاوا سکرپٹ کے کوڈ، ہم جلد ہی دیکھیں گے کے طور پر، ہے 228 00:11:55,250 --> 00:11:59,610 update.php فون کرنے جا اور 10 یا اس مارکر کے لئے سے دعا گو ہیں 229 00:11:59,610 --> 00:12:02,630 ویوپورٹ کے اندر کی بنیاد پر GPS کے نقاط پر 230 00:12:02,630 --> 00:12:06,510 اوپر اور نیچے کی اس نقشے کے کونے کونے. 231 00:12:06,510 --> 00:12:10,520 اس کے بعد ہم اب اس نقشے repopulate سکتے ہیں صارف ترتیب میں اسکرین منتقل کر دیا گیا 232 00:12:10,520 --> 00:12:14,210 10 شاید نئے دیکھنے کے لئے مختلف شہروں کے لئے مارکر. 233 00:12:14,210 --> 00:12:18,340 دریں اثنا، اس فائل کو بالآخر ہے ایک SQL سوال پر عمل کرنے جا 234 00:12:18,340 --> 00:12:21,680 ہمارے ڈیٹا بیس خلاف میز کہا جاتا جگہوں پر جو 235 00:12:21,680 --> 00:12:26,380 ان لوگوں کو واپس جا رہا ہے 10 یا اس سے کم کے مقامات. 236 00:12:26,380 --> 00:12:32,620 >> دریں اثنا، articles.php میں، ایک اور مثال ہے ہم اس کی مکمل لکھا ہے دائر. 237 00:12:32,620 --> 00:12:35,820 یہ روح میں بہت ہی ہے مسئلہ 7 مرتب کی تلاش تقریب، 238 00:12:35,820 --> 00:12:39,450 جو آپ کے لئے Yahoo کے خزانہ سے رابطہ کیا. 239 00:12:39,450 --> 00:12:43,710 اس فائل رابطوں گوگل خبریں آپ کے لئے، بالآخر پکڑ 240 00:12:43,710 --> 00:12:46,050 ایک مشینی پڑھنے کے قابل version-- کچھ میں 241 00:12:46,050 --> 00:12:49,720 خبر کا آر ایس ایس format-- بلایا کیمبرج یا بیورلی ہلز کے لئے 242 00:12:49,720 --> 00:12:52,880 یا جو بھی شہر آپ تلاش کر لیا ہے کے لئے کہ geoparameter کی بنیاد پر. 243 00:12:52,880 --> 00:12:57,250 ہم صرف ایک ہے جو کہ آر ایس ایس، تجزیہ XML نامی مارکاپ زبان کی قسم، 244 00:12:57,250 --> 00:13:00,740 اور اس کے بعد ہم اصل آپ کے براؤزر کی اسے واپس 245 00:13:00,740 --> 00:13:03,570 اور آپ جاوا سکرپٹ کے کوڈ کو، خاص طور پر، ایک کی شکل میں ملاقات کی 246 00:13:03,570 --> 00:13:06,097 JSON، جاوا اسکرپٹ آبجیکٹ سنکیتن. 247 00:13:06,097 --> 00:13:08,180 اب آپ میں دیکھ لیں گے specification-- ہم آپ کی طرف اشارہ 248 00:13:08,180 --> 00:13:10,720 آپ اصل میں دیکھ سکتے ہیں کہ کس طرح میں JSON آنے back-- میں سے کچھ 249 00:13:10,720 --> 00:13:15,210 کہ اس فعالیت انجام کار آپ کو تو ان لوگوں کو پاپ اپ مینو آباد کی اجازت دیتا ہے 250 00:13:15,210 --> 00:13:16,960 آپ پر کلک کریں جب کہ نقشے میں ایک مارکر پر 251 00:13:16,960 --> 00:13:19,430 آپ نے واقعی ایک مکمل جھوبڈ دیکھیں گولیوں کی، جن میں سے ہر 252 00:13:19,430 --> 00:13:21,020 ایک مضمون کے لنکس. 253 00:13:21,020 --> 00:13:25,000 >> اب ہم آخری ایک پر ایک نظر ڈالیں خوش قسمتی سے، جو نہیں کرتا ہے پی ایچ پی فائل 254 00:13:25,000 --> 00:13:27,970 بہت کچھ ہے ہو رہا صرف ایک بہت بڑا TODO. 255 00:13:27,970 --> 00:13:32,170 ابھی اس فائل کو منانے کا اعلان ایک سرنی کے مقامات کو بلایا. 256 00:13:32,170 --> 00:13:35,980 اور پھر بالآخر پرنٹس JSON format-- میں اس صف 257 00:13:35,980 --> 00:13:38,720 صرف اس لئے کہ یہ بہت پرنٹنگ چیزوں ڈیبگ کرنے کے لئے آسان ہیں. 258 00:13:38,720 --> 00:13:41,480 بدقسمتی سے، میں مڈل اس TODO ہے، 259 00:13:41,480 --> 00:13:46,890 آپ کو تلاش کرنے کے لئے جس میں بلاتا ہے ملاپ کے مقامات کے لئے ڈیٹا بیس ایک جیو HTTP 260 00:13:46,890 --> 00:13:47,490 پیرامیٹر. 261 00:13:47,490 --> 00:13:49,865 >> اور، یقینا، اس لئے جا رہی ہے آپ challenges-- میں سے ایک ہونا 262 00:13:49,865 --> 00:13:54,240 یہاں اس فعالیت کو لاگو کرنے تاکہ ہم آپ کے ساتھ اس فائل رابطہ کرتے وقت 263 00:13:54,240 --> 00:14:00,610 تلاش کی طرح ایک یو آر ایل. پی ایچ پی کی؟ جغرافیائی = کچھ اور، آپ کے کوڈ کو بالآخر ایک JSON واپس آ جائیں گے 264 00:14:00,610 --> 00:14:05,020 میں مقامات کے تمام کے صف آپ کہ ان پٹ سے ملنے والے ڈیٹا بیس کی میز. 265 00:14:05,020 --> 00:14:08,960 ، کیمبرج میں صارف کی اقسام اگر ایسا ہے تو یہاں آپ کی فائل search.php 266 00:14:08,960 --> 00:14:12,680 بالآخر ایک JSON سرنی واپس آ جانا چاہئے کیمبرج کے لئے میچ کی سب کے لئے، 267 00:14:12,680 --> 00:14:16,990 میسا چوسٹس میں ہو سکتا ہے جس لیکن اس سے بھی کہیں اور ہو سکتا ہے. 268 00:14:16,990 --> 00:14:21,040 >> آخر میں، کے دو پر ایک نظر ڈالیں ہیں جامد ultimately-- ہیں کہ فائلوں 269 00:14:21,040 --> 00:14:23,680 آپ سی ایس ایس فائل اور آپ کو جاوا اسکرپٹ فائل. 270 00:14:23,680 --> 00:14:26,779 میں نے اپنی سی ایس ایس ڈائریکٹری میں جانا ہے تو، فائلوں کی ایک پوری چڑھانے، وہاں وہاں ہے 271 00:14:26,779 --> 00:14:28,070 اور ان میں اکثر لائبریریوں ہیں. 272 00:14:28,070 --> 00:14:31,530 میں نے ایک نظر لینے کے لئے جا رہا ہوں، خاص طور پر، styles.css پر، 273 00:14:31,530 --> 00:14:35,440 جس میں ہے کہ ہمارے اپنے عالمی CSS ہے اس پورے میشپ stylize کی جا رہی. 274 00:14:35,440 --> 00:14:38,840 آپ کے ذریعے پڑھنے کے لئے کرنے کے لئے میں نے اس کو چھوڑ دیں گے تبصرے کے ساتھ ساتھ، لیکن، مختصر میں، 275 00:14:38,840 --> 00:14:43,490 یہ کہ یقینی بناتا ہے کہ سی ایس ایس ہے ہماری میشپ، باہر باکس کے ڈیفالٹ کی طرف سے، 276 00:14:43,490 --> 00:14:46,950 ہم اسے چاہتے بالکل جس طرح لگ رہا ہے نقطہ نظر بندرگاہ بھرنے نقشہ کے ساتھ 277 00:14:46,950 --> 00:14:49,720 اور تلاش کے ساتھ سب سے اوپر بائیں میں اپ باکس. 278 00:14:49,720 --> 00:14:52,870 ہم نے بھی کی آزادی لیا ہے کہ Typeahead لٹکتا stylizing کی 279 00:14:52,870 --> 00:14:55,170 مینو میں تھوڑا سا اس کے ساتھ ساتھ. 280 00:14:55,170 --> 00:14:58,030 >> سب سے اہم فائل شاید اس مسئلے کے سیٹ کے لئے 281 00:14:58,030 --> 00:15:01,070 یہ گزشتہ ایک، scripts.js ہے. 282 00:15:01,070 --> 00:15:03,800 آپ کے جے ایس ڈائریکٹری کے اندر اس سے بھی زیادہ فائلوں ہے. 283 00:15:03,800 --> 00:15:08,090 ان میں سے سب لائبریری فائلوں ہیں یہ ایک کے لئے سوائے، scripts.js. 284 00:15:08,090 --> 00:15:11,460 ہم اس کو کھولتے ہیں تو، چلو لینے دو ہمارے افعال کے ذریعے حتمی دورے کہ 285 00:15:11,460 --> 00:15:13,820 اس فائل میں تعمیر کر رہے ہیں آپ اور کال کی توجہ کے لئے 286 00:15:13,820 --> 00:15:16,200 آگے جھوٹ انسائکلوپیڈیا کرنے. 287 00:15:16,200 --> 00:15:19,110 >> اس فائل کے سب سے اوپر، تین عالمی متغیر ہیں. 288 00:15:19,110 --> 00:15:22,910 جا رہا ہے جس پر ایک نقشہ، کے لئے ایک ہمارے گوگل نقشہ پر ایک حوالہ ہو. 289 00:15:22,910 --> 00:15:25,510 آپ اس کے بارے میں سوچ سکتا قسم کی ایک پوائنٹر کے طور پر. 290 00:15:25,510 --> 00:15:27,710 دریں اثناء، ہم ہیں ایک اور عالمی متغیر 291 00:15:27,710 --> 00:15:31,500 یہ ہو سکتا ہے جس میں کہا جاتا معلومات، ایک کال کی واپسی کی قیمت ذخیرہ کرنے 292 00:15:31,500 --> 00:15:34,170 نیا google.maps.InfoWindow کرنے. 293 00:15:34,170 --> 00:15:37,835 جاوا اسکرپٹ اشیاء حمایت کرتا ہے جس struts کے روح میں بہت ملتے جلتے ہیں. 294 00:15:37,835 --> 00:15:40,250 اور کیا اس لائن کے لیے ہمارے مقاصد کیا کر رہا ہے 295 00:15:40,250 --> 00:15:42,820 ایک نئی معلومات پیدا کر رہا ہے پھر میموری اور میں کھڑکی 296 00:15:42,820 --> 00:15:46,330 ایک حوالہ کے ارد گرد کو مدنظر رکھتے ہوئے انفارمیشن نامی ایک متغیر میں اس پر. 297 00:15:46,330 --> 00:15:48,330 اور ان لوگوں کے درمیان میں، دریں اثنا، ظاہر ہوتا ہے کیا 298 00:15:48,330 --> 00:15:51,060 ایک خالی جاوا اسکرپٹ کا بننا سرنی مارکر بلایا. 299 00:15:51,060 --> 00:15:55,392 ان لوگوں کو اخبار شبیہیں کے تمام، یا آپ کو مکمل طور پر ایک آئکن منتخب کر سکتے ہیں، 300 00:15:55,392 --> 00:15:57,350 ذخیرہ کیا جائے جا رہے ہیں بالآخر اس صف میں 301 00:15:57,350 --> 00:16:01,570 ہم بہت آسانی سے شامل کر سکتے ہیں تاکہ نقشہ اور نقشے سے ان کو ختم کر. 302 00:16:01,570 --> 00:16:03,990 >> اب ہم ذیل میں سکرال ایک تھوڑا سا اور whiz ہے 303 00:16:03,990 --> 00:16:07,690 ہونے جا رہا ہے کہ کوڈ کے ذریعے ڈوم یا دستاویز کے طور پر ہی پھانسی دے دی 304 00:16:07,690 --> 00:16:10,480 آبجیکٹ ماڈل یا صفحے خود تیار ہے. 305 00:16:10,480 --> 00:16:12,942 اس نحو کو یاد ہوگا کہ یہاں صرف متعین کرتا 306 00:16:12,942 --> 00:16:14,900 مندرجہ ذیل کوڈ کہ صرف چلایا جائے چاہئے 307 00:16:14,900 --> 00:16:17,840 براؤزر فارغ ہو تو باقی سب کو لوڈ. 308 00:16:17,840 --> 00:16:19,750 >> ہم سب سے پہلے ایک اعلان شیلیوں کے پورے گچرچھی، 309 00:16:19,750 --> 00:16:22,410 stylizing کی ختم یہ تھی رپورٹ کے مطابق نقشہ. 310 00:16:22,410 --> 00:16:24,790 اس کے بعد ہم نے ایک اعلان اختیارات کی مکمل جھوبڈ، 311 00:16:24,790 --> 00:16:28,630 مزید گوگل اپنی مرضی کے مطابق جس میں ہم یمبیڈ کرنے کے بارے میں ہیں کہ نقشہ. 312 00:16:28,630 --> 00:16:32,090 اس کے بعد ہم، jQuery کوڈ کا تھوڑا سا استعمال جس میں تھوڑا سا مزید تفصیل سے بیان کی گئی ہے 313 00:16:32,090 --> 00:16:35,000 رپورٹ میں، قبضہ کرنے کے لئے اس عنصر، نقشہ کے کینوس 314 00:16:35,000 --> 00:16:36,980 ہم اتنے منفرد شناخت کی ہے کہ. 315 00:16:36,980 --> 00:16:40,640 اور پھر اس لائن یہاں ہے کیا ایسا لگتا ہے جادوئی ہمیں دینے کے لئے 316 00:16:40,640 --> 00:16:43,560 کے اندر ایک گوگل نقشہ ہماری اپنی درخواست، 317 00:16:43,560 --> 00:16:47,020 ایک حوالہ (مذہب) کو ذخیرہ کرنے اس متغیر بلایا نقشے میں. 318 00:16:47,020 --> 00:16:50,550 >> آخر میں، نیچے ہم یہاں رجسٹر کیا ایک سامع کہا جاتا ہے. 319 00:16:50,550 --> 00:16:54,690 back-- راستہ، راستے میں سوچنا CS50 میں ہفتے صفر back-- 320 00:16:54,690 --> 00:16:57,430 ہم نے شروع میں دیکھا اور جب چہل قدمی کے ذریعے اس کی حمایت 321 00:16:57,430 --> 00:16:59,935 نامی چیزوں کے لئے کے ذریعے واقعات اور نشریات. 322 00:16:59,935 --> 00:17:01,810 آپ نے استعمال ہی نہیں سکتا ہے یہ اپنے آپ کو، لیکن یہ بات ہے 323 00:17:01,810 --> 00:17:03,900 ایک نظام جس کے تحت ایک اس صورت میں براؤزر 324 00:17:03,900 --> 00:17:07,940 یہ بات ہے جب ہماری توجہ حاصل کر سکتے ہیں اصل میں کچھ کوڈ پر عمل کرنے کے لئے تیار. 325 00:17:07,940 --> 00:17:12,170 اس صورت میں، یہ سننے کے لئے جا رہا ہے بیکار نامی تقریب کے نقشے پر. 326 00:17:12,170 --> 00:17:14,930 یہ براؤزر کا مطلب ہے کہ گوگل نقشہ لوڈ ہوجانے. 327 00:17:14,930 --> 00:17:18,380 اس مرحلے پر ایک تقریب میں بلایا ترتیب دینا چاہیے بالآخر 328 00:17:18,380 --> 00:17:19,339 پھانسی دے دی جائے. 329 00:17:19,339 --> 00:17:22,510 اس تقریب، ترتیب دے، ہم نے کی لکھا ہے، کو نظر آئے گا. 330 00:17:22,510 --> 00:17:24,550 >> اب یہاں نیچے ایک تقریب ہے کہ، بدقسمتی سے، 331 00:17:24,550 --> 00:17:25,871 صرف ایک TODO شامل مارکر ہے. 332 00:17:25,871 --> 00:17:28,620 رپورٹ کے مطابق. کی آپ کو ضرورت کے لئے جا رہے ہیں کہ اصل میں کوڈ لکھنے کے لئے 333 00:17:28,620 --> 00:17:32,840 ایسا لگتا ہے کہ آیا ایک marker-- کا اضافہ کر دیتی ایک اخبار، یا ایک انگوٹھے سمت طرح، 334 00:17:32,840 --> 00:17:35,360 یا کچھ اور گوگل کے نقشہ پر else--. 335 00:17:35,360 --> 00:17:37,720 یہاں اب اس تقریب ہے ترتیب دیں پر بلایا. 336 00:17:37,720 --> 00:17:40,390 آپ کو پڑھنے کے لئے میں چھوڑ دیں گے مزید تفصیل سے اس کے ذریعے، 337 00:17:40,390 --> 00:17:42,600 لیکن ہم شامل احساس ہے کہ ایک گروپ میں زیادہ سامعین 338 00:17:42,600 --> 00:17:46,620 جب ہم کوڈ پر عمل کر سکتے ہیں تاکہ صارف پر کلک کرتا ہے اور نقشہ کھینچ لیتا. 339 00:17:46,620 --> 00:17:50,730 ہم نے بھی یہاں ہے کہ میں کوڈ ہے کہ Typeahead پلگ ان initializes ہے 340 00:17:50,730 --> 00:17:53,120 کہ اتنی لٹکتا مینو اصل میں کام کرتا. 341 00:17:53,120 --> 00:17:55,690 >> لیکن صرف ایک پر توجہ مرکوز کرتے ہیں اس کے ساتھ ساتھ جگہوں میں سے جوڑے. 342 00:17:55,690 --> 00:17:57,590 خاص طور پر، یہ یہاں کیا کرنے. 343 00:17:57,590 --> 00:18:00,410 میں نے آن لائن کو ملتوی کریں گے دستاویزات اور تصریح 344 00:18:00,410 --> 00:18:02,530 کے لئے کس طرح اس TODO میں بھرنے کے لئے. 345 00:18:02,530 --> 00:18:05,890 لیکن ایک مختصر میں، اس لائبریری Typeahead یہ آپ کو منتقل کرنے کی اجازت دیتا ہے 346 00:18:05,890 --> 00:18:09,790 عام طور پر ایک سانچے کے طور پر جانا جاتا ہے میں، کچھ متغیر جگہ دار ہے جس میں 347 00:18:09,790 --> 00:18:13,690 printf کی٪ تک روح میں بہت ہی. * ے. 348 00:18:13,690 --> 00:18:16,030 لیکن اس معاملے میں، رپورٹ کے مطابق ٹیمپلیٹ 349 00:18:16,030 --> 00:18:18,760 آپ کی وضاحت کرنے کی اجازت دیتا کیا متغیر آپ چاہتے ہیں 350 00:18:18,760 --> 00:18:24,880 آ گیا ہے کہ اعداد و شمار سے انجیکشن واپس پی ایچ پی کی طرح کچھ سے 351 00:18:24,880 --> 00:18:29,810 آپ نے لکھا ہے کہ فائلوں کہ JSON پیداوار نکل رہی کر رہے ہیں. 352 00:18:29,810 --> 00:18:35,170 >> اب نیچے ہم یہاں ہیں احساس Typeahead یہ انتخاب کے لئے سن 353 00:18:35,170 --> 00:18:38,050 جب صارف اصل کا انعقاد ایک تلاش اور ایک قدر منتخب کرتا ہے. 354 00:18:38,050 --> 00:18:40,270 یہ ہم اصل میں ہیں کہ کس طرح ہے کہ سننے کے لئے جا 355 00:18:40,270 --> 00:18:42,250 اور اس کے نتیجے کے طور پر کچھ کوڈ کو پھانسی. 356 00:18:42,250 --> 00:18:45,300 پھر ہم ترتیب دینے کے لئے جاری رکھیں میشپ صرف تھوڑا سا. 357 00:18:45,300 --> 00:18:48,000 اور، بالآخر، ہم پر کال کریں اس تقریب کے اپ ڈیٹ. 358 00:18:48,000 --> 00:18:49,640 یہ سکرین پر مارکر اپ ڈیٹس. 359 00:18:49,640 --> 00:18:51,529 صرف ایک لمحے میں اس پر مزید. 360 00:18:51,529 --> 00:18:53,570 دریں اثنا، چند ایک نہیں ہے یہاں میں چھوٹے افعال. 361 00:18:53,570 --> 00:18:56,820 جن میں سے ایک hideInfo ہے جو محض infowindow ہے بند کر دیتا ہے. 362 00:18:56,820 --> 00:19:00,020 یہاں ایک اور تقریب، جس میں بالآخر بہت طویل نہیں ہو گا، مارکر نکال دیں. 363 00:19:00,020 --> 00:19:03,580 کہ کالعدم جا رہا ہے جو کچھ بھی اپنی اضافہ مارکر تقریب کرتا ہے. 364 00:19:03,580 --> 00:19:04,960 اور پھر یہاں نیچے تلاش ہے. 365 00:19:04,960 --> 00:19:08,610 اور یہ ایک دلچسپ ہے کیونکہ ہم ہے کہ جاوا سکرپٹ کے کوڈ میں لکھا ہے 366 00:19:08,610 --> 00:19:13,490 پر search.php سے بات کرنے جا سرور اور کچھ کے جواب واپس حاصل. 367 00:19:13,490 --> 00:19:16,110 >> تم، کورس کے، اب بھی ہو جائے گا search.php لاگو کرنے کے لئے کی ضرورت ہے، 368 00:19:16,110 --> 00:19:18,310 لیکن ہم کو لاگو کیا ہے ہے کہ جاوا سکرپٹ کے کوڈ 369 00:19:18,310 --> 00:19:22,480 کارکردگی کا مظاہرہ کر اصل سنبھال جا اس متن باکس سے تلاش کرتا. 370 00:19:22,480 --> 00:19:25,340 خاص طور پر، نوٹس میں کہ یہاں اس تقریب، 371 00:19:25,340 --> 00:19:29,160 تلاش کے، search.php کو فون کرتا کے نام سے ایک طریقہ کی طرف سے 372 00:19:29,160 --> 00:19:31,072 ہم درس میں دیکھا جس JSON، ملے. 373 00:19:31,072 --> 00:19:32,780 اور یہاں نحو تھوڑا مختلف ہے 374 00:19:32,780 --> 00:19:37,110 اس میں لیکچر سے ہم استعمال کر رہے ہیں jQuery کے وعدے انٹرفیس نام نہاد. 375 00:19:37,110 --> 00:19:38,479 رپورٹ میں اس پر مزید. 376 00:19:38,479 --> 00:19:40,520 یہ صرف ہمارے لئے کا مطلب اب کہ وہاں کے مقاصد 377 00:19:40,520 --> 00:19:43,870 دو خصوصی افعال ہیں ہم ڈاٹ سنکیتن کے ساتھ فون کرنے کی ضرورت 378 00:19:43,870 --> 00:19:46,230 یہاں فوری طور پر JSON حاصل بلا کے بعد. 379 00:19:46,230 --> 00:19:47,510 ایک کیا کہا جاتا ہے. 380 00:19:47,510 --> 00:19:49,870 کہا جاتا ہے میں سے ایک ناکام. 381 00:19:49,870 --> 00:19:51,790 اگر آپ ان کے بارے میں سوچ کر سکتے ہیں کامیابی کے ہینڈلر کے طور پر 382 00:19:51,790 --> 00:19:54,960 اور ناکامی کے ہینڈلر نے صرف اگر کچھ غلط ہو جاتا ہے. 383 00:19:54,960 --> 00:19:57,760 >> اب کی آخری کو دیکھو اس فائل میں افعال میں سے جوڑے. 384 00:19:57,760 --> 00:20:00,180 یہاں نیچے ایک تقریب ہے کہا جاتا showInfo، جس میں 385 00:20:00,180 --> 00:20:03,090 ان لوگوں میں سے ایک میں معلومات سے پتہ چلتا ہے بہت کم معلومات کھڑکیوں کہ 386 00:20:03,090 --> 00:20:05,380 صارف ایک مارکر پر کلک کرتا ہے جب ٹمٹمانے. 387 00:20:05,380 --> 00:20:08,470 یہاں نیچے مزید ہے کہ اپ ڈیٹ تقریب 388 00:20:08,470 --> 00:20:10,510 کہ ہم آپ کے لئے لاگو کیا ہے. 389 00:20:10,510 --> 00:20:15,250 اس نقشہ کی حد نہیں کا تعین کرتا ہے. 390 00:20:15,250 --> 00:20:19,360 کے GPS کے نقاط کیا ہیں اس کے شمال مشرق اور یہاں جنوب مغربی کونے کونے. 391 00:20:19,360 --> 00:20:22,780 ہم نے کچھ HDP پیرامیٹرز بنائی ہے یہاں اور پھر بالآخر انہیں منظور 392 00:20:22,780 --> 00:20:26,160 ہم گئی ہو، update.php کرنے بھی آپ کے لئے لاگو کیا. 393 00:20:26,160 --> 00:20:31,390 کہ آخر میں کچھ JSON واپس ہو جاتا ہے فائل update.php نامی سے 394 00:20:31,390 --> 00:20:34,050 اور پھر کسی بھی ہٹا دیتا ہے سکرین پر مارکر 395 00:20:34,050 --> 00:20:36,650 اور پھر ختم ہو iterates واپس آیا ہے کہ اعداد و شمار 396 00:20:36,650 --> 00:20:40,350 update.php، جس ایک بار پھر صرف ایک JSON سرنی ہے. 397 00:20:40,350 --> 00:20:45,130 اور پھر یہ بالآخر ایک مارکر کے لئے اضافہ کر دیتی ہے ان جگہوں میں سے ہر ایک، سامان ہینڈل کرنے میں ناکامی 398 00:20:45,130 --> 00:20:47,750 یا جن کو شاید یہ غلطیاں بہت اچھی طرح سے ہو. 399 00:20:47,750 --> 00:20:51,550 >> اب صرف آپ آپ کو کس طرح کا ایک ذائقہ دینے کے لئے اس منصوبے کو ٹھیک کرنے کے بارے میں جا سکتا ہے، 400 00:20:51,550 --> 00:20:55,420 میں اندر کھول دیا ہے کہ احساس اس یو آر ایل کے لئے یہاں اس ٹیب کو آگے بڑھانے، 401 00:20:55,420 --> 00:21:01,320 pset8 / articles.php؟ جغرافیائی = 02138. 402 00:21:01,320 --> 00:21:04,050 کے بارے میں اب، ایک بار پھر، مضامین پی ایچ پی میں ہم آپ کے لئے لاگو 403 00:21:04,050 --> 00:21:06,320 لہذا یہ اتنا نہیں ہے آپ استعمال ہو گا کیا 404 00:21:06,320 --> 00:21:08,190 ڈیبگ، بلکہ تکنیک. 405 00:21:08,190 --> 00:21:10,590 میں نے کے لئے تلاش کر لیا ہے کہ نوٹس یہاں کیمبرج کا 'زپ کوڈ، 406 00:21:10,590 --> 00:21:15,260 اور میں نے ایک JSON، یقینا، واپس ہو گیا ہے JSON کی صف ہے جس کے اندر اشیاء 407 00:21:15,260 --> 00:21:17,640 دو keys-- لنک اور عنوان ہیں. 408 00:21:17,640 --> 00:21:19,860 >> تو کیا یہ فعالیت آپ کے لئے پہلے سے ہی کام کرتا ہے. 409 00:21:19,860 --> 00:21:24,330 لیکن دستی کے اس ٹیکنالوجی جا کسی چیز کے لئے اس طرح ایک یو آر ایل پر طرح 410 00:21:24,330 --> 00:21:31,710 search.php؟ جغرافیائی = کیمبرج یا 02138 یا صارف چاہئے میں ٹائپ ہے جو کچھ بھی 411 00:21:31,710 --> 00:21:35,770 آپ، اپنے آپ کو، کوشش کے طور پر انمول ثابت معلوم کرنا بالکل وہی ہے یا کیوں 412 00:21:35,770 --> 00:21:38,510 search.php کام کرنے والے یا نہیں ہے. 413 00:21:38,510 --> 00:21:41,720 >> بالآخر اس کے بعد، آپ کو کرنا پڑے آگے آپ کے چند انسائکلوپیڈیا. 414 00:21:41,720 --> 00:21:44,250 آپ سب سے پہلے لاگو کرنے جا رہے ہیں کہ درآمدی اسکرپٹ کہ 415 00:21:44,250 --> 00:21:46,520 آپ کے ڈیٹا بیس میں us.text میں پڑھتا. 416 00:21:46,520 --> 00:21:48,760 اس کے بعد آپ کی ضرورت کے لئے جا رہے ہیں search.php لاگو کرنے کے لئے 417 00:21:48,760 --> 00:21:51,320 مخصوص طور پر یہ بالکل برتاؤ کرتی ہے تا کہ. 418 00:21:51,320 --> 00:21:54,170 اس کے بعد آپ چاہتے ہیں کے لئے جا رہے ہیں scripts.js پر توجہ مرکوز کرنا 419 00:21:54,170 --> 00:21:57,520 اور بالآخر لاگو کرتی ہے انسائکلوپیڈیا میں سے ان لوگوں کے جوڑے، 420 00:21:57,520 --> 00:21:59,950 ترتیب دیں پر کے لئے بھی شامل اور اس سانچے، 421 00:21:59,950 --> 00:22:03,220 ، مارکر مارکر ہٹا دیں، اور پھر آخری، لیکن نہیں کم از کم، ایک سے 422 00:22:03,220 --> 00:22:04,330 ذاتی رابطے. 423 00:22:04,330 --> 00:22:07,477 >> آپ کو آپ کے کام کرنے میشپ ہے ایک بار ہاتھ میں بالکل ہماری طرح، مقصد 424 00:22:07,477 --> 00:22:09,560 آپ کو ایک ذاتی شامل کرنے کے لئے ہے آپ میشپ کو چھو، 425 00:22:09,560 --> 00:22:11,290 یہ جمالیاتی یا فعال ہے یا نہیں. 426 00:22:11,290 --> 00:22:13,950 کبھی تو میشپ لے لو قدرے اگلے سطح پر. 427 00:22:13,950 --> 00:22:18,330 جب تک کہ آپ اس سے آگے اپنے آپ کو دھکا کے طور پر رپورٹ خود کے ساتھ اپنی شناسائی 428 00:22:18,330 --> 00:22:20,840 اور ایک تکنیک لینے نیا، یہ بات ہے بھی اگر صرف 429 00:22:20,840 --> 00:22:25,610 کچھ تبدیل طرح جمالیاتی آپ استعمال کر رہے اس نقشے کی ترتیب، 430 00:22:25,610 --> 00:22:28,070 ہم امید کرتے ہیں کہ دائرہ کار مطمئن کیا جائے گا. 431 00:22:28,070 --> 00:22:30,260 کہ اس وقت مسئلہ سیٹ 8 میشپ ہے. 432 00:22:30,260 --> 00:22:33,070 میں زیادہ سے زیادہ کے لئے دیکھتے رہو تصریح اور نیک تمنائیں 433 00:22:33,070 --> 00:22:36,400 اس سے نمٹنے، آپ کی آخری CS50 مسئلہ کبھی مقرر. 434 00:22:36,400 --> 00:22:39,750 >> [موسیقی بجانے] 435 00:22:39,750 --> 00:22:43,542