1
00:00:00,000 --> 00:00:03,388
>> [Jwe mizik]

2
00:00:03,388 --> 00:00:09,196

3
00:00:09,196 --> 00:00:10,180
>> DAVID J. Malan: Bonjou.

4
00:00:10,180 --> 00:00:12,600
Se pou nou pran yon ti mache nan
Pwoblèm Set 8 macheup,

5
00:00:12,600 --> 00:00:15,880
ki se ale nan defi ou a
trase sou eleman pou Google Maps

6
00:00:15,880 --> 00:00:20,905
ak eleman soti nan Google Nouvèl ak Mach
yo ansanm nan yon aple wèb ki

7
00:00:20,905 --> 00:00:24,150
pèmèt yon itilizatè nan rechèch
yon kat jeyografik pou nouvèl lokal

8
00:00:24,150 --> 00:00:26,780
nan tout lavil espesifik,
vil yo, ak kòd postal.

9
00:00:26,780 --> 00:00:31,040
Pou fè sa, nou ap ale nan
entegre kèk HTML, CSS, PHP, SQL,

10
00:00:31,040 --> 00:00:34,390
JavaScript, ak yon teknik
jeneralman li te ye tankou Ajax nan lòd

11
00:00:34,390 --> 00:00:36,850
yo kreye sa a Immersion
itilizatè eksperyans.

12
00:00:36,850 --> 00:00:38,920
>> Se pou nou premye pou Google Maps tèt li.

13
00:00:38,920 --> 00:00:41,220
Sa a, nan kou, se petèt
yon koòdone yo konnen yo.

14
00:00:41,220 --> 00:00:45,070
Men, li sanble ke Google Maps
tou bay yon aplikasyon API--

15
00:00:45,070 --> 00:00:48,360
pwogramasyon interface-- via ki
ou ka pran eleman nan Google Maps

16
00:00:48,360 --> 00:00:50,740
ak entegre yo nan
pwòp aplikasyon w yo.

17
00:00:50,740 --> 00:00:52,650
Vreman vre, nan tout sa a
pwosesis, w ap ale

18
00:00:52,650 --> 00:00:55,140
yo jwenn yon koup la URL
patikilyèman itil ki

19
00:00:55,140 --> 00:00:57,820
yo mansyone nan la
spesifikasyon pou Pwoblèm Set 8,

20
00:00:57,820 --> 00:01:00,980
espesyalman sa a Pou kòmanse
Gid oswa Gid Developer a

21
00:01:00,980 --> 00:01:07,640
pou Google Maps API Version 3 kòm byen
kòm API la Google Maps JavaScript

22
00:01:07,640 --> 00:01:10,260
v3 referans, ki se yon
ti jan pi plis Esoteric yo li

23
00:01:10,260 --> 00:01:14,600
men aktyèlman gen tout nan nivo ki pi ba
detay sou sa ki fonksyon oswa metòd

24
00:01:14,600 --> 00:01:18,220
ak objè ak pwopriyete ak
evènman aktyèlman vini ak API la,

25
00:01:18,220 --> 00:01:20,720
trè menm jan an nan lespri
[Fèbl] paj.

26
00:01:20,720 --> 00:01:23,480
>> Koulye a, si nou pran yon gade
nan Google News, ou pral

27
00:01:23,480 --> 00:01:25,370
petèt wè yon koòdone abitye isit la.

28
00:01:25,370 --> 00:01:29,350
Men, li vire soti ou kapab tou rechèch
Google nouvèl pou géographiques espesifik

29
00:01:29,350 --> 00:01:32,000
via yon paramèt HTTP rele Geo.

30
00:01:32,000 --> 00:01:35,100
An reyalite, si mwen rale nan
moute isit la, ou ap wè ke

31
00:01:35,100 --> 00:01:41,672
Mwen se nan
news.google.com/news/section?geo=02138.

32
00:01:41,672 --> 00:01:43,630
Epi, tout bon, si mwen rale
soti, ou pral wè ke mwen se

33
00:01:43,630 --> 00:01:47,090
gade nan yon paj ki gen yon pakèt antye nan
opinyon sou Cambridge, Massachusetts.

34
00:01:47,090 --> 00:01:50,620
>> Pandan se tan, si mwen aktyèlman chanje nan
URL pa yo dwe yon kòd postal tankou sa a,

35
00:01:50,620 --> 00:01:55,580
men yon bagay yon ti kras messier
tankou Cambridge, + Massachusetts,

36
00:01:55,580 --> 00:02:00,740
kote plis la se yon fason a ou programme yon
N. espas nan yon URL ak frape Antre,

37
00:02:00,740 --> 00:02:02,907
ou pral wè ke mwen aktyèlman
wè prèske menm nouvèl la.

38
00:02:02,907 --> 00:02:05,489
Petèt li nan yon ti jan diferan
paske Cambridge aktyèlman

39
00:02:05,489 --> 00:02:06,910
gen kòd postal miltip.

40
00:02:06,910 --> 00:02:09,410
Koulye a, ki jan ta mwen konnen ke, epi,
an reyalite, ki jan t 'kapab mwen yon jan kanmenm

41
00:02:09,410 --> 00:02:12,940
mare lavil ak tout ti bouk
kòd postal nan ka mwen

42
00:02:12,940 --> 00:02:15,064
vle pèmèt itilizatè a
yo gade jiska swa?

43
00:02:15,064 --> 00:02:17,480
Oke, li sanble ke gen nan
yon sit entènèt yo deyò rele

44
00:02:17,480 --> 00:02:20,060
geonames.org ki se
yon inisyativ yo gen

45
00:02:20,060 --> 00:02:23,760
yon baz done libreman disponib nan tout
kalite enfòmasyon jeyografik,

46
00:02:23,760 --> 00:02:27,040
pa sèlman pou US la, men tou,
pou lòt peyi yo tou.

47
00:02:27,040 --> 00:02:30,430
An reyalite, si m 'ale nan URL sa a isit la, ki
se tou mansyone nan mete nan pwoblèm

48
00:02:30,430 --> 00:02:34,510
spesifikasyon, ou ap wè li twa
lis yon pakèt antye nan dosye postal

49
00:02:34,510 --> 00:02:36,400
nenpòt nan ki kapab telechaje pa ou.

50
00:02:36,400 --> 00:02:39,900
An reyalite, pou pwoblèm sa a mete
w ap ale nan download us.zip.

51
00:02:39,900 --> 00:02:43,790
Koulye a, ki nan sa a ranpli, se yon antye
pakèt moun sou done nan fòma tèks.

52
00:02:43,790 --> 00:02:47,760
Dosye yo se trè menm jan ak yon
CSV-- vigil separe valè file--

53
00:02:47,760 --> 00:02:51,294
men li aktyèlman sèvi ak
onglè delimiter jaden yo.

54
00:02:51,294 --> 00:02:53,710
Koulye a, pandan se tan, si ou gade
isit la nan sa m 'te make,

