1
00:00:00,000 --> 00:00:03,388
>> [Musiikki soi]

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

3
00:00:09,196 --> 00:00:10,180
>> DAVID J. MALAN: Hei.

4
00:00:10,180 --> 00:00:12,600
Otetaanpa kävellä
Harjoitus 8 Mashup,

5
00:00:12,600 --> 00:00:15,880
joka on menossa haastaa sinut
hyödyntää elementtejä Google Maps

6
00:00:15,880 --> 00:00:20,905
elementein Google News ja perunamuusi
ne yhteen web sovelma, joka

7
00:00:20,905 --> 00:00:24,150
avulla käyttäjä voi etsiä
kartan uutiset paikalliset

8
00:00:24,150 --> 00:00:26,780
tiettyihin kaupunkeihin,
kaupunkeja ja postinumerot.

9
00:00:26,780 --> 00:00:31,040
Voit tehdä tämän, aiomme
integroida joitakin HTML, CSS, PHP, SQL,

10
00:00:31,040 --> 00:00:34,390
JavaScript ja tekniikka
yleisesti tunnettu AJAX jotta

11
00:00:34,390 --> 00:00:36,850
luoda tätä mukaansatempaavaa
käyttökokemuksen.

12
00:00:36,850 --> 00:00:38,920
>> Katsotaanpa ensin Google Maps itse.

13
00:00:38,920 --> 00:00:41,220
Tämä tietenkin on ehkä
tuttu käyttöliittymä.

14
00:00:41,220 --> 00:00:45,070
Mutta näyttää siltä, ​​että Google Maps
myös API-- sovelluksen

15
00:00:45,070 --> 00:00:48,360
ohjelmointi interface-- jonka kautta
voit ottaa osia Google Maps

16
00:00:48,360 --> 00:00:50,740
ja integroida ne
omia sovelluksia.

17
00:00:50,740 --> 00:00:52,650
Todellakin, koko tämän
prosessi, olet menossa

18
00:00:52,650 --> 00:00:55,140
löytää pari URL-
erityisen hyödyllistä, että

19
00:00:55,140 --> 00:00:57,820
mainitaan
eritelmän Harjoitus 8,

20
00:00:57,820 --> 00:01:00,980
nimenomaan tämä Aloittaminen
Opas tai kehittäjän opas

21
00:01:00,980 --> 00:01:07,640
Google Maps API Version 3 sekä
kuten Google Maps JavaScript API

22
00:01:07,640 --> 00:01:10,260
v3 viite, joka on
hieman mystistä lukea

23
00:01:10,260 --> 00:01:14,600
mutta todellisuudessa on kaikki alemman tason
tiedot siitä, mitä toimintoja tai menetelmiä

24
00:01:14,600 --> 00:01:18,220
ja esineitä ja ominaisuuksia ja
tapahtumat tosiasiassa tulevat API,

25
00:01:18,220 --> 00:01:20,720
hyvin samanlainen henki
on [kuultavissa] sivua.

26
00:01:20,720 --> 00:01:23,480
>> Nyt jos me katsomaan
Google News, luultavasti

27
00:01:23,480 --> 00:01:25,370
ehkä nähdä tuttu käyttöliittymä täällä.

28
00:01:25,370 --> 00:01:29,350
Mutta näyttää siltä, ​​voit myös etsiä
Google News erityisiä geographies

29
00:01:29,350 --> 00:01:32,000
kautta HTTP parametri nimeltä geo.

30
00:01:32,000 --> 00:01:35,100
Itse asiassa, jos olen lähennä
täällä, huomaat, että

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

32
00:01:41,672 --> 00:01:43,630
Ja todellakin, jos voin zoomata
ulos, näet, että olen

33
00:01:43,630 --> 00:01:47,090
katsot sivun koko joukko
näkemyksiä Cambridge, Massachusetts.

34
00:01:47,090 --> 00:01:50,620
>> Samaan aikaan, jos olen itse muuttaa
URL ei olla postinumeron näin,

35
00:01:50,620 --> 00:01:55,580
mutta jotain hieman Messier
kuten Cambridge, + Massachusetts,

36
00:01:55,580 --> 00:02:00,740
jossa plus on tavalla koodata
välilyönti vuonna URL ja paina Enter,

37
00:02:00,740 --> 00:02:02,907
näet, että olen itse
katso lähes sama uutinen.

38
00:02:02,907 --> 00:02:05,489
Ehkä se on hieman erilainen
koska Cambridge todella

39
00:02:05,489 --> 00:02:06,910
on useita postinumeroita.

40
00:02:06,910 --> 00:02:09,410
Nyt miten tiedän, että ja,
Itse asiassa, miten voisin jotenkin

41
00:02:09,410 --> 00:02:12,940
sitoa kaupunkien
että postinumerot tapauksessa I

42
00:02:12,940 --> 00:02:15,064
haluavat sallia käyttäjälle
etsiä joko?

43
00:02:15,064 --> 00:02:17,480
No, käy ilmi, että on olemassa
verkkosivusto siellä nimeltään

44
00:02:17,480 --> 00:02:20,060
geonames.org joka on
aloite on

45
00:02:20,060 --> 00:02:23,760
vapaasti käytettävissä tietokanta kaikista
lajittelee paikkatiedon,

46
00:02:23,760 --> 00:02:27,040
paitsi Yhdysvalloissa, mutta myös
Muiden maiden samoin.

47
00:02:27,040 --> 00:02:30,430
Itse asiassa, jos menen tätä URL täällä, joka
mainitaan myös ongelma asettaa

48
00:02:30,430 --> 00:02:34,510
erittely, näet sen kolme
listaus läjän zip-tiedostoja

49
00:02:34,510 --> 00:02:36,400
joista mikä tahansa voi ladata sinulle.

50
00:02:36,400 --> 00:02:39,900
Itse asiassa tämä ongelma asettaa
aiot ladata us.zip.

51
00:02:39,900 --> 00:02:43,790
Nyt tässä tiedosto, on koko
nippu tekstidatassa.

52
00:02:43,790 --> 00:02:47,760
Tiedostot on hyvin samankaltainen
CSV-- CSV file--

53
00:02:47,760 --> 00:02:51,294
mutta se todella käyttää
välilehdet rajata kentät.

54
00:02:51,294 --> 00:02:53,710
Nyt puolestaan ​​jos tarkastellaan
täällä, mitä olen korostanut,

55
00:02:53,710 --> 00:02:56,459
kentät tähän tiedostoon menossa
olla asioita, kuten maa-koodit,

