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. مالان: سلام.

4
00:00:10,180 --> 00:00:12,600
بیایید یک پیاده روی را از طریق
مجموعه مسئله 8 Mashup ایجاد،

5
00:00:12,600 --> 00:00:15,880
است که رفتن به چالش کشیدن شما به
رسم بر عناصر برای نقشه های گوگل

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، CSS، PHP، 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
برنامه نویسی interface-- طریق که
شما می توانید عناصر نقشه های گوگل را

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
برای نقشه های گوگل API نسخه 3 و همچنین
به عنوان API نقشه های گوگل جاوا اسکریپت

22
00:01:07,640 --> 00:01:10,260
V3 مرجع است که
کمی محرمانه بیشتر به عنوان خوانده شده

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
>> در همین حال، اگر من در واقع تغییر
URL به یک کد پستی مثل این،

35
00:01:50,620 --> 00:01:55,580
اما چیزی مسیه کمی
مانند کمبریج، ماساچوست +،

36
00:01:55,580 --> 00:02:00,740
که در آن به همراه راه است شما رمز
شخصیت فضا در URL و ضربه را وارد کنید،

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
خصوصیات، شما آن را سه ببینید
فهرستی از یک دسته کامل از فایل های ZIP

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-- کاما ارزش جدا file--

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
اجازه بدهید پیش بروید و آن را باز کنید here--
us.text-- و، در واقع، نظر شما

60
00:03:09,750 --> 00:03:16,660
ببینید اگر من پایین به خط 16792
شما چند پرونده برای کمبریج خواهید دید،

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 coordinates--
طول و عرض جغرافیایی.

65
00:03:27,170 --> 00:03:30,440
این فوق العاده است به خاطر یکی از
از ویژگی های نقشه های گوگل 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
و همچنین پایگاه داده MySQL.

71
00:03:44,970 --> 00:03:49,100
در واقع، اگر من کشیدن از phpMyAdmin داشتن
در حال حاضر وارد شده، به عنوان شما را به زودی خواهد شد،

72
00:03:49,100 --> 00:03:54,800
pset8.SQL، شما یک جدول MySQL دید که
به نظر می رسد مثل این، یک میدان ID، کشور

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
فایل را از که URL وجود دارد.

82
00:04:21,500 --> 00:04:24,940
و پس از آن شما به به ارسال
یک اسکریپت خط فرمان در پی اچ پی که

83
00:04:24,940 --> 00:04:28,420
رفتن به باز کردن آن متن
فایل، تکرار بیش از خطوط آن،

84
00:04:28,420 --> 00:04:31,180
و سپس برای هر یک از
کسانی که خطوط انجام دادن

85
00:04:31,180 --> 00:04:34,940
به که مکان جدول
در پایگاه داده MySQL خود را.

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
اگر من در چارلزتاون، مریلند کلیک کنید،
ماساچوست،

103
00:05:20,352 --> 00:05:21,685
من همین کار را برای آن شهر را ببینید.

104
00:05:21,685 --> 00:05:24,174
و اگر من با کلیک بر روی
واترتاون، نیویورک، ماساچوست،

105
00:05:24,174 --> 00:05:26,090
وجود دارد ممکن است هر شود
اخبار از واترتاون، نیویورک،

106
00:05:26,090 --> 00:05:28,630
بنابراین شما چیزی را ببینید
مثل روز اخبار آهسته است.

107
00:05:28,630 --> 00:05:32,140
>> در حال حاضر، در عین حال، در سمت چپ بالا هستند
برخی از کنترل های آشنا نقشه های گوگل

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
نوع آن، شما
کرکره های autocomplete کم است.

117
00:06:00,300 --> 00:06:03,840
در حال حاضر این است با استفاده از یک افزونه
برای یک کتابخانه به نام جی کوئری،

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
دانلود .js فایل یکپارچه
به کد توزیع به طوری که شما

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 و استخراج

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-- که به طور کلی برای ایستد
دودویی برای programs-- اجرایی

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
اگر ما این کار را با جیادیت باز، خواهیم دید
که، متاسفانه، بسیار وجود ندارد

143
00:07:17,591 --> 00:07:18,090
وجود دارد.

144
00:07:18,090 --> 00:07:20,250
همه این است که وجود دارد، هر چند،
ابتکار در بالا است

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 که احتمالا شما
در حال حاضر استخراج کرده اند.

152
00:07:41,920 --> 00:07:44,690
سپس شما به به
تکرار بیش از خطوط را در آن فایل،

153
00:07:44,690 --> 00:07:47,800
شاید با استفاده از برخی از توابع
پیشنهاد در مشخصات.