55
00:02:53,710 --> 00:02:56,459
jaden yo nan sa a ranpli yo ale
yo dwe bagay sa yo tankou kòd peyi,

56
00:02:56,459 --> 00:02:58,980
kòd lapòs, non kote,
ak Lè sa a, nan kèk fòm

57
00:02:58,980 --> 00:03:04,230
oswa lòt, eta yo ak konte,
kominote yo, ak plis ankò.

58
00:03:04,230 --> 00:03:06,630
An reyalite, mwen te deja
telechaje sa a ranpli nan davans.

59
00:03:06,630 --> 00:03:09,750
Kite m 'ale pi devan epi louvri li isit lan--
us.text--, epi, tout bon, ou pral

60
00:03:09,750 --> 00:03:16,660
wè si mwen woulo liv desann nan liy 16.792
ou pral wè yon dosye pou Cambridge kèk,

61
00:03:16,660 --> 00:03:19,120
Massachusetts ak divès kalite kòd postal li yo.

62
00:03:19,120 --> 00:03:22,150
Kisa ou wè tou gen konte a,
kèk nimewo ki mwen pa fè sa vrèman

63
00:03:22,150 --> 00:03:24,500
konprann, men tou, tout
wout la sou bò dwat la,

64
00:03:24,500 --> 00:03:27,170
kèk kowòdone GPS
latitid ak lonjitid.

65
00:03:27,170 --> 00:03:30,440
Sa a se gwo paske youn nan
karakteristik yo ki nan Google Maps API

66
00:03:30,440 --> 00:03:33,670
se kapasite a yo detekte
kote ou ye jewografik

67
00:03:33,670 --> 00:03:36,850
an tèm de GPS kowòdone.

68
00:03:36,850 --> 00:03:40,210
>> Koulye a, kite a kòmanse figi konnen kouman ou
kòmanse mare bagay sa yo ansanm.

69
00:03:40,210 --> 00:03:42,900
Nou te ban nou yon antye
pakèt moun sou kòd distribisyon,

70
00:03:42,900 --> 00:03:44,970
osi byen ke MySQL baz done.

71
00:03:44,970 --> 00:03:49,100
An reyalite, si mwen rale yon fpmyadmen gen
deja enpòte, menm jan ou byento pral,

72
00:03:49,100 --> 00:03:54,800
pset8.SQL, ou ap wè yon tab MySQL ki
sanble tankou sa a, yon jaden ID, peyi

73
00:03:54,800 --> 00:03:57,400
kòd, lapòs Kòd, non plas ak plis ankò.

74
00:03:57,400 --> 00:04:00,490
Kalite ki nan tout moun sa yo
kolòn mwen sòti tou senpleman

75
00:04:00,490 --> 00:04:03,870
pa li readme.text la
ranpli isit la ki espesifye

76
00:04:03,870 --> 00:04:07,330
si wi ou non yon jaden se yon nonb antye relatif,
oswa varchar oswa tankou an.

77
00:04:07,330 --> 00:04:10,510
>> Se konsa, nou te kreye ki tab pou
ou menm ak ba ou kòmandman yo SQL

78
00:04:10,510 --> 00:04:12,770
al touye yo kreye ki
tab nan baz done pwòp ou a,

79
00:04:12,770 --> 00:04:15,290
men gen nan aktyèlman pa gen okenn done nan li ankò.

80
00:04:15,290 --> 00:04:19,600
Olye de sa, w ap ale nan gen yo
download us.zip oswa postal nenpòt ki peyi a

81
00:04:19,600 --> 00:04:21,500
dosye soti nan ki URL la.

82
00:04:21,500 --> 00:04:24,940
Lè sa a, w ap ale nan gen yo ekri
yon script liy lòd nan PHP sa a, se

83
00:04:24,940 --> 00:04:28,420
pral louvri moute ke tèks
ranpli, repekte sou liy li yo,

84
00:04:28,420 --> 00:04:31,180
ak Lè sa a pou chak nan
liy sa yo fè yon insert

85
00:04:31,180 --> 00:04:34,940
nan ki mete tab
nan baz done miskl ou.

86
00:04:34,940 --> 00:04:37,880
Se konsa, nan fen a nan pwosesis sa a, ou pral
te kouri ke script finalman

87
00:04:37,880 --> 00:04:39,610
sèlman yon fwa nan teyori.

88
00:04:39,610 --> 00:04:41,780
An reyalite ou pral pwobableman
kouri li yon pakèt moun sou fwa

89
00:04:41,780 --> 00:04:45,460
pandan y ap eseye ranje divès kalite pinèz.

90
00:04:45,460 --> 00:04:48,440
>> Alafen, w ap ale nan gen yon
reyèlman gwo baz done ak dè milye

91
00:04:48,440 --> 00:04:50,139
ak dè milye de ranje jeyografik.

92
00:04:50,139 --> 00:04:52,930
Lè sa a, w ap ale nan mete sa enpòte
script sou kote yon fwa li ap travay

93
00:04:52,930 --> 00:04:55,140
ak baz done ou se bèl
epi ki kòrèk, ak Lè sa a

94
00:04:55,140 --> 00:04:58,880
w ap ale pou avanse pou sou aktyèlman
mete ann aplikasyon macheup a tèt li.

95
00:04:58,880 --> 00:05:01,670
Macheup a ki pral gade
yon ti kras yon bagay tankou sa a.

96
00:05:01,670 --> 00:05:05,165
Nan mashup.cs50.net, nou
gen yon solisyon anplwaye

97
00:05:05,165 --> 00:05:06,990
ki sanble yon ti kras yon bagay tankou sa a.

98
00:05:06,990 --> 00:05:11,070
Vreman vre, si mwen klike sou sa a jounal
icon pou Cambridge, Massachusetts,

99
00:05:11,070 --> 00:05:13,300
ou pral wè yon bondi
icon yon ti tan ak Lè sa a,

100
00:05:13,300 --> 00:05:16,370
yon te bay lòd lis, yon
lis pus nan atik

101
00:05:16,370 --> 00:05:18,280
ki gen rapò ak Cambridge, Massachusetts.

102
00:05:18,280 --> 00:05:20,352
Si m 'klike sou Charlestown,
Massachusetts,

103
00:05:20,352 --> 00:05:21,685
Mwen pral wè menm bagay la pou ki vil.

104
00:05:21,685 --> 00:05:24,174
Men, si mwen klike sou
Watertown, Massachusetts,

105
00:05:24,174 --> 00:05:26,090
gen pa ta ka gen nenpòt ki
nouvèl la soti nan Watertown,

106
00:05:26,090 --> 00:05:28,630
se konsa ou pral wè yon bagay
tankou ralanti jou nouvèl.

107
00:05:28,630 --> 00:05:32,140
>> Koulye a, pandan se tan, sou bò gòch tèt yo
kèk abitye Google Maps kontwòl

108
00:05:32,140 --> 00:05:34,980
kite ou rale soti, chodyè
leve, desann, kite, ak dwa,