56
00:02:56,459 --> 00:02:58,980
postinumerot, paikannimiä,
ja sitten, jossain muodossa

57
00:02:58,980 --> 00:03:04,230
tai muita, valtiot ja maakunnat,
yhteisöjä, ja enemmän.

58
00:03:04,230 --> 00:03:06,630
Itse olen jo
ladannut tämän tiedoston etukäteen.

59
00:03:06,630 --> 00:03:09,750
Anna minun mennä eteenpäin ja avaa se here--
us.text-- ja todellakin, luultavasti

60
00:03:09,750 --> 00:03:16,660
nähdä, jos olen selaa linja 16792
näet muutamia ennätykset Cambridge,

61
00:03:16,660 --> 00:03:19,120
Massachusetts ja sen eri postinumerot.

62
00:03:19,120 --> 00:03:22,150
Mitä näet myös siellä on maakunta,
joitakin numeroita että en ole todellakaan

63
00:03:22,150 --> 00:03:24,500
ymmärtää, mutta myös kaikki
miten oikealla,

64
00:03:24,500 --> 00:03:27,170
Joissakin GPS-coordinates--
leveys- ja pituusaste.

65
00:03:27,170 --> 00:03:30,440
Tämä on suuri, koska yksi
ominaisuuksia Google Maps API

66
00:03:30,440 --> 00:03:33,670
on kyky havaita
missä olet maantieteellisesti

67
00:03:33,670 --> 00:03:36,850
kannalta GPS-koordinaatit.

68
00:03:36,850 --> 00:03:40,210
>> Nyt alkaa selvittää, miten
Aloita sitomalla nämä asiat yhdessä.

69
00:03:40,210 --> 00:03:42,900
Me olemme antaneet teille koko
nippu jakelu koodin,

70
00:03:42,900 --> 00:03:44,970
sekä MySQL-tietokantaa.

71
00:03:44,970 --> 00:03:49,100
Itse asiassa, jos vedän phpMyAdmin ottaa
jo tuotu, kun pian,

72
00:03:49,100 --> 00:03:54,800
pset8.SQL, näet MySQL taulukon, joka
näyttää tältä, ID-kenttä, maa

73
00:03:54,800 --> 00:03:57,400
koodi, postinumero, paikan nimi ja enemmän.

74
00:03:57,400 --> 00:04:00,490
Tyypit kaikki nämä
sarakkeet I johtuu yksinkertaisesti

75
00:04:00,490 --> 00:04:03,870
lukemalla readme.text
tiedosto tästä täsmennetyn

76
00:04:03,870 --> 00:04:07,330
onko kenttä on kokonaisluku,
tai Varchar tai vastaavaa.

77
00:04:07,330 --> 00:04:10,510
>> Joten olemme luoneet, että taulukko
sinua ja antanut sinulle SQL komentoja

78
00:04:10,510 --> 00:04:12,770
suorittaa luoda että
taulukko omassa tietokannassa,

79
00:04:12,770 --> 00:04:15,290
mutta siellä oikeastaan ​​mitään tietoja se vielä.

80
00:04:15,290 --> 00:04:19,600
Pikemminkin olet menossa on
lataa us.zip tai maan zip

81
00:04:19,600 --> 00:04:21,500
tiedosto, että URL siellä.

82
00:04:21,500 --> 00:04:24,940
Ja sitten olet menossa tarvitse kirjoittaa
komentorivikirjoitus PHP se

83
00:04:24,940 --> 00:04:28,420
avaakaan että teksti
tiedostoon, kerrata yli sen linjat,

84
00:04:28,420 --> 00:04:31,180
ja sitten kullekin
nämä rivit eivät insertin

85
00:04:31,180 --> 00:04:34,940
tuohon asettaa taulukon
MySQL-tietokannan.

86
00:04:34,940 --> 00:04:37,880
Joten lopussa tämän prosessin, luultavasti
juossut että käsikirjoitus lopulta

87
00:04:37,880 --> 00:04:39,610
vain kerran teoriassa.

88
00:04:39,610 --> 00:04:41,780
Todellisuudessa et luultavasti
ajaa se nippu kertaa

89
00:04:41,780 --> 00:04:45,460
kun yrittää korjata eri vikoja.

90
00:04:45,460 --> 00:04:48,440
>> Lopulta olet menossa on
todella iso tietokanta tuhansia

91
00:04:48,440 --> 00:04:50,139
ja tuhansia maantieteellisiä rivejä.

92
00:04:50,139 --> 00:04:52,930
Sitten aiot laittaa että tuonti
käsikirjoituksen syrjään kun se toimii

93
00:04:52,930 --> 00:04:55,140
ja tietokanta on mukavaa
ja oikea, ja sitten

94
00:04:55,140 --> 00:04:58,880
aiot siirtyä todella
täytäntöönpanosta mashup itse.

95
00:04:58,880 --> 00:05:01,670
Mashup on menossa katsomaan
vähän jotain tällaista.

96
00:05:01,670 --> 00:05:05,165
Klo mashup.cs50.net, me
on henkilöstön ratkaisu

97
00:05:05,165 --> 00:05:06,990
joka näyttää vähän jotain tällaista.

98
00:05:06,990 --> 00:05:11,070
Todellakin, jos olen klikkaa tästä lehdestä
kuvake Cambridge, Massachusetts,

99
00:05:11,070 --> 00:05:13,300
näet kehruu
icon hetkeksi ja sitten

100
00:05:13,300 --> 00:05:16,370
järjestetty lista,
luettelomerkeillä artikkeleita

101
00:05:16,370 --> 00:05:18,280
liittyvät Cambridge, Massachusetts.

102
00:05:18,280 --> 00:05:20,352
Jos klikkaan Charlestown,
Massachusetts,

103
00:05:20,352 --> 00:05:21,685
Nähdään sama että kaupunki.

104
00:05:21,685 --> 00:05:24,174
Ja jos klikkaan
Watertown, Massachusetts,

105
00:05:24,174 --> 00:05:26,090
ei välttämättä ole mitään
uutiset Watertown,

106
00:05:26,090 --> 00:05:28,630
niin näet jotain
kuten hidas uutispäivä.

107
00:05:28,630 --> 00:05:32,140
>> Nyt puolestaan ​​vasemmassa yläkulmassa ovat
joitakin tuttuja Google Maps valvonta

108
00:05:32,140 --> 00:05:34,980
jotta voit loitontaa, pannulla
ylös, alas, vasemmalle ja oikealle,

109
00:05:34,980 --> 00:05:37,360
mutta myös hakukentän laitamme siellä.