154
00:07:47,800 --> 00:07:51,390
سپس هر یک از این وارد
خطوط به پایگاه داده MySQL

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
و سپس فونت CSS، 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
به طور خاص، برای خود راه انداز برای خود ما
CSS به دنبال یک دسته کامل از اسکریپت

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
جی کوئری خود را، خود راه انداز
خود را، و یکی دیگر از کتابخانه

187
00:09:48,420 --> 00:09:50,990
نام زیرین که
ما در مورد در تنظیمات صحبت کنید.

188
00:09:50,990 --> 00:09:57,031
Underscore.js مانند jquery.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
می کند که کرکره های autocomplete و
در نهایت یک لینک به جاوا اسکریپت خود ما.

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
با ID منحصر به فرد از نقشه بوم.

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
که ID پرسش است.

212
00:11:06,440 --> 00:11:07,230
فقط یک قرارداد.

213
00:11:07,230 --> 00:11:09,234
Q برای query-- می تواند داشته باشد
هر چیزی به نام شده است.

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-- ما نمی خواهد صرف بزرگ
مقدار زمان در here-- به طور خلاصه

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
ما پس از آن می تواند تکثیر نقشه اکنون که
کاربر نقل مکان کرد روی صفحه نمایش به منظور

232
00:12:10,520 --> 00:12:14,210
برای دیدن 10 احتمالا جدید
علامت شهرهای مختلف.

233
00:12:14,210 --> 00:12:18,340
در همین حال، این فایل در نهایت
رفتن یک پرس و جو به اجرا گذاشتن

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
که یاهو مالی را برای شما تماس.

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
نام RSS format-- اخبار
برای کمبریج یا بورلی هیلز

242
00:12:49,720 --> 00:12:52,880
یا هر شهر شما جستجو کرده اید
برای در که geoparameter است.

243
00:12:52,880 --> 00:12:57,250
ما تجزیه که RSS، که فقط یک
نوع زبان نشانه گذاری به نام 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
چگونه شما در واقع می توانید ببینید
برخی از back-- آینده JSON

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
بسیار on-- رفتن
فقط یک TODO بسیار بزرگ است.

255
00:13:27,970 --> 00:13:32,170
در حال حاضر این فایل اعلام
یک آرایه به نام مکان.

256
00:13:32,170 --> 00:13:35,980
و سپس در نهایت چاپ
که آرایه در format-- JSON

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
URL مانند جستجو. پی اچ پی؟ جغرافیایی = چیزی،
کد خود را در نهایت باز خواهد گشت 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
فایل CSS خود را و فایل جاوا اسکریپت خود را.

270
00:14:23,680 --> 00:14:26,779
اگر من به دایرکتوری CSS ما بروید،
یک دسته کامل از فایل های وجود دارد وجود دارد،

271
00:14:26,779 --> 00:14:28,070
اما بسیاری از آنها کتابخانه می باشد.

272
00:14:28,070 --> 00:14:31,530
من قصد دارم به نگاهی،
به طور خاص، در CSS قرار،

273
00:14:31,530 --> 00:14:35,440
که ما CSS جهانی خود که است
رفتن به سبک خاصی دراوردن کل این ترکیب.

274
00:14:35,440 --> 00:14:38,840
من آن را ترک به شما را به خواندن از طریق
نظرات در اینجا، اما، به طور خلاصه،

275
00:14:38,840 --> 00:14:43,490
این CSS که تضمین می کند که است ما
ترکیب، به طور پیش فرض از جعبه،

276
00:14:43,490 --> 00:14:46,950
به نظر می رسد دقیقا راه ما it-- می خواهید
با نقشه پر کردن پورت مشخصات

277
00:14:46,950 --> 00:14:49,720
و با جستجو
جعبه تا در بالا سمت چپ.

278
00:14:49,720 --> 00:14:52,870
ما همچنین آزادی گرفته شده
stylizing که کرکره typeahead

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
داخل دایرکتوری JS خود را
فایل حتی بیشتر است.

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
به TODOs که پیش رو است.

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
>> حالا اجازه دهید پایین
کمی و صدای تیز و تند

303
00:16:03,990 --> 00:16:07,690
از طریق کد که برای رفتن به
به محض DOM یا سند اعدام

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
پس از آن ما با استفاده از یک بیت از کد جی کوئری،
است که در جزئیات کمی بیشتر توضیح

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--، راه
back-- به هفته صفر در CS50

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

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
از سخنرانی در آن ما با استفاده از
جی کوئری به اصطلاح رابط وعده.

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
و پس از آن بیش از تکرار
داده که دوباره

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
متوجه است که من در را باز کرده ام
پیشبرد این برگه در اینجا به این URL،

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
اما این روش از دستی رفتن
به URL مثل این چیزی شبیه به

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
>> در نهایت پس از آن، شما باید
چند TODOs پیش از شما.

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
و در نهایت پیاده سازی
کسانی که زن و شوهر از TODOs،

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 Mashup ایجاد شده است.

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