109
00:05:34,980 --> 00:05:37,360
men tou, yon bwat rechèch ke nou mete ladan l '.

110
00:05:37,360 --> 00:05:40,910
Se konsa, si mwen fè rechèch pou, franchman,
sèlman lòt kòd postal mwen konnen,

111
00:05:40,910 --> 00:05:45,020
90210, nou pral aktyèlman wè
Beverly Hills, California.

112
00:05:45,020 --> 00:05:48,550
Lè klike li mennen m 'nan
California ak yon pakèt antye

113
00:05:48,550 --> 00:05:50,369
nan nouvèl sou Beverly Hills.

114
00:05:50,369 --> 00:05:51,910
Koulye a, remake, tou, sa ki te pase a.

115
00:05:51,910 --> 00:05:57,040
Si m 'sa a rechèch tan pou 02138 oswa menm
Cambridge vigil Massachusetts oswa kèk

116
00:05:57,040 --> 00:06:00,300
Variant ladan l ', ou jwenn yon
ti kras otokonple deroulan.

117
00:06:00,300 --> 00:06:03,840
Koulye a, sa a se lè l sèvi avèk yon Plugin
pou yon bibliyotèk rele jQuery,

118
00:06:03,840 --> 00:06:05,732
epi li se ki plugin rele typeahead.

119
00:06:05,732 --> 00:06:07,440
Nou tou senpleman li nan
dokiman an,

120
00:06:07,440 --> 00:06:13,150
telechaje js yo depoze entegre
nan kòd la distribisyon pou ke ou

121
00:06:13,150 --> 00:06:16,900
finalman ka ekri kòd la ke
plen ki meni deroulan ak oto a

122
00:06:16,900 --> 00:06:19,350
seleksyon oswa sijesyon yo oto.

123
00:06:19,350 --> 00:06:23,820
>> Koulye a, kòd la distribisyon, menm si, ke
ou te resevwa pa fè prèske kòm anpil.

124
00:06:23,820 --> 00:06:26,860
Ou jwenn kat jeyografik la Google embedded, ak
ou jwenn kontwole yo nan tèt la kite,

125
00:06:26,860 --> 00:06:28,240
epi ou jwenn bwat rechèch la.

126
00:06:28,240 --> 00:06:32,760
Men, si mwen tape yon bagay tankou
02138, pa gen okenn kote yo jwenn ankò.

127
00:06:32,760 --> 00:06:34,730
Se konsa, ki k ap pase yo dwe
youn nan objektif nou isit la.

128
00:06:34,730 --> 00:06:37,430
Anplis, si ou pran yon etap
retounen lakay yo epi gade nan kat jeyografik nan tèt li,

129
00:06:37,430 --> 00:06:38,950
gen nan pa gen nouvèl tou.

130
00:06:38,950 --> 00:06:41,780
Menm si mwen klike sou ak
trennen, pa gen okenn makè aktyèlman

131
00:06:41,780 --> 00:06:45,560
parèt pou nouvèl paske sa
se defi kite pou ou kòm byen.

132
00:06:45,560 --> 00:06:48,490
>> Se pou nou pran yon gade Lè sa a,
nan kòd la distribisyon.

133
00:06:48,490 --> 00:06:51,460
Yon fwa ou te telechaje
pset8.zip ak dekonprese li

134
00:06:51,460 --> 00:06:54,430
nan anyè vhost ou
nan aparèy la CS50,

135
00:06:54,430 --> 00:06:56,550
ou pral wè sa yo
repèrtwar isit la andedan.

136
00:06:56,550 --> 00:07:00,200
Bin-- ki jeneralman vle di pou
binè pou ègzèkutabl programs--

137
00:07:00,200 --> 00:07:04,870
gen ladan, tankou nan pset7, gen kèk PHP
dosye ki lòt dosye enkli ladan yo,

138
00:07:04,870 --> 00:07:06,710
Lè sa a, piblik, ki se
dosye yo ki bezwen

139
00:07:06,710 --> 00:07:09,369
yo dwe piblikman aksesib
nan yon itilizatè ak yon navigatè.

140
00:07:09,369 --> 00:07:11,410
Se pou nou pran yon gade nan la
bin anyè, ak nou pral

141
00:07:11,410 --> 00:07:13,890
wè ke gen nan yon dosye
gen deja rele Import.

142
00:07:13,890 --> 00:07:17,591
Si nou louvri sa a ak jdi, nou pral wè
ki, malerezman, gen nan pa anpil

143
00:07:17,591 --> 00:07:18,090
la.

144
00:07:18,090 --> 00:07:20,250
Tout sa ki ki gen la, menm si,
se yon kaz nan tèt

145
00:07:20,250 --> 00:07:23,410
ki espesifye ki
interpreter-- nan ka sa a PHP--

146
00:07:23,410 --> 00:07:25,759
ta dwe itilize yo aktyèlman
egzekite sa a dosye.

147
00:07:25,759 --> 00:07:27,550
Men, Lè sa a, kote li di
Todo se kote w ap

148
00:07:27,550 --> 00:07:31,130
ale nan bezwen yo ekri kèk kòd
ki pwobableman mande pou config a

149
00:07:31,130 --> 00:07:35,820
dosye ki nan nan gen ladan an anyè
kòm nou te fè l 'anvan ak dosye PHP.

150
00:07:35,820 --> 00:07:38,180
Lè sa a, w ap ale nan
gen yon jan kanmenm louvri moute

151
00:07:38,180 --> 00:07:41,920
us.text ki ou prezimableman
te dekonprese deja.

152
00:07:41,920 --> 00:07:44,690
Lè sa a, w ap ale nan gen yo
repekte sou liy ki nan ki ranpli,

153
00:07:44,690 --> 00:07:47,800
petèt lè l sèvi avèk kèk nan fonksyon yo
sijere nan spesifikasyon la.

154
00:07:47,800 --> 00:07:51,390
Lè sa a, insert chak nan sa yo
liy nan miskl baz done

155
00:07:51,390 --> 00:07:54,940
lè l sèvi avèk fonksyon an sijè rechèch, ki
nou te ankò bay ou with--

156
00:07:54,940 --> 00:07:58,010
oswa omwen yon Variant
ladan l 'nan functions.php,

157
00:07:58,010 --> 00:07:59,560
ki nou pral wè nan jis moman yon.

158
00:07:59,560 --> 00:08:04,430
>> Koulye a, kite a fèmen enpòte ak ale tounen nan
anyè nou yo ak tan sa a ale nan

159
00:08:04,430 --> 00:08:05,300
gen ladan.

160
00:08:05,300 --> 00:08:09,210
Men, si mwen fè ls la, ou pral wè
twa dosye byen tankou Set Pwoblèm 7.

161
00:08:09,210 --> 00:08:13,760
Se pou nou pran yon gade rapid,
pou egzanp, nan config.php.

162
00:08:13,760 --> 00:08:16,730
Nan la, se mwens liy
pase anvan, epi li