110
00:05:37,360 --> 00:05:40,910
Joten jos etsin, rehellisesti,
ainoa postinumeron tiedän,

111
00:05:40,910 --> 00:05:45,020
90210, me itse nähdä
Beverly Hills, Kalifornia.

112
00:05:45,020 --> 00:05:48,550
Kun napsautetaan se johtaa minut
Kaliforniassa ja koko joukko

113
00:05:48,550 --> 00:05:50,369
uutisia Beverly Hills.

114
00:05:50,369 --> 00:05:51,910
Huomaa nyt, liian, mitä siellä tapahtui.

115
00:05:51,910 --> 00:05:57,040
Jos minä tällä kertaa etsiä 02138 tai jopa
Cambridge pilkku Massachusetts tai joitakin

116
00:05:57,040 --> 00:06:00,300
sen variantti, saat
pikku autocomplete pudotusvalikosta.

117
00:06:00,300 --> 00:06:03,840
Nyt tämä on käyttää plugin
varten kirjasto nimeltään jQuery,

118
00:06:03,840 --> 00:06:05,732
ja että plugin on nimeltään typeahead.

119
00:06:05,732 --> 00:06:07,440
Me yksinkertaisesti lukea läpi
dokumentaatio,

120
00:06:07,440 --> 00:06:13,150
kopioidut Js tiedosto integroitu
jakautumiseen koodia niin, että voit

121
00:06:13,150 --> 00:06:16,900
lopulta voi kirjoittaa koodia, joka
täyttää että pudotusvalikosta kanssa auto

122
00:06:16,900 --> 00:06:19,350
valintoja tai auto ehdotuksia.

123
00:06:19,350 --> 00:06:23,820
>> Nyt jakelu koodin kuitenkin, että
sait ei tee läheskään niin paljon.

124
00:06:23,820 --> 00:06:26,860
Saat Google Map upotettu, ja
saat säätimet ylhäällä vasemmalla,

125
00:06:26,860 --> 00:06:28,240
ja saat hakukenttään.

126
00:06:28,240 --> 00:06:32,760
Mutta jos kirjoitan jotain
02138, ei paikkoja löytyy vielä.

127
00:06:32,760 --> 00:06:34,730
Niin, että tulee olemaan
yksi tavoitteistamme täällä.

128
00:06:34,730 --> 00:06:37,430
Lisäksi, jos otat askeleen
taaksepäin ja tarkastella karttaa itse

129
00:06:37,430 --> 00:06:38,950
ei ole uutinen lainkaan.

130
00:06:38,950 --> 00:06:41,780
Vaikka painan ja
vedä, ei markkereita oikeastaan

131
00:06:41,780 --> 00:06:45,560
näkyvät uutinen, koska se
haaste jää sinulle samoin.

132
00:06:45,560 --> 00:06:48,490
>> Katsotaanpa katsomaan sitten
klo jakelu koodin.

133
00:06:48,490 --> 00:06:51,460
Kun olet ladannut
pset8.zip ja purkanut sen

134
00:06:51,460 --> 00:06:54,430
omaan vhost hakemistoon
vuonna CS50 Appliance,

135
00:06:54,430 --> 00:06:56,550
näet nämä
hakemistoja täällä sisällä.

136
00:06:56,550 --> 00:07:00,200
Bin-- joka yleensä tarkoittaa
binary suoritettavia programs--

137
00:07:00,200 --> 00:07:04,870
sisältää, kuten pset7, jotkut PHP
tiedostoja, muita tiedostoja sisältävät,

138
00:07:04,870 --> 00:07:06,710
sitten julkinen, joka on
tiedostoja, jotka

139
00:07:06,710 --> 00:07:09,369
olevan yleisesti saatavilla
käyttäjälle, jossa on selain.

140
00:07:09,369 --> 00:07:11,410
Otetaanpa katsoa
bin, ja me

141
00:07:11,410 --> 00:07:13,890
nähdä, että siellä on tiedosto
siellä jo nimeltään Tuo.

142
00:07:13,890 --> 00:07:17,591
Jos avaamme tätä gedit, näemme
että valitettavasti siellä ei ole paljon

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

144
00:07:18,090 --> 00:07:20,250
Kaikki, että on olemassa, kuitenkin,
on roska ylhäällä

145
00:07:20,250 --> 00:07:23,410
jossa määritellään, millä
interpreter-- tässä tapauksessa PHP--

146
00:07:23,410 --> 00:07:25,759
tulisi käyttää tosiasiallisesti
suorittamaan tätä tiedostoa.

147
00:07:25,759 --> 00:07:27,550
Mutta sitten jos se sanoo
TODO on, jos olet

148
00:07:27,550 --> 00:07:31,130
menossa tarvitse kirjoittaa koodia
että luultavasti vaatii config

149
00:07:31,130 --> 00:07:35,820
tiedoston, joka on vuonna sisältää hakemistossa
kuten olemme tehneet ennen PHP-tiedostoja.

150
00:07:35,820 --> 00:07:38,180
Ja sitten olet menossa
on jotenkin avata

151
00:07:38,180 --> 00:07:41,920
us.text johon oletettavasti
purkanut jo.

152
00:07:41,920 --> 00:07:44,690
Sitten olet menossa on
kerrata yli rivit tiedoston,

153
00:07:44,690 --> 00:07:47,800
ehkä käyttää joitakin toimintoja
ehdotti selityksessä.

154
00:07:47,800 --> 00:07:51,390
Aseta sitten kukin näistä
rivit MySQL-tietokanta

155
00:07:51,390 --> 00:07:54,940
käyttämällä hakutoiminto, joka
olemme taas jos olet with--

156
00:07:54,940 --> 00:07:58,010
tai ainakin variantti
sen vuonna functions.php,

157
00:07:58,010 --> 00:07:59,560
joka näemme vain hetken.

158
00:07:59,560 --> 00:08:04,430
>> Nyt sulkea tuonti ja palata
hakemistoa ja tällä kertaa mennä

159
00:08:04,430 --> 00:08:05,300
sisältää.

160
00:08:05,300 --> 00:08:09,210
Ja jos teen ls siellä, näet
kolme tiedostoa aivan kuten Harjoitus 7.

161
00:08:09,210 --> 00:08:13,760
Ja sallikaa vilkaista,
Esimerkiksi kello config.php.

162
00:08:13,760 --> 00:08:16,730
Siellä on vähemmän linjat
kuin ennen, ja se

163
00:08:16,730 --> 00:08:20,712
näyttää tämä tiedosto sisältää
constants.php ja functions.php.

164
00:08:20,712 --> 00:08:23,670
Käytämme hieman erilainen
tekniikka tällä kertaa todella

165
00:08:23,670 --> 00:08:30,910
täsmentää, että nämä tiedostot ovat suhteellisia
nykyiseen hakemistoon __ DIR__

166
00:08:30,910 --> 00:08:35,280
edustaa mitä tahansa hakemistoon tämä
tiedosto, config.php, on itse.

167
00:08:35,280 --> 00:08:37,600
Joten tämä on enemmän
nimenomainen tapa määritellään

168
00:08:37,600 --> 00:08:40,100
mitä muita tiedostoja haluat vaatia.

169
00:08:40,100 --> 00:08:44,020
>> Nyt jos suljen tämän tiedoston ja
avata constants.php sijaan,

170
00:08:44,020 --> 00:08:47,430
näet tiedoston hyvin mieleen
Tehtävä Set 7: n niin hyvin, vaikkakin

171
00:08:47,430 --> 00:08:50,050
eri tietokantaan nimeltään pset8.

172
00:08:50,050 --> 00:08:54,020
Lopuksi functions.php,
näemme vain yksi toiminto

173
00:08:54,020 --> 00:08:55,942
tällä kertaa nimeltään kysely.

174
00:08:55,942 --> 00:08:59,150
Tämä on lähes sama, paitsi hoidamme
virheet tällä kertaa hieman

175
00:08:59,150 --> 00:09:02,860
eri tavalla, mutta se käyttö on
sama kuin ongelma asettaa seitsemän.

176
00:09:02,860 --> 00:09:08,090
>> Mennäänpä takaisin meidän pset8
hakemiston, mennä yleisön ja siellä

177
00:09:08,090 --> 00:09:14,420
jos en tee ls, näet this--
articles.php, index.html, search.php,

178
00:09:14,420 --> 00:09:16,940
ja update.php-- kaikki tiedostot.

179
00:09:16,940 --> 00:09:22,010
Ja sitten css fontit, img, ja
js hakemistoon aivan kuten pset7.

180
00:09:22,010 --> 00:09:24,660
>> Katsotaanpa katsomaan
index.html, joka on

181
00:09:24,660 --> 00:09:27,290
olemaan todella
alkupisteestä smashup.

182
00:09:27,290 --> 00:09:31,820
Nyt index.html, näet koko
nippu niveljäsenet päähän,

183
00:09:31,820 --> 00:09:36,540
erityisesti, sillä bootstrap oman
CSS seurasi koko joukko script

184
00:09:36,540 --> 00:09:41,520
Tunnisteet asioita, kuten karttoja, API
itse, tussikynän etiketti

185
00:09:41,520 --> 00:09:44,950
apuohjelma, joka mainitsimme
erittely on käytössäsi,

186
00:09:44,950 --> 00:09:48,420
jQuery itse, bootstrap
itse, ja toinen kirjasto

187
00:09:48,420 --> 00:09:50,990
nimeltään alleviivaus joka
puhumme spec.

188
00:09:50,990 --> 00:09:57,031
Underscore.js kuten jquery.js
on JavaScript kirjasto

189
00:09:57,031 --> 00:10:00,280
että on koko joukko toimintoja
että monet ihmiset maailmassa toive

190
00:10:00,280 --> 00:10:02,020
olemassa JavaScript itse.

191
00:10:02,020 --> 00:10:04,560
Joten kaikki nämä ovat
itse asiassa varsin suosittu.

192
00:10:04,560 --> 00:10:07,140
Olemme myös mainitsi typeahead
joka on kirjasto, joka

193
00:10:07,140 --> 00:10:11,180
tekee, että automaattinen täydennys pudotusvalikosta ja
vihdoin linkin oman JavaScript.

194
00:10:11,180 --> 00:10:13,880
>> Samaan aikaan, ja ehkä
Onneksi tämä Mashup

195
00:10:13,880 --> 00:10:17,550
ohjaavat suhteellisen vähän
HTML tänne alareunassa.

196
00:10:17,550 --> 00:10:22,330
Huomaa, että olemme määritelty div vuonna
kehomme luokan-säiliön neste.

197
00:10:22,330 --> 00:10:24,610
Tämä, per bootstrap n
asiakirjat, vain

198
00:10:24,610 --> 00:10:29,840
tarkoittaa, että tämä div tulee täyttää
viewport tai selaimen ikkunan täysin.

199
00:10:29,840 --> 00:10:33,020
>> Samaan aikaan, alla, että meillä on div
joka on avattu ja heti kiinni

200
00:10:33,020 --> 00:10:34,790
kanssa yksilöllinen tunnus kartan kankaalle.

201
00:10:34,790 --> 00:10:37,400
Tämä nyt on Google
Kartat asiakirjat

202
00:10:37,400 --> 00:10:42,490
sen API, jolloin en yksinkertaisesti tarvitsee
on tyhjä div johon pistää,

203
00:10:42,490 --> 00:10:44,470
lopulta todellinen Google Maps.

204
00:10:44,470 --> 00:10:46,310
Mutta siitä lisää vain vähän.

205
00:10:46,310 --> 00:10:48,850
>> Lisäksi siellä on muotoa
sisällä täällä joka

206
00:10:48,850 --> 00:10:52,930
toteuttaa tekstikenttään ylös vasemmalle
meidän käyttöliittymä etsimistä.

207
00:10:52,930 --> 00:10:54,730
Huomaa, että olemme käyttäneet
hieman bootstrap

208
00:10:54,730 --> 00:10:57,670
tässä too-- asioita, kuten
muoto-inline ja muoto-ryhmä.

209
00:10:57,670 --> 00:11:00,080
Me olemme antaneet entinen
yksilöllinen tunnus muodon.

210
00:11:00,080 --> 00:11:04,510
Ja sitten lopulta, olen oikeastaan
tulotyypin, joka on melko tuttu,

211
00:11:04,510 --> 00:11:06,440
jonka tunnus on q.

212
00:11:06,440 --> 00:11:07,230
Vain yleissopimus.

213
00:11:07,230 --> 00:11:09,234
Q query-- voisi olla
kutsuttu mitään.

214
00:11:09,234 --> 00:11:11,400
Ja sitten paikanvaraajassa
Samaan aikaan on kaupunki, valtio,

215
00:11:11,400 --> 00:11:16,200
ja postinumeron, jonka saatatte muistaa
nähdä meidän mashup demo aikaisemmin.

216
00:11:16,200 --> 00:11:17,980
Katsotaanpa sulkea tämän tiedoston.

217
00:11:17,980 --> 00:11:24,460
>> Nyt katsomaan PHP tiedostot
odottavat ja sitten JavaScript-tiedostot.