163
00:08:16,730 --> 00:08:20,712
sanble sa a ranpli gen ladan
constants.php ak functions.php.

164
00:08:20,712 --> 00:08:23,670
Nou ap itilize yon yon ti kras diferan
teknik tan sa a alantou yo aktyèlman

165
00:08:23,670 --> 00:08:30,910
presize ke dosye sa yo, se relatif
nan anyè aktyèl la __ DIR__

166
00:08:30,910 --> 00:08:35,280
reprezante tou sa anyè sa a
dosye, config.php, se tèt li nan.

167
00:08:35,280 --> 00:08:37,600
Se konsa, sa a se yon plis
eksplisit fason pou ki espesifye

168
00:08:37,600 --> 00:08:40,100
sa lòt dosye ou vle mande pou.

169
00:08:40,100 --> 00:08:44,020
>> Koulye a, si mwen fèmen sa a ranpli ak
louvri moute constants.php olye de sa,

170
00:08:44,020 --> 00:08:47,430
ou pral wè yon dosye trè okoumansman
Pwoblèm Set 7 a kòm byen, kwake

171
00:08:47,430 --> 00:08:50,050
ak yon baz done diferan rele pset8.

172
00:08:50,050 --> 00:08:54,020
Finalman, nan functions.php,
nou pral wè sèlman yon sèl fonksyon

173
00:08:54,020 --> 00:08:55,942
tan sa a yo rele rechèch.

174
00:08:55,942 --> 00:08:59,150
Sa a se prèske menm bagay la tou eksepte nou okipe
erè tan sa a alantou yon ti jan

175
00:08:59,150 --> 00:09:02,860
yon fason diferan, men li la l 'se
menm jan ak nan pwoblèm mete sèt.

176
00:09:02,860 --> 00:09:08,090
>> Koulye a, kite a ale tounen nan pset8 nou an
anyè, ale nan piblik, ak nan la

177
00:09:08,090 --> 00:09:14,420
si m 'fè ls, ou ap wè this--
articles.php, index.html, search.php,

178
00:09:14,420 --> 00:09:16,940
ak update.php-- tout dosye.

179
00:09:16,940 --> 00:09:22,010
Lè sa a, polis CSS, img, ak nan
js anyè byen tankou pset7.

180
00:09:22,010 --> 00:09:24,660
>> Se pou nou pran yon gade nan
index.html, ki se

181
00:09:24,660 --> 00:09:27,290
pral fè reyèlman nan
pwen antre smashup la.

182
00:09:27,290 --> 00:09:31,820
Koulye a, nan index.html, ou ap wè yon antye
pakèt moun sou eleman lyen nan tèt la,

183
00:09:31,820 --> 00:09:36,540
espesyalman, pou demaraj pou pwòp nou an
CSS ki te swiv pa yon pakèt antye nan script

184
00:09:36,540 --> 00:09:41,520
Tags pou bagay sa yo tankou kat, API a
tèt li, yon makè espesyal ak etikèt

185
00:09:41,520 --> 00:09:44,950
sèvis piblik ke nou mansyone nan la
spesifikasyon se disponib nan ou,

186
00:09:44,950 --> 00:09:48,420
jQuery tèt li, demaraj
tèt li, ak yon lòt bibliyotèk

187
00:09:48,420 --> 00:09:50,990
rele souliye ki
nou pale sou nan espèk a.

188
00:09:50,990 --> 00:09:57,031
Underscore.js tankou jquery.js
se yon bibliyotèk JavaScript

189
00:09:57,031 --> 00:10:00,280
ki gen yon pakèt antye nan fonksyonalite
ke yon anpil nan moun ki nan vle a mond

190
00:10:00,280 --> 00:10:02,020
egziste nan JavaScript tèt li.

191
00:10:02,020 --> 00:10:04,560
Se konsa, tout sa yo se
aktyèlman byen popilè.

192
00:10:04,560 --> 00:10:07,140
Nou te tou mansyone typeahead
ki se bibliyotèk la ki

193
00:10:07,140 --> 00:10:11,180
fè sa deroulan otokonple ak
finalman yon lyen nan pwòp JavaScript nou an.

194
00:10:11,180 --> 00:10:13,880
>> Pandan se tan, e petèt
Erezman, sa a macheup

195
00:10:13,880 --> 00:10:17,550
se kondwi pa relativman ti kras
HTML desann isit la nan pati anba a.

196
00:10:17,550 --> 00:10:22,330
Avi ke nou te espesifye yon div nan
kò nou nan likid klas-veso.

197
00:10:22,330 --> 00:10:24,610
Sa a, pou chak demaraj nan
dokiman, jis

198
00:10:24,610 --> 00:10:29,840
vle di ke div sa a ki pral ranpli a
viewport oswa fenèt navigatè a konplètman.

199
00:10:29,840 --> 00:10:33,020
>> Pandan se tan, anba a ke nou gen yon div
ki nan louvri ak imedyatman fèmen

200
00:10:33,020 --> 00:10:34,790
ak ID a inik nan kat jeyografik twal.

201
00:10:34,790 --> 00:10:37,400
Sa a kounye a se soti nan Google
Maps dokiman

202
00:10:37,400 --> 00:10:42,490
pou API li yo, annakò ak sa Mwen tou senpleman bezwen
gen yon div vid nan ki pou bay piki pou,

203
00:10:42,490 --> 00:10:44,470
finalman, yon vrè Google Maps.

204
00:10:44,470 --> 00:10:46,310
Men, plis sou sa nan jis yon ti jan.

205
00:10:46,310 --> 00:10:48,850
>> Finalman, gen nan yon fòm
andedan nan isit la ki

206
00:10:48,850 --> 00:10:52,930
aplike ti bwat la tèks moute tèt kite
nan koòdone nou an pou chèche.

207
00:10:52,930 --> 00:10:54,730
Avi ke nou te itilize
yon ti jan nan demaraj

208
00:10:54,730 --> 00:10:57,670
isit la too-- bagay sa yo tankou
fòm-aliye ak fòm-gwoup.

209
00:10:57,670 --> 00:11:00,080
Nou te bay ansyen an
inik ID nan fòm.

210
00:11:00,080 --> 00:11:04,510
Lè sa a,, finalman, mwen gen aktyèlman
yon kalite D ', ki se trè yo konnen yo,

211
00:11:04,510 --> 00:11:06,440
ki gen ID se q.

212
00:11:06,440 --> 00:11:07,230
Jis yon konvansyon.

213
00:11:07,230 --> 00:11:09,234
Q pou sijè rechèch te kapab gen
te rele anyen.

214
00:11:09,234 --> 00:11:11,400
Lè sa a, kontneur la,
pandan se tan, se vil, eta,

215
00:11:11,400 --> 00:11:16,200
ak lapòs Kòd ki ou ta ka sonje
wè nan macheup nou an Demo pi bonè.

216
00:11:16,200 --> 00:11:17,980
Se pou nou fèmen sa a dosye.