218
00:11:24,460 --> 00:11:27,700
Meidän PHP tiedostot olemme
jo toteutettu sinulle,

219
00:11:27,700 --> 00:11:29,960
esimerkiksi päivityksiä.

220
00:11:29,960 --> 00:11:35,060
Update.php-- emme viettää valtava
paljon aikaa here-- pähkinänkuoressa

221
00:11:35,060 --> 00:11:38,400
on tiedosto, joka meidän
JavaScript-koodi on menossa

222
00:11:38,400 --> 00:11:41,610
yhteyttä kautta AJAX että
asynkroninen tekniikka, joka on

223
00:11:41,610 --> 00:11:45,980
rakennettu JavaScript näinä päivinä, että on
menossa, jotta voimme kysyä update.php

224
00:11:45,980 --> 00:11:47,410
lisätietoja.

225
00:11:47,410 --> 00:11:50,045
>> Erityisesti milloin
käyttäjä vetää karttaa

226
00:11:50,045 --> 00:11:53,310
tai suorittaa haun, joka hyppää
käyttäjä toiseen paikkaan,

227
00:11:53,310 --> 00:11:55,250
JavaScript-koodi,
kuten tulemme pian nähdä, on

228
00:11:55,250 --> 00:11:59,610
menossa soittaa update.php
ja pyytää 10 tai niin markkereita

229
00:11:59,610 --> 00:12:02,630
sisällä viewport perusteella
GPS koordinaatit

230
00:12:02,630 --> 00:12:06,510
ylä- ja alaosassa
kulmat, että kartalla.

231
00:12:06,510 --> 00:12:10,520
Voimme sitten asuttaa kartta nyt
käyttäjä on siirtynyt näytön järjestyksessä

232
00:12:10,520 --> 00:12:14,210
nähdä 10 luultavasti uutta
merkkiaineita eri kaupungeissa.

233
00:12:14,210 --> 00:12:18,340
Samalla tämä tiedosto on lopulta
menossa suorittaa SQL-kysely

234
00:12:18,340 --> 00:12:21,680
vastaan ​​meidän tietokanta
taulukko nimeltään paikkoja, jotka

235
00:12:21,680 --> 00:12:26,380
tulee palauttaa nämä
10 tai vähemmän paikkoja.

236
00:12:26,380 --> 00:12:32,620
>> Samaan aikaan articles.php, on toinen
tiedostoon olemme kirjoitettu kokonaisuudessaan.

237
00:12:32,620 --> 00:12:35,820
Se on hyvin samanlainen henki
Harjoitus 7: n HAKU-toiminto,

238
00:12:35,820 --> 00:12:39,450
joka otti yhteyttä Yahoo Finance sinulle.

239
00:12:39,450 --> 00:12:43,710
Tämä tiedosto yhteystiedot Google News
sinulle, lopulta tarttumalla

240
00:12:43,710 --> 00:12:46,050
koneellisesti luettavassa
version-- jotain

241
00:12:46,050 --> 00:12:49,720
kutsutaan RSS format-- uutiset
Cambridgen tai Beverly Hills

242
00:12:49,720 --> 00:12:52,880
tai mitä kaupunki olet etsinyt
sillä perusteella, että geoparameter.

243
00:12:52,880 --> 00:12:57,250
Me jäsentää että RSS, joka on vain
tyyppi kuvauskieli kutsutaan XML,

244
00:12:57,250 --> 00:13:00,740
ja sitten me oikeastaan
palauttaa sen selaimen

245
00:13:00,740 --> 00:13:03,570
ja JavaScript-koodin,
sanottuna muodossa nimeltä

246
00:13:03,570 --> 00:13:06,097
JSON, JavaScript Object merkintätapa.

247
00:13:06,097 --> 00:13:08,180
Nyt voit nähdä
specification-- me kohta sinua

248
00:13:08,180 --> 00:13:10,720
miten voit itse nähdä
jotkut JSON tulevina back--

249
00:13:10,720 --> 00:13:15,210
että tämä toiminnallisuus lopulta
avulla voit kansoittavat ne Ponnahdusvalikot niin

250
00:13:15,210 --> 00:13:16,960
että kun valitset
on markkeri kartalla

251
00:13:16,960 --> 00:13:19,430
voit itse nähdä koko joukko
luoteja, joista jokainen

252
00:13:19,430 --> 00:13:21,020
linkkejä artikkeli.

253
00:13:21,020 --> 00:13:25,000
>> Nyt katsomaan viimeisen
PHP-tiedosto, joka onneksi ei

254
00:13:25,000 --> 00:13:27,970
on paljon menossa on--
vain aika iso TODO.

255
00:13:27,970 --> 00:13:32,170
Juuri nyt tämä tiedosto vakuuttaa
array nimeltään paikkoja.

256
00:13:32,170 --> 00:13:35,980
Ja sitten lopulta tulostaa
että joukko JSON format--

257
00:13:35,980 --> 00:13:38,720
pretty-tulostus se vain niin, että
asiat on helpompi debug.

258
00:13:38,720 --> 00:13:41,480
Valitettavasti
Keskellä on tämä TODO,

259
00:13:41,480 --> 00:13:46,890
joka vaatii voit etsiä
tietokanta paikkoja Matching geo HTTP

260
00:13:46,890 --> 00:13:47,490
parametri.

261
00:13:47,490 --> 00:13:49,865
>> Ja tosiaan, tämä on menossa
olla yksi challenges--

262
00:13:49,865 --> 00:13:54,240
toteuttaa tätä toimintoa täällä
niin että kun otat yhteyttä tämän tiedoston

263
00:13:54,240 --> 00:14:00,610
URL kuten haku. php? geo = jotain,
koodi lopulta palata JSON

264
00:14:00,610 --> 00:14:05,020
joukko kaikista paikoista omassa
tietokannan taulukko, jotka vastaavat että panos.

265
00:14:05,020 --> 00:14:08,960
Joten jos käyttäjä on Cambridge,
tiedosto täällä search.php

266
00:14:08,960 --> 00:14:12,680
olisi lopulta palata JSON array
kaikkien otteluiden Cambridge,

267
00:14:12,680 --> 00:14:16,990
joka saattaa olla Massachusettsissa
mutta voisi olla vielä missään muualla.

268
00:14:16,990 --> 00:14:21,040
>> Lopuksi, nyt katsomaan kaksi
tiedostoja, jotka ovat staattisia ultimately--

269
00:14:21,040 --> 00:14:23,680
CSS-tiedosto ja JavaScript-tiedoston.

270
00:14:23,680 --> 00:14:26,779
Jos menen meidän CSS hakemistoon,
siellä on koko joukko tiedostoja siellä,

271
00:14:26,779 --> 00:14:28,070
mutta useimmat niistä ovat kirjastoja.

272
00:14:28,070 --> 00:14:31,530
Aion katsoa,
Erityisesti, on styles.css,

273
00:14:31,530 --> 00:14:35,440
joka on meidän oma globaali CSS se
menossa tyylitellä tämä koko mashup.

274
00:14:35,440 --> 00:14:38,840
Jätän sen sinulle lukea läpi
kommentit tässä vaan, pähkinänkuoressa,

275
00:14:38,840 --> 00:14:43,490
tämä on CSS, joka varmistaa, että
mashup, oletuksena kättelyssä,

276
00:14:43,490 --> 00:14:46,950
näyttää täsmälleen miten haluamme it--
kartan kanssa täyttämällä näkymä satamaan

277
00:14:46,950 --> 00:14:49,720
ja haku
laatikko ylös vasemmassa yläkulmassa.

278
00:14:49,720 --> 00:14:52,870
Olemme myös ottaneet vapauden
stylizing että typeahead pudotusvalikosta

279
00:14:52,870 --> 00:14:55,170
menu hieman samoin.

280
00:14:55,170 --> 00:14:58,030
>> Tärkein tiedosto
ehkä tämä ongelma asettaa

281
00:14:58,030 --> 00:15:01,070
on tämä viimeinen, scripts.js.

282
00:15:01,070 --> 00:15:03,800
Sisällä oman JS hakemistoon
on vieläkin tiedostoja.

283
00:15:03,800 --> 00:15:08,090
Kaikki ne ovat kirjaston tiedostoja
paitsi tämä yksi, scripts.js.

284
00:15:08,090 --> 00:15:11,460
Jos avaamme tätä, sallikaa meidän
lopullinen kiertueen toiminnot

285
00:15:11,460 --> 00:15:13,820
on rakennettu tämän tiedoston
sinulle ja puhelun huomiota

286
00:15:13,820 --> 00:15:16,200
sen Todos edessämme.

287
00:15:16,200 --> 00:15:19,110
>> Ylimpänä olevan tiedoston,
kolme maailmanlaajuista muuttujia.

288
00:15:19,110 --> 00:15:22,910
Yksi kartta, joka on menossa
olla viittaus Google kartan.

289
00:15:22,910 --> 00:15:25,510
Voit ajatella sitä
tavallaan osoittimena.

290
00:15:25,510 --> 00:15:27,710
Samalla olemme
toinen globaali muuttuja

291
00:15:27,710 --> 00:15:31,500
nimeltään tietoa, joka näyttää olevan
tallentamiseen paluu arvo puhelun

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

293
00:15:34,170 --> 00:15:37,835
JavaScript tukee esineiden
ovat hyvin samankaltaisia ​​hengeltään Strutsi.

294
00:15:37,835 --> 00:15:40,250
Ja mitä tämän linjan
Meidän tarkoituksiin tekee

295
00:15:40,250 --> 00:15:42,820
luo uusi info
ikkuna muistiin ja

296
00:15:42,820 --> 00:15:46,330
pitää noin viite
siihen muuttuja nimeltä Info.

297
00:15:46,330 --> 00:15:48,330
Ja välillä ne,
Samaan aikaan on mitä näyttää

298
00:15:48,330 --> 00:15:51,060
olla tyhjä JavaScript
array nimeltään markkereita.

299
00:15:51,060 --> 00:15:55,392
Kaikki nämä sanomalehden kuvakkeita, tai et
saattaa valita toisen kuvakkeen kokonaan,

300
00:15:55,392 --> 00:15:57,350
aiotaan varastoida
lopulta tässä array

301
00:15:57,350 --> 00:16:01,570
jotta voimme helposti lisätä
kartta ja poistaa ne kartalla.

302
00:16:01,570 --> 00:16:03,990
>> Nyt selaa
hieman ja hurahtaa

303
00:16:03,990 --> 00:16:07,690
kautta koodi, joka tulee olemaan
toteuttaa heti DOM tai asiakirja

304
00:16:07,690 --> 00:16:10,480
oliomalli tai
sivun itse on valmis.

305
00:16:10,480 --> 00:16:12,942
Muista, että tämä syntaksi
täällä yksinkertaisesti täsmennetään

306
00:16:12,942 --> 00:16:14,900
että seuraava koodi
tulisi suorittaa vain

307
00:16:14,900 --> 00:16:17,840
kun selain on päättynyt
Lataus kaikki muu.

308
00:16:17,840 --> 00:16:19,750
>> Me ensin julistaa
koko joukko tyylejä,

309
00:16:19,750 --> 00:16:22,410
joka päätyy stylizing
kartan kohti spec.

310
00:16:22,410 --> 00:16:24,790
Sitten julistaa
koko joukko vaihtoehtoja,

311
00:16:24,790 --> 00:16:28,630
joka mukauttaa Google
kartta, että olemme aikeissa upottaa.

312
00:16:28,630 --> 00:16:32,090
Sitten käyttää hieman jQuery koodia,
joka on selitetty hieman tarkemmin

313
00:16:32,090 --> 00:16:35,000
spec, napata
että elementti, kartta-kangas

314
00:16:35,000 --> 00:16:36,980
että me niin yksilöidä.

315
00:16:36,980 --> 00:16:40,640
Ja sitten tämä linja tässä
mikä näyttää maagisesti antaa meille

316
00:16:40,640 --> 00:16:43,560
Google kartta sisällä
oma sovellus,

317
00:16:43,560 --> 00:16:47,020
tallentamiseen viittaus siihen
että muuttuja nimeltä kartalla.

318
00:16:47,020 --> 00:16:50,550
>> Lopuksi tänne me Rekisteröidy
mitä kutsutaan kuuntelija.

319
00:16:50,550 --> 00:16:54,690
Ajattele back-- tapa, tapa
back-- viikolle nollaan CS50

320
00:16:54,690 --> 00:16:57,430
kun me katsoimme Scratch ja
tukeaan kävellä

321
00:16:57,430 --> 00:16:59,935
läpi asioita kutsutaan
tapahtumia ja lähetyksiä.

322
00:16:59,935 --> 00:17:01,810
Et ehkä käytetty
itse, mutta se on

323
00:17:01,810 --> 00:17:03,900
mekanismi, jolla
selain tässä tapauksessa

324
00:17:03,900 --> 00:17:07,940
voi saada myös huomiota, kun se on
valmis todella suorittaa koodia.