217
00:11:17,980 --> 00:11:24,460
>> Koulye a, pran yon gade nan dosye yo PHP ki
tann ak Lè sa a dosye yo JavaScript.

218
00:11:24,460 --> 00:11:27,700
Nan dosye PHP nou yo, nou te
deja aplike pou ou,

219
00:11:27,700 --> 00:11:29,960
pou egzanp, dènye enfòmasyon yo.

220
00:11:29,960 --> 00:11:35,060
Update.php-- nou pa pral depanse yon gwo
kantite tan sou isit lan-- nan yon Nutshell

221
00:11:35,060 --> 00:11:38,400
se dosye a ke nou an
JavaScript Kòd ki pral

222
00:11:38,400 --> 00:11:41,610
Kontakte via Ajax ki
teknik asenkron sa a, se

223
00:11:41,610 --> 00:11:45,980
bati nan JavaScript jou sa yo sa a, se
ale nan pèmèt nou mande update.php

224
00:11:45,980 --> 00:11:47,410
pou plis enfòmasyon.

225
00:11:47,410 --> 00:11:50,045
>> Espesyalman, nenpòt lè
itilizatè a tir kat la

226
00:11:50,045 --> 00:11:53,310
oswa fè yon rechèch ki so
itilizatè a nan yon lòt kote,

227
00:11:53,310 --> 00:11:55,250
Kòd JavaScript nou an,
menm jan nou pral byento wè, se

228
00:11:55,250 --> 00:11:59,610
pral rele update.php
epi mande pou 10 oswa konsa makè

229
00:11:59,610 --> 00:12:02,630
nan viewport la ki baze
sou GPS kowòdone a

230
00:12:02,630 --> 00:12:06,510
nan tèt la ak anba
kwen nan kat jeyografik sa.

231
00:12:06,510 --> 00:12:10,520
Nou ka Lè sa a, rpeple kat jeyografik la kounye a ke
te itilizatè a deplase ekran an yo nan lòd

232
00:12:10,520 --> 00:12:14,210
wè 10 pwobableman nouvo
makè pou tout ti bouk diferan.

233
00:12:14,210 --> 00:12:18,340
Pandan se tan, sa a ranpli se finalman
ale nan egzekite yon sijè rechèch SQL

234
00:12:18,340 --> 00:12:21,680
kont baz done nou an
tab rele kote ki

235
00:12:21,680 --> 00:12:26,380
ki pral retounen moun
10 oswa mwens kote yo ye.

236
00:12:26,380 --> 00:12:32,620
>> Pandan setan, nan articles.php, se yon lòt
ranpli nou te ekri nan antye li yo.

237
00:12:32,620 --> 00:12:35,820
Li trè menm jan an nan lespri
Fonksyon Passage Set Pwoblèm 7 la,

238
00:12:35,820 --> 00:12:39,450
ki kontakte Yahoo Finans pou ou.

239
00:12:39,450 --> 00:12:43,710
Sa a dosye kontak Google Nouvèl
pou ou, finalman arachman

240
00:12:43,710 --> 00:12:46,050
yon machin-lizib
version-- nan yon bagay

241
00:12:46,050 --> 00:12:49,720
rele RSS format-- nan nouvèl la
pou Cambridge oswa Beverly Hills

242
00:12:49,720 --> 00:12:52,880
oswa kèlkeswa sa ou te fouye vil
pou ki baze sou ki geoparameter.

243
00:12:52,880 --> 00:12:57,250
Nou analizan ki RSS, ki se jis yon
di ki kalite lang markeup rele XML,

244
00:12:57,250 --> 00:13:00,740
ak Lè sa a nou aktyèlman
retounen li nan navigatè ou a

245
00:13:00,740 --> 00:13:03,570
ak nan kòd JavaScript ou,
espesyalman, nan yon fòma yo rele

246
00:13:03,570 --> 00:13:06,097
JSON, JavaScript Notasyon objè.

247
00:13:06,097 --> 00:13:08,180
Koulye a, ou pral wè nan a
specification-- nou pwen ou

248
00:13:08,180 --> 00:13:10,720
nan ki jan ou ka aktyèlman wè
kèk nan JSON vini back-- la

249
00:13:10,720 --> 00:13:15,210
ki sa a fonctionnalités finalman
pèmèt ou peple moun meni contextuel konsa

250
00:13:15,210 --> 00:13:16,960
ki lè ou klike
sou yon makè nan kat jeyografik la

251
00:13:16,960 --> 00:13:19,430
ou aktyèlman wè yon pakèt antye
nan bal, chak nan yo ki

252
00:13:19,430 --> 00:13:21,020
lyen ki mennen nan yon atik.

253
00:13:21,020 --> 00:13:25,000
>> Koulye a, kite a pran yon gade nan yon dènye
Dosye PHP ki, erezman, pa fè sa

254
00:13:25,000 --> 00:13:27,970
gen anpil pral on--
jis yon trè gwo todo.

255
00:13:27,970 --> 00:13:32,170
Dwa koulye a sa a ranpli deklare
yon etalaj rele kote.

256
00:13:32,170 --> 00:13:35,980
Lè sa a, finalman simagri
ki etalaj nan JSON format--

257
00:13:35,980 --> 00:13:38,720
bèl-enprime li jis se konsa ke
bagay sa yo yo pi fasil yo debug.

258
00:13:38,720 --> 00:13:41,480
Malerezman, nan la
mitan gen todo sa a,

259
00:13:41,480 --> 00:13:46,890
ki fè apèl pou ou nan rechèch la
baz done pou kote matche yon Geo HTTP

260
00:13:46,890 --> 00:13:47,490
paramèt.

261
00:13:47,490 --> 00:13:49,865
>> Epi, tout bon, sa a se pral
dwe youn nan challenges-- ou

262
00:13:49,865 --> 00:13:54,240
aplike fonctionnalités sa a isit la
se konsa ke lè ou kontakte sa a ranpli ak

263
00:13:54,240 --> 00:14:00,610
yon URL tankou rechèch. PHP? Geo = yon bagay,
kòd ou a pral finalman retounen yon JSON

264
00:14:00,610 --> 00:14:05,020
etalaj nan tout nan kote ki nan ou
tab baz done ki matche ak ki opinyon.

265
00:14:05,020 --> 00:14:08,960
Se konsa, si itilizatè a kalite nan Cambridge,
dosye ou isit la search.php

266
00:14:08,960 --> 00:14:12,680
ta dwe finalman retounen yon etalaj JSON
pou tout moun nan alimèt yo pou Cambridge,

267
00:14:12,680 --> 00:14:16,990
ki ta dwe nan Massachusetts
men ta ka menm nenpòt lòt kote.

268
00:14:16,990 --> 00:14:21,040
>> Anfen, kite a pran yon gade nan de
dosye ki estatik ultimately--

269
00:14:21,040 --> 00:14:23,680
dosye CSS ou ak dosye JavaScript ou.