325
00:17:07,940 --> 00:17:12,170
Tässä tapauksessa se tulee kuunnella
sen kartan tapahtuma nimeltä tyhjäkäynnillä.

326
00:17:12,170 --> 00:17:14,930
Tämä tarkoittaa sitä, että selain on
latautunut Google Map.

327
00:17:14,930 --> 00:17:18,380
Tässä vaiheessa toiminto nimeltään
configure pitäisi lopulta

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

329
00:17:19,339 --> 00:17:22,510
Tämä toiminto määrittää,
näemme, on kirjoittanut meille.

330
00:17:22,510 --> 00:17:24,550
>> Nyt täällä on funktio
että valitettavasti

331
00:17:24,550 --> 00:17:25,871
on vain TODO Lisää merkki.

332
00:17:25,871 --> 00:17:28,620
Per spec. olet menossa tarvitsevat
kirjoittaa koodia, joka tosiasiallisesti

333
00:17:28,620 --> 00:17:32,840
lisää marker-- onko se näyttää
kuten sanomalehti, tai peukalo tack,

334
00:17:32,840 --> 00:17:35,360
tai jotain else-- Google kartan.

335
00:17:35,360 --> 00:17:37,720
Tässä nyt on, että toiminto
nimeltään Määritä.

336
00:17:37,720 --> 00:17:40,390
Jätän sen sinulle lukemaan
läpi tämän tarkemmin,

337
00:17:40,390 --> 00:17:42,600
mutta ymmärtää, että lisäämme
nippu lisää Kuuntelijat

338
00:17:42,600 --> 00:17:46,620
jotta voimme suorittaa koodia, kun
käyttäjä napsauttaa ja vetää karttaa.

339
00:17:46,620 --> 00:17:50,730
Meillä on myös koodi täällä, että
alustaa että typeahead plugin

340
00:17:50,730 --> 00:17:53,120
niin että avattavasta
menu todella toimii.

341
00:17:53,120 --> 00:17:55,690
>> Mutta katsotaanpa keskittyä vain
pari paikkaa tässä.

342
00:17:55,690 --> 00:17:57,590
Erityisesti tämä tehdä täällä.

343
00:17:57,590 --> 00:18:00,410
Minä taipua verkossa
dokumentointi ja erittely

344
00:18:00,410 --> 00:18:02,530
miten täyttää tässä TODO.

345
00:18:02,530 --> 00:18:05,890
Mutta pähkinänkuoressa, tämä kirjasto
typeahead voit siirtää

346
00:18:05,890 --> 00:18:09,790
mitä on yleisesti tunnettu mallina,
joka on joitakin vaihteleva paikkamerkeillä

347
00:18:09,790 --> 00:18:13,690
hyvin hengeltään samanlaisia ​​printf: n%. * s.

348
00:18:13,690 --> 00:18:16,030
Mutta tässä tapauksessa,
mallin kohti spec

349
00:18:16,030 --> 00:18:18,760
voit määrittää
mitä muuttujia haluat

350
00:18:18,760 --> 00:18:24,880
pistää datasta, joka on tullut
takaisin jotain PHP

351
00:18:24,880 --> 00:18:29,810
tiedostoja, jotka olet kirjoittanut
että säteilevät JSON-lähtö.

352
00:18:29,810 --> 00:18:35,170
>> Nyt täällä ymmärtää, että me olemme
kuuntelee typeahead valinnat

353
00:18:35,170 --> 00:18:38,050
kun käyttäjä todella tekee
etsiä ja valitsee arvon.

354
00:18:38,050 --> 00:18:40,270
Näin olemme todella
menossa kuuntelemaan, että

355
00:18:40,270 --> 00:18:42,250
ja suorittaa koodia seurauksena.

356
00:18:42,250 --> 00:18:45,300
Sitten jatkamme määrittää
Mashup vain vähän.

357
00:18:45,300 --> 00:18:48,000
Ja lopulta, me kutsumme
Tämän toiminnon päivitys.

358
00:18:48,000 --> 00:18:49,640
Se päivittää markkereita ruudulla.

359
00:18:49,640 --> 00:18:51,529
Lisää että vain hetken.

360
00:18:51,529 --> 00:18:53,570
Samaan aikaan, siellä on muutama
pieni toimintoja täällä.

361
00:18:53,570 --> 00:18:56,820
Joista yksi on hideInfo, joka
yksinkertaisesti sulkee InfoWindow.

362
00:18:56,820 --> 00:19:00,020
Toinen funktio täällä, joka lopulta
ei ole liian pitkä, poista markkereita.

363
00:19:00,020 --> 00:19:03,580
Se menee kumoa tahansa
teidän Lisää merkki toiminto tekee.

364
00:19:03,580 --> 00:19:04,960
Ja sitten täällä on haku.

365
00:19:04,960 --> 00:19:08,610
Ja tämä on mielenkiintoinen, koska me
kirjoittanut JavaScript-koodin, joka on

366
00:19:08,610 --> 00:19:13,490
aio puhua search.php päällä
palvelimen ja saada takaisin joitakin vastausta.

367
00:19:13,490 --> 00:19:16,110
>> Sinä, tietenkin, vielä
täytyy toteuttaa search.php,

368
00:19:16,110 --> 00:19:18,310
mutta olemme toteuttaneet
JavaScript-koodi, joka on

369
00:19:18,310 --> 00:19:22,480
menossa käsitellä tosiasiallisesti suorittava
hakee siitä tekstikenttään.

370
00:19:22,480 --> 00:19:25,340
Erityisesti ilmoituksessa
että tämä toiminto täällä,

371
00:19:25,340 --> 00:19:29,160
haku, ei soita search.php
niin sanotulla

372
00:19:29,160 --> 00:19:31,072
saada JSON, joka näimme luento.

373
00:19:31,072 --> 00:19:32,780
Ja syntaksin täällä
on hieman erilainen

374
00:19:32,780 --> 00:19:37,110
alkaen luento että käytämme
jQuery niin sanottu lupauksen käyttöliittymä.

375
00:19:37,110 --> 00:19:38,479
Lisää että spec.

376
00:19:38,479 --> 00:19:40,520
Tämä tarkoittaa yksinkertaisesti sitä meidän
tarkoituksiin nyt että siellä

377
00:19:40,520 --> 00:19:43,870
kaksi erikoistoimintoja me
täytyy soittaa dot merkintä

378
00:19:43,870 --> 00:19:46,230
täällä heti soittamalla saada JSON.

379
00:19:46,230 --> 00:19:47,510
Yksi on nimeltään done.

380
00:19:47,510 --> 00:19:49,870
Yksi on nimeltään epäonnistua.

381
00:19:49,870 --> 00:19:51,790
Voit ajatella näitä
koska menestys ohjaajan

382
00:19:51,790 --> 00:19:54,960
ja epäonnistuminen käsittelijä vain
jos jotain menee pieleen.

383
00:19:54,960 --> 00:19:57,760
>> Nyt katsokaamme viimeinen
Pari toimintoja tämän tiedoston.

384
00:19:57,760 --> 00:20:00,180
Down tässä funktio
nimeltään ShowInfo, joka

385
00:20:00,180 --> 00:20:03,090
Näyttelyt info johonkin näistä
pikku info ikkunat

386
00:20:03,090 --> 00:20:05,380
ponnahtaa kun käyttäjä napsauttaa merkkiaine.

387
00:20:05,380 --> 00:20:08,470
Down täällä edelleen on
että päivitys toiminto

388
00:20:08,470 --> 00:20:10,510
että olemme toteuttaneet sinulle.

389
00:20:10,510 --> 00:20:15,250
Se määrittää rajat kartalla.

390
00:20:15,250 --> 00:20:19,360
Mitkä ovat GPS-koordinaatit sen
koilliseen ja lounaaseen kulmat täällä.

391
00:20:19,360 --> 00:20:22,780
Olemme valmistellut HDP parametrit
täällä ja sitten siirretään ne lopulta

392
00:20:22,780 --> 00:20:26,160
ja update.php, jota olet
myös toteuttaa sinulle.

393
00:20:26,160 --> 00:20:31,390
Että lopulta saa takaisin joitakin JSON
alkaen tiedosto nimeltä update.php

394
00:20:31,390 --> 00:20:34,050
ja sitten poistaa kaikki
markkereita ruudulla

395
00:20:34,050 --> 00:20:36,650
ja sitten iteroi
tietoja, jotka ovat tulleet takaisin

396
00:20:36,650 --> 00:20:40,350
alkaen update.php, joka
taas on vain JSON array.

397
00:20:40,350 --> 00:20:45,130
Ja sitten se lopulta lisää merkkiaine
kukin niistä paikoista, käsittely- vika

398
00:20:45,130 --> 00:20:47,750
tai virheitä, jotka voivat hyvinkin tapahtua.

399
00:20:47,750 --> 00:20:51,550
>> Nyt vain antaa sinulle esimakua miten
voisi mennä noin virheenkorjaus tätä hanketta,

400
00:20:51,550 --> 00:20:55,420
ymmärtää, että olen avattu
edistää tätä välilehteä täällä tähän URL,

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

402
00:21:01,320 --> 00:21:04,050
Nyt taas, artikkeleita
PHP toteutimme sinulle

403
00:21:04,050 --> 00:21:06,320
joten tämä ei ole niin paljon
mitä sinun on käyttää

404
00:21:06,320 --> 00:21:08,190
debug, vaan tekniikka.

405
00:21:08,190 --> 00:21:10,590
Huomaa, että olen etsinyt
Cambridgen postinumeron täällä,

406
00:21:10,590 --> 00:21:15,260
ja olen saanut takaisin, todellakin, JSON
joukko JSON esineitä, joista

407
00:21:15,260 --> 00:21:17,640
kaksi keys-- linkkiä ja otsikko.

408
00:21:17,640 --> 00:21:19,860
>> Joten tämä toiminnallisuus
toimii jo sinulle.

409
00:21:19,860 --> 00:21:24,330
Mutta tämä tekniikka käsin menossa
että URL kuten tämä jotain

410
00:21:24,330 --> 00:21:31,710
search.php? geo = Cambridge tai 02138 tai
mitä käyttäjä on kirjoitettu olisi

411
00:21:31,710 --> 00:21:35,770
osoittautuu korvaamattomaksi kuin te itse, kokeile
selvittää tarkalleen vai miksi

412
00:21:35,770 --> 00:21:38,510
search.php toimii tai ei.

413
00:21:38,510 --> 00:21:41,720
>> Lopulta sitten, sinulla on
muutama todos edessäsi.

414
00:21:41,720 --> 00:21:44,250
Olet menossa ensimmäinen työkoneiden
että tuonti skripti, joka

415
00:21:44,250 --> 00:21:46,520
lukee us.text tietokantaan.

416
00:21:46,520 --> 00:21:48,760
Olet sitten menossa tarvitsevat
toteuttaa search.php

417
00:21:48,760 --> 00:21:51,320
niin, että se käyttäytyy aivan kuten on määritetty.

418
00:21:51,320 --> 00:21:54,170
Olet sitten menossa halua
keskittyä scripts.js

419
00:21:54,170 --> 00:21:57,520
ja lopulta toteuttaa
ne pari todos,

420
00:21:57,520 --> 00:21:59,950
lukien configure
ja että mallin,

421
00:21:59,950 --> 00:22:03,220
lisätä merkkejä, poista markkereita, ja
sitten kestää, mutta ei vähäisimpänä, yksi

422
00:22:03,220 --> 00:22:04,330
persoonallisuutta.

423
00:22:04,330 --> 00:22:07,477
>> Kun sinulla on mashup työskentely
aivan kuten meidän, tavoite käsillä

424
00:22:07,477 --> 00:22:09,560
on voit lisätä henkilökohtaisen
silauksen mashup,

425
00:22:09,560 --> 00:22:11,290
onko se esteettiset tai toiminnalliset.

426
00:22:11,290 --> 00:22:13,950
Ota mashup koskaan niin
hieman seuraavalle tasolle.

427
00:22:13,950 --> 00:22:18,330
Niin kauan kuin olet työntää itse ulkopuolella
perehtyneisyys spec itse

428
00:22:18,330 --> 00:22:20,840
ja poimia yksi tekniikka
uusi, vaikka se on vain

429
00:22:20,840 --> 00:22:25,610
jotain esteettinen kuten muuttuvat
ulkoasu kartan että käytät,

430
00:22:25,610 --> 00:22:28,070
soveltamisalaa että odotamme
ovat tyytyväisiä.

431
00:22:28,070 --> 00:22:30,260
Se on sitten Harjoitus 8 Mashup.

432
00:22:30,260 --> 00:22:33,070
Pysy kuulolla lisää
erittely ja onnea

433
00:22:33,070 --> 00:22:36,400
käsittelemme tätä, viimeinen
CS50 ongelma asettaa koskaan.

434
00:22:36,400 --> 00:22:39,750
>> [Musiikki soi]

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