270
00:14:23,680 --> 00:14:26,779
Si m 'ale nan anyè CSS nou an,
gen nan yon pakèt antye nan dosye a,

271
00:14:26,779 --> 00:14:28,070
men pi fò nan yo se bibliyotèk yo.

272
00:14:28,070 --> 00:14:31,530
Mwen pral pran yon gade,
espesyalman, nan styles.css,

273
00:14:31,530 --> 00:14:35,440
ki se CSS pwòp nou mondyal sa a, se
ale nan stilize macheup sa a tout antye.

274
00:14:35,440 --> 00:14:38,840
Mwen pral kite li jwenn ou pou li nan
kòmantè yo nan dokiman sa a, men, nan yon Nutshell,

275
00:14:38,840 --> 00:14:43,490
sa a se CSS la ki asire ke nou an
macheup, pa default soti nan bwat la,

276
00:14:43,490 --> 00:14:46,950
sanble egzakteman wout la nou vle l--
ak kat jeyografik la ranpli pò a View

277
00:14:46,950 --> 00:14:49,720
ak rechèch la
bwat moute sou bò gòch an tèt la.

278
00:14:49,720 --> 00:14:52,870
Nou te tou pran libète a nan
stylizing ki deroulan typeahead

279
00:14:52,870 --> 00:14:55,170
meni yon ti kras tou.

280
00:14:55,170 --> 00:14:58,030
>> Dosye ki pi enpòtan
petèt pou pwoblèm sa a mete

281
00:14:58,030 --> 00:15:01,070
se yon sèl sa a sot pase yo, scripts.js.

282
00:15:01,070 --> 00:15:03,800
Anndan nan anyè JS ou
se menm plis dosye.

283
00:15:03,800 --> 00:15:08,090
Yo tout yo dosye bibliyotèk
eksepte pou yon sèl sa a, scripts.js.

284
00:15:08,090 --> 00:15:11,460
Si nou louvri sa a leve, kite a pran nou an
vwayaj final nan fonksyon yo ke

285
00:15:11,460 --> 00:15:13,820
yo bati nan sa a ranpli
pou ou ak pou rele atansyon

286
00:15:13,820 --> 00:15:16,200
TODOS yo ki kouche devan yo.

287
00:15:16,200 --> 00:15:19,110
>> Nan tèt yo nan sa a ranpli,
twa varyab mondyal.

288
00:15:19,110 --> 00:15:22,910
Yonn pou yon kat jeyografik, ki se ale nan
gen yon referans a kat jeyografik Google nou an.

289
00:15:22,910 --> 00:15:25,510
Ou ka panse a li
sòt de kòm yon konsèy.

290
00:15:25,510 --> 00:15:27,710
Pandan se tan, nou gen
yon lòt varyab mondyal

291
00:15:27,710 --> 00:15:31,500
rele info, ki parèt yo dwe
estoke valè a retounen nan yon apèl

292
00:15:31,500 --> 00:15:34,170
nan nouvo google.maps.InfoWindow.

293
00:15:34,170 --> 00:15:37,835
JavaScript sipòte objè ki
yo trè menm jan an nan lespri Janb.

294
00:15:37,835 --> 00:15:40,250
Ak sa ki liy sa a pou
rezon nou an ap fè

295
00:15:40,250 --> 00:15:42,820
se kreye yon nouvo info
fenèt nan memwa ak Lè sa a,

296
00:15:42,820 --> 00:15:46,330
kenbe otou yon referans
toujou nan yon varyab rele Info.

297
00:15:46,330 --> 00:15:48,330
Ak nan ant sa yo,
pandan se tan, se sa ki parèt

298
00:15:48,330 --> 00:15:51,060
yo dwe genyen yon JavaScript vid
etalaj rele makè.

299
00:15:51,060 --> 00:15:55,392
Tout moun sa yo ikon jounal, oswa ou
ta ka chwazi yon lòt icon nèt,

300
00:15:55,392 --> 00:15:57,350
yo ale nan dwe estoke
finalman nan sa a etalaj

301
00:15:57,350 --> 00:16:01,570
pou nou ka trè fasil ajoute nan
kat jeyografik la ak retire yo nan kat la.

302
00:16:01,570 --> 00:16:03,990
>> Koulye a, kite a desann
yon ti jan ak yon ti kras sifleman

303
00:16:03,990 --> 00:16:07,690
nan kòd la ki k ap pase yo dwe
egzekite pi vit ke Dom la oswa dokiman

304
00:16:07,690 --> 00:16:10,480
modèl la objè oswa
paj tèt li se pare.

305
00:16:10,480 --> 00:16:12,942
Sonje byen, sa a sentaks
isit la tou senpleman presize

306
00:16:12,942 --> 00:16:14,900
ke kòd ki anba la a
yo ta dwe egzekite sèlman

307
00:16:14,900 --> 00:16:17,840
lè gen navigatè a fini
chaje tout lòt bagay.

308
00:16:17,840 --> 00:16:19,750
>> Nou premye deklare yon
pakèt antye nan Styles,

309
00:16:19,750 --> 00:16:22,410
ki fini stylizing
kat jeyografik la tankou pou chak espèk a.

310
00:16:22,410 --> 00:16:24,790
Nou Lè sa a, deklare yon
pakèt antye nan opsyon,

311
00:16:24,790 --> 00:16:28,630
ki plis Customize Google la
kat jeyografik ki nou ap sou yo embed.

312
00:16:28,630 --> 00:16:32,090
Nou Lè sa a, sèvi ak yon ti jan nan jQuery kòd,
ki se eksplike nan yon detay ti jan pi plis

313
00:16:32,090 --> 00:16:35,000
nan espèk a, gen tan pwan
ki eleman, kat jeyografik-twal

314
00:16:35,000 --> 00:16:36,980
ke nou se konsa inikman idantifye.

315
00:16:36,980 --> 00:16:40,640
Lè sa a, liy sa a isit la se
sa ki sanble yo maji ban nou

316
00:16:40,640 --> 00:16:43,560
yon kat jeyografik Google andedan nan
aplikasyon pwòp nou an,

317
00:16:43,560 --> 00:16:47,020
estoke yon referans toujou
nan ki varyab rele kat jeyografik.

318
00:16:47,020 --> 00:16:50,550
>> Finalman, desann isit la nou enskri
sa ki rele yon koute.

319
00:16:50,550 --> 00:16:54,690
Panse fason back--, fason
back-- semèn zewo nan CS50

320
00:16:54,690 --> 00:16:57,430
lè nou gade grafouyen ak
sipò li nan yon ti mache

321
00:16:57,430 --> 00:16:59,935
a pou bagay sa yo rele
evènman ak emisyon.

322
00:16:59,935 --> 00:17:01,810
Ou pa ta ka te itilize
li tèt ou, men li la

323
00:17:01,810 --> 00:17:03,900
yon mekanis kijan yon
navigatè nan ka sa a

324
00:17:03,900 --> 00:17:07,940
ka jwenn atansyon nou lè li
pare yo aktyèlman egzekite kèk kòd.

325
00:17:07,940 --> 00:17:12,170
Nan ka sa a, li pral koute
nan kat jeyografik la pou yon evènman rele san fè anyen konsa.

326
00:17:12,170 --> 00:17:14,930
Sa vle di ke navigatè a gen
fini chaje kat jeyografik la Google.

327
00:17:14,930 --> 00:17:18,380
Nan pwen sa a yon fonksyon rele
configured ta dwe finalman

328
00:17:18,380 --> 00:17:19,339
dwe egzekite.

329
00:17:19,339 --> 00:17:22,510
Sa fonksyon, configured,
nou pral wè, ki ekri pa nou.

330
00:17:22,510 --> 00:17:24,550
>> Koulye a, desann isit la se yon fonksyon
ki, malerezman,

331
00:17:24,550 --> 00:17:25,871
se jis yon makè todo ajoute.

332
00:17:25,871 --> 00:17:28,620
Per espèk a. w ap ale nan bezwen
yo ekri kòd la ki aktyèlman

333
00:17:28,620 --> 00:17:32,840
ajoute yon marker-- si li sanble
tankou yon jounal, oswa yon fofile gwo pous,

334
00:17:32,840 --> 00:17:35,360
oswa yon bagay else-- nan kat jeyografik la Google.

335
00:17:35,360 --> 00:17:37,720
Isit la kounye a se ke fonksyon
rele configured.

336
00:17:37,720 --> 00:17:40,390
Mwen pral kite li jwenn ou pou li
nan sa a nan plis detay,

337
00:17:40,390 --> 00:17:42,600
men reyalize ke nou ajoute
yon pakèt moun plis Tande

338
00:17:42,600 --> 00:17:46,620
pou nou ka egzekite Kòd la lè
itilizatè klik sou ak tir kat la.

339
00:17:46,620 --> 00:17:50,730
Nou menm tou nou gen kòd nan isit la ke
inisyalizasyon ki typeahead plugin

340
00:17:50,730 --> 00:17:53,120
se konsa ke deroulan nan
meni aktyèlman ap travay.

341
00:17:53,120 --> 00:17:55,690
>> Men, kite a konsantre sou jis yon
koup la kote dokiman sa a.

342
00:17:55,690 --> 00:17:57,590
Espesyalman, sa a fè isit la.

343
00:17:57,590 --> 00:18:00,410
Mwen pral ranvwaye sou entènèt
dokiman ak spesifikasyon la

344
00:18:00,410 --> 00:18:02,530
pou ki jan yo ranpli nan todo sa a.

345
00:18:02,530 --> 00:18:05,890
Men, nan yon Nutshell, sa a bibliyotèk
typeahead pèmèt ou yo pase

346
00:18:05,890 --> 00:18:09,790
nan sa ki jeneralman li te ye kòm yon modèl,
ki te gen kèk placeholders varyab

347
00:18:09,790 --> 00:18:13,690
trè menm jan an nan lespri% printf la. * a.

348
00:18:13,690 --> 00:18:16,030
Men, nan ka sa a, nan
modèl pou chak espèk a

349
00:18:16,030 --> 00:18:18,760
pèmèt ou presize
ki sa varyab ou vle

350
00:18:18,760 --> 00:18:24,880
pou bay piki pou soti nan done ki nan vini
tounen soti nan yon bagay tankou PHP a

351
00:18:24,880 --> 00:18:29,810
dosye ki ou te ekri
ke yo émettant JSON pwodiksyon.

352
00:18:29,810 --> 00:18:35,170
>> Koulye a, desann isit la reyalize ke nou se
koute pou seleksyon typeahead

353
00:18:35,170 --> 00:18:38,050
lè itilizatè a aktyèlman ap fè
yon rechèch ak chwazi yon valè.

354
00:18:38,050 --> 00:18:40,270
Sa a se ki jan nou ap aktyèlman
ale nan koute pou ki

355
00:18:40,270 --> 00:18:42,250
ak egzekite kèk kòd kòm yon rezilta.

356
00:18:42,250 --> 00:18:45,300
Lè sa a, nou kontinye nan konfigirasyon
macheup a jis yon ti kras.

357
00:18:45,300 --> 00:18:48,000
Epi, finalman, nou rele
sa a aktyalizasyon fonksyon.

358
00:18:48,000 --> 00:18:49,640
Li dènye nouvèl makè yo sou ekran an.

359
00:18:49,640 --> 00:18:51,529
Plis sou sa nan jis moman yon.

360
00:18:51,529 --> 00:18:53,570
Pandan se tan, gen nan yon kèk
ti fonksyon nan isit la.

361
00:18:53,570 --> 00:18:56,820
Youn nan ki se hideInfo ki
tou senpleman fèmen InfoWindow la.

362
00:18:56,820 --> 00:19:00,020
Yon lòt fonksyon isit la, ki finalman
pa pral twò lontan, retire makè.

363
00:19:00,020 --> 00:19:03,580
Sa k ap pase yo defèt tou sa
fonksyon makè ajoute ou fè.

364
00:19:03,580 --> 00:19:04,960
Lè sa a, desann isit la se rechèch.

365
00:19:04,960 --> 00:19:08,610
Lè sa a se yon sèl enteresan paske nou
te ekri kòd la JavaScript sa a, se

366
00:19:08,610 --> 00:19:13,490
ale nan pale ak search.php sou la
sèvè epi pou yo jwenn tounen kèk repons.

367
00:19:13,490 --> 00:19:16,110
>> Ou menm, nan kou, ap toujou
bezwen aplike search.php,

368
00:19:16,110 --> 00:19:18,310
men nou te aplike a
JavaScript kòd ki nan

369
00:19:18,310 --> 00:19:22,480
ale nan okipe aktyèlman fè
fouy soti nan ki bwat tèks.

370
00:19:22,480 --> 00:19:25,340
An patikilye, avi
ke sa a fonksyon isit la,

371
00:19:25,340 --> 00:19:29,160
rechèch, rele search.php
pa yon metòd ki rele

372
00:19:29,160 --> 00:19:31,072
jwenn JSON, ki nou te wè nan konferans.

373
00:19:31,072 --> 00:19:32,780
Ak sentaks la isit la
se yon ti kras diferan

374
00:19:32,780 --> 00:19:37,110
nan konferans nan ke nou ap lè l sèvi avèk
jQuery sa yo rele koòdone pwomès Bondye.

375
00:19:37,110 --> 00:19:38,479
Plis sou sa nan espèk a.

376
00:19:38,479 --> 00:19:40,520
Sa a tou senpleman vle di pou nou an
rezon kounye a ki di ke gen

377
00:19:40,520 --> 00:19:43,870
yo se de fonksyon espesyal nou
bezwen rele ak notasyon dot

378
00:19:43,870 --> 00:19:46,230
isit la imedyatman apre w rele jwenn JSON.

379
00:19:46,230 --> 00:19:47,510
Youn yo rele fè.

380
00:19:47,510 --> 00:19:49,870
Youn yo rele febli.

381
00:19:49,870 --> 00:19:51,790
Ou ka panse a sa yo
kòm kap okipe-a siksè

382
00:19:51,790 --> 00:19:54,960
ak kap okipe-a echèk jis
nan ka yon bagay ale mal.

383
00:19:54,960 --> 00:19:57,760
>> Koulye a, kite pou yo gade nan dènye a
koup la fonksyon nan sa a dosye.

384
00:19:57,760 --> 00:20:00,180
Desann isit la se yon fonksyon
rele showInfo, ki

385
00:20:00,180 --> 00:20:03,090
montre enfòmasyon nan youn nan moun ki
ti kras fenèt info ki

386
00:20:03,090 --> 00:20:05,380
Pops leve lè itilizatè a klik yon makè.

387
00:20:05,380 --> 00:20:08,470
Desann isit la plis se
ki fonksyon aktyalizasyon

388
00:20:08,470 --> 00:20:10,510
ke nou te aplike pou ou.

389
00:20:10,510 --> 00:20:15,250
Li detèmine limit yo nan kat la.

390
00:20:15,250 --> 00:20:19,360
Ki sa ki GPS kowòdone a nan li yo
nòdès ak nan kwen sidwès isit la.

391
00:20:19,360 --> 00:20:22,780
Nou te prepare kèk paramèt HDP
isit la ak Lè sa a, te pase yo finalman

392
00:20:22,780 --> 00:20:26,160
update.php, ki nou te
tou aplike pou ou.

393
00:20:26,160 --> 00:20:31,390
Ki finalman vin tounen kèk JSON
nan dosye a rele update.php

394
00:20:31,390 --> 00:20:34,050
ak Lè sa a retire nenpòt
makè sou ekran an

395
00:20:34,050 --> 00:20:36,650
ak Lè sa a iterates sou
done a ki nan tounen

396
00:20:36,650 --> 00:20:40,350
soti nan update.php, ki
ankò se jis yon etalaj JSON.

397
00:20:40,350 --> 00:20:45,130
Lè sa a, li finalman ajoute yon makè pou
chak nan sa yo kote, manyen echèk

398
00:20:45,130 --> 00:20:47,750
oswa erè ki ta ka trè byen rive.

399
00:20:47,750 --> 00:20:51,550
>> Koulye a, jis ba ou yon gou nan ki jan ou
ta ka ale sou debogaj pwojè sa a,

400
00:20:51,550 --> 00:20:55,420
reyalize ke mwen te louvri nan
avanse tab sa a isit la nan URL sa a,

401
00:20:55,420 --> 00:21:01,320
pset8 / articles.php? Geo = 02138.

402
00:21:01,320 --> 00:21:04,050
Koulye a, ankò, atik sou
PHP nou aplike pou ou

403
00:21:04,050 --> 00:21:06,320
se konsa sa a se pa tèlman
ki sa ou pral lè l sèvi avèk

404
00:21:06,320 --> 00:21:08,190
debug, men pito teknik la.

405
00:21:08,190 --> 00:21:10,590
Avi ke mwen te fouye pou
Kòd postal Cambridge la isit la,

406
00:21:10,590 --> 00:21:15,260
ak mwen te vinn tounen, tout bon, yon JSON
etalaj de JSON objè andedan nan yo ki

407
00:21:15,260 --> 00:21:17,640
yo se de keys-- lyen ak tit.

408
00:21:17,640 --> 00:21:19,860
>> Se konsa, sa a fonctionnalités
travay deja pou ou.

409
00:21:19,860 --> 00:21:24,330
Men, teknik sa a nan manyèlman pral
nan yon URL tankou sa a pou yon bagay tankou

410
00:21:24,330 --> 00:21:31,710
search.php? Geo = Cambridge oswa 02138 oswa
tou sa te itilizatè a tape nan ta dwe

411
00:21:31,710 --> 00:21:35,770
pwouve anpil valè menm jan ou, tèt ou, eseye
eseye figi konnen egzakteman si wi ou poukisa

412
00:21:35,770 --> 00:21:38,510
search.php ap travay oswa ou pa.

413
00:21:38,510 --> 00:21:41,720
>> Alafen lè sa a, ou gen
yon todo kèk devan yo nan ou.

414
00:21:41,720 --> 00:21:44,250
W ap ale nan premye egzekite
ki script enpòte ki

415
00:21:44,250 --> 00:21:46,520
li nan us.text nan baz done ou.

416
00:21:46,520 --> 00:21:48,760
Ou ap Lè sa a, ale nan bezwen
aplike search.php

417
00:21:48,760 --> 00:21:51,320
se konsa ke li konpòte li egzakteman jan sa espesifye.

418
00:21:51,320 --> 00:21:54,170
Ou ap Lè sa a, ale nan vle
yo konsantre sou scripts.js

419
00:21:54,170 --> 00:21:57,520
ak finalman aplike
moun koup la TODOS,

420
00:21:57,520 --> 00:21:59,950
ki gen ladan pou configured
e ke modèl,

421
00:21:59,950 --> 00:22:03,220
ajoute makè, retire makè, ak
Lè sa a, pase a, men pa pi piti, yon sèl

422
00:22:03,220 --> 00:22:04,330
manyen pèsonèl.

423
00:22:04,330 --> 00:22:07,477
>> Yon fwa ou gen k ap travay macheup ou
byen tankou nou, objektif la nan men

424
00:22:07,477 --> 00:22:09,560
se pou ou ajoute yon pèsonèl
manyen macheup ou,

425
00:22:09,560 --> 00:22:11,290
si li nan ayestetik oswa fonksyonèl.

426
00:22:11,290 --> 00:22:13,950
Pran macheup a janm konsa
yon ti kras nan yon nivo pwochen.

427
00:22:13,950 --> 00:22:18,330
Se konsa, lontan ke ou pouse tèt ou pi lwen pase
connaissance ou a ak espèk nan tèt li

428
00:22:18,330 --> 00:22:20,840
epi ranmase yon teknik
nouvo, menm si li nan jis

429
00:22:20,840 --> 00:22:25,610
yon bagay ayestetik tankou chanje an
aranjman tèks yo nan kat jeyografik la ke ou ap itilize,

430
00:22:25,610 --> 00:22:28,070
sijè ki abòde lan ki nou espere
pral satisfè.

431
00:22:28,070 --> 00:22:30,260
Sa Lè ​​sa a, se Pwoblèm Set 8 macheup.

432
00:22:30,260 --> 00:22:33,070
Rete branche pou plis nan a
spesifikasyon ak pi bon nan chans

433
00:22:33,070 --> 00:22:36,400
abòde sa a, dènye ou
Pwoblèm CS50 mete tout tan.

434
00:22:36,400 --> 00:22:39,750
>> [Jwe mizik]

435
00:22:39,750 --> 00:22:43,542