1
00:00:00,000 --> 00:00:02,862
>> [Musiikkia]

2
00:00:02,862 --> 00:00:10,030

3
00:00:10,030 --> 00:00:11,580
>> DAVID MALAN: Tämä on CS50.

4
00:00:11,580 --> 00:00:12,880
Tämä on alku viikolla yhdeksän.

5
00:00:12,880 --> 00:00:15,797
Ja tämä on mitä olisi
ollut herra Boole 200. syntymäpäivä.

6
00:00:15,797 --> 00:00:17,630
Joten tämä on Fellows
joille olemme viitattu

7
00:00:17,630 --> 00:00:21,800
melko joskus noin käyttämällä
Boolean muuttujat tosi ja epätosi,

8
00:00:21,800 --> 00:00:22,910
1 ja 0 ja tällainen.

9
00:00:22,910 --> 00:00:25,270
Ja tämä oli Googlen
kunnianosoitus hänelle tänään.

10
00:00:25,270 --> 00:00:26,489
Hän olisi täyttänyt 200.

11
00:00:26,489 --> 00:00:28,280
Joten jos haluat
liittyä meihin CS50 lounas

12
00:00:28,280 --> 00:00:30,279
katsomaan linkki
kurssin verkkosivuilla.

13
00:00:30,279 --> 00:00:33,580
Ja kuten kasvot ja ystävien
nämä odottavat sinua Cambridge.

14
00:00:33,580 --> 00:00:35,360
Kasvot kuten nämä odottavat sinua New Haven.

15
00:00:35,360 --> 00:00:37,800
Ja itse asiassa, Ken
New Haven ystävällisesti tehty

16
00:00:37,800 --> 00:00:41,594
mitä kutsutaan animoitu GIF Eli
täällä viime lunch-- GIF on vielä

17
00:00:41,594 --> 00:00:44,260
toinen graafinen tiedostomuoto,
jolla olet familiar-- että

18
00:00:44,260 --> 00:00:46,300
näyttää vähän jotain tällaista.

19
00:00:46,300 --> 00:00:48,179
Joten sekvenssin of-- OK.

20
00:00:48,179 --> 00:00:49,720
Kukaan täällä Cambridge nauraa.

21
00:00:49,720 --> 00:00:51,720
Mutta New Haven, tämä
on todella hauska, eikö?

22
00:00:51,720 --> 00:00:52,350
Selvä.

23
00:00:52,350 --> 00:00:53,940
>> Joten älä joukkoomme siellä.

24
00:00:53,940 --> 00:00:55,900
Täällä Harvardin,
erityisesti tänä keskiviikkona,

25
00:00:55,900 --> 00:00:59,480
jos olet toisen vuoden opiskelija tai fuksi even--
tai jopa junior-- ajatellut tehdä

26
00:00:59,480 --> 00:01:01,563
kytkin Tietokoneiden
tiede, tietää, että siellä tulee

27
00:01:01,563 --> 00:01:04,440
on CS neuvoo oikeudenmukainen tämä
Keskiviikko pian luokka

28
00:01:04,440 --> 00:01:08,040
klo 16:00 tietokoneeseen
Science Building Maxwell Dworkin.

29
00:01:08,040 --> 00:01:11,890
Laitamme tämä kurssin
verkkosivuilla huomenna, samoin.

30
00:01:11,890 --> 00:01:14,430
Munkkeja, olen kertonut, tarjoillaan.

31
00:01:14,430 --> 00:01:15,180
>> Selvä.

32
00:01:15,180 --> 00:01:18,790
Niin hauska story-- olin tönäisi
ympäri internetissä,

33
00:01:18,790 --> 00:01:23,575
ja löysin joitakin vanhoja arkistoja
minun entinen verkkosivuilla.

34
00:01:23,575 --> 00:01:25,950
Ja se kääntyy out-- ympärillä
aika, se näyttää erittäin ajankohtainen

35
00:01:25,950 --> 00:01:28,910
koska olen ymmärtänyt, että UC vaalit
ovat tulleet vaihde uudelleen.

36
00:01:28,910 --> 00:01:32,230
Joten juoksin UC, menetetty surkeasti.

37
00:01:32,230 --> 00:01:34,770
Ja ehkä tämä oli osittain miksi.

38
00:01:34,770 --> 00:01:37,600
Joten tämä oli minun verkkosivuilla tuolloin.

39
00:01:37,600 --> 00:01:40,477
Jostain syystä ajattelin, että se oli
hyvä idea, ennen kertoa ihmisille

40
00:01:40,477 --> 00:01:43,310
mitä minun foorumi oli ja miksi he
olisi äänestää minua, että heillä on

41
00:01:43,310 --> 00:01:47,770
klikkaa tulla selville, että
tiedot, joka jälkeenpäin on

42
00:01:47,770 --> 00:01:48,660
Tällainen kammottava.

43
00:01:48,660 --> 00:01:50,910
En todellakaan tiedä, mitä se oli.

44
00:01:50,910 --> 00:01:53,140
>> Mutta se varmasti ei
auttaa kampanjani.

45
00:01:53,140 --> 00:01:56,874
Huomasin myös, että ylin
year-- minulla oli Muppet kalenteri.

46
00:01:56,874 --> 00:01:58,540
Muppets olivat eräänlainen muodissa tuolloin.

47
00:01:58,540 --> 00:01:59,456
Tai ehkä he eivät olleet.

48
00:01:59,456 --> 00:02:01,790
Minulla oli Muppet kalenterin tuolloin.

49
00:02:01,790 --> 00:02:04,860
Ja ajattelin, että olis siistiä nimi
Oma tietokone Harvardin verkon

50
00:02:04,860 --> 00:02:07,460
frogman.student.harvard.edu.

51
00:02:07,460 --> 00:02:10,370
Tuolloin meillä kaikilla oli ainutlaatuisesti
tunnistettavissa isäntä nimiä.

52
00:02:10,370 --> 00:02:13,150
Ja voit valita joitakin turhamaisuus
nimi sijaan oman nimesi.

53
00:02:13,150 --> 00:02:15,580
Ja menin sammakkomies jostain syystä.

54
00:02:15,580 --> 00:02:19,040
>> Ja sitten started-- vietin paljon
aikaa napsauttamalla näitä linkkejä

55
00:02:19,040 --> 00:02:20,280
Tämä aamu.

56
00:02:20,280 --> 00:02:24,690
Ja tämä oli minun sivusta,
joka nyt tavallaan tuntuu ihana.

57
00:02:24,690 --> 00:02:28,210
Mutta se todistaa myös vain
miten pitkälle tekniikka on tullut.

58
00:02:28,210 --> 00:02:30,310
Tarkoitan, takaisin seuraavana päivänä,
486 oli jotain.

59
00:02:30,310 --> 00:02:34,090
Nykyään se on super, super,
Super Slow ja hyvin vähemmän

60
00:02:34,090 --> 00:02:36,216
kuin saatat olla omassa
omat taskunsa näinä päivinä.

61
00:02:36,216 --> 00:02:38,465
On enemmän siellä, että
oli vieläkin kiusallista.

62
00:02:38,465 --> 00:02:39,770
Joten jätän asian siihen.

63
00:02:39,770 --> 00:02:42,640
Mutta se oli minun ensimmäinen
kokeilu web-- Voi ei.

64
00:02:42,640 --> 00:02:43,180
Se ei ollut.

65
00:02:43,180 --> 00:02:47,000
Ensimmäinen todellinen kokeilu Web-ohjelmointi
oli tämän sivuston, jonka minä vain unohdin.

66
00:02:47,000 --> 00:02:50,620
Jossain vaiheessa, opin
tehdä toistuvia taustakuvia.

67
00:02:50,620 --> 00:02:55,260
Ja niin löysin tämän laatoitus tehokas,
kuten jääkiekkoilija, jalkapallo, ja golf

68
00:02:55,260 --> 00:02:58,040
pallo, tai mitä se on
varten Frosh infrastruktuurin verkkosivuilla.

69
00:02:58,040 --> 00:03:01,390
Ja tämä oli todella, todella
ensimmäinen web-pohjainen projekti otin on--

70
00:03:01,390 --> 00:03:03,880
Luulen sophomore
vuosi, junior year--

71
00:03:03,880 --> 00:03:07,622
ottamisen jälkeen CS50 ja CS51, yksi
yhteisen jatko-luokissa.

72
00:03:07,622 --> 00:03:09,330
Huomasin HAKU
kautta arkistot

73
00:03:09,330 --> 00:03:12,150
että eräs seuraajia ja
ystäviä, Lee, eräänlainen muuttunut

74
00:03:12,150 --> 00:03:13,480
tekijänoikeus itsekseen.

75
00:03:13,480 --> 00:03:17,520
Mutta tämä oli todellakin jotain,
Haluan omistaa häpeäksi.

76
00:03:17,520 --> 00:03:19,370
Mutta tuolloin, tämä
oli ensimmäinen sivusto,

77
00:03:19,370 --> 00:03:22,220
kuten sanoin muutama viikko sitten,
jolla fuksi voisi

78
00:03:22,220 --> 00:03:24,350
ilmoittautua sisäiset urheilu täällä.

79
00:03:24,350 --> 00:03:27,950
Ja niin se kääntyy pois
että taustakuvia

80
00:03:27,950 --> 00:03:29,530
kuin että eivät ole niin hyvä idea.

81
00:03:29,530 --> 00:03:31,840
Mutta web oli uusi, ja
olimme kaikki kokeilemalla.

82
00:03:31,840 --> 00:03:34,310
Ja tämä on mitä minä
ilmeisesti teki tuolloin.

83
00:03:34,310 --> 00:03:34,810
Selvä.

84
00:03:34,810 --> 00:03:38,020
Joten pitemmittä puheitta, me vaihtaa
hammaspyörät tänään antaa sinulle, todella,

85
00:03:38,020 --> 00:03:42,250
viimeinen pala, että saatat löytää
erityisen hyödyllinen opinnäytetöiden

86
00:03:42,250 --> 00:03:44,780
mutta myös, että alkaa
tehdä koko World Wide Web

87
00:03:44,780 --> 00:03:46,680
tuntuu vähän ymmärrettävämmäksi.

88
00:03:46,680 --> 00:03:49,460
Todellakin, aiomme esitellä
yksi ohjelmointikieli

89
00:03:49,460 --> 00:03:52,474
nimeltään JavaScriptiä on samanlainen
ja eri eri tavoin

90
00:03:52,474 --> 00:03:54,140
alkaen kielistä teimme toistaiseksi.

91
00:03:54,140 --> 00:03:55,807
>> Joten C, muistaa, on tämä käännetty kieli.

92
00:03:55,807 --> 00:03:57,473
Sinun täytyy ajaa se läpi kääntäjä.

93
00:03:57,473 --> 00:03:59,810
Saat lähdekoodin vastustaa
koodi tai nollia ja ykkösiä.

94
00:03:59,810 --> 00:04:03,000
Ja ne ovat nollia ja ykkösiä, että
CPU, Central Processing Unit,

95
00:04:03,000 --> 00:04:04,360
todella ymmärtää.

96
00:04:04,360 --> 00:04:06,610
PHP, sitä vastoin ei ole
käännetty kieli.

97
00:04:06,610 --> 00:04:08,772
Se on mitä?

98
00:04:08,772 --> 00:04:09,980
Se on tulkittu kieli.

99
00:04:09,980 --> 00:04:11,750
Joten siellä on ohjelma
kutsutaan tulkki, joka

100
00:04:11,750 --> 00:04:13,708
on lukea it-- ylhäältä
alas, vasemmalta right--

101
00:04:13,708 --> 00:04:16,519
ja selvittää, mitä kaikki
syntaksi tekee ja tarkoittaa,

102
00:04:16,519 --> 00:04:20,200
onko se silmukka tai ehto
tai jokin muu numero ohjelmointi

103
00:04:20,200 --> 00:04:20,740
rakentaa.

104
00:04:20,740 --> 00:04:22,210
Niin, että tulkittu kieli.

105
00:04:22,210 --> 00:04:23,910
>> Sitten otimme käyttöön HTML.

106
00:04:23,910 --> 00:04:26,440
Ja HTML ei ole edes
ohjelmointikieli.

107
00:04:26,440 --> 00:04:28,110
Olimme kutsua sitä mitä?

108
00:04:28,110 --> 00:04:31,650
Markup language, joka on vain
eräänlainen hieno tapa sanoa se

109
00:04:31,650 --> 00:04:35,820
ei ole ohjelmointi konstruktioita kuten
näimme edes takaisin päivänä Scratch.

110
00:04:35,820 --> 00:04:36,720
Ei ole silmukoita.

111
00:04:36,720 --> 00:04:37,920
Ei aseteta ehtoja.

112
00:04:37,920 --> 00:04:40,820
Se on todella kieli
noin merkintä ylös tietosi

113
00:04:40,820 --> 00:04:43,620
ja alustamista tai
jäsentäminen sitä jotenkin.

114
00:04:43,620 --> 00:04:46,147
>> CSS puolestaan ​​samoin
ei ohjelmointikieli.

115
00:04:46,147 --> 00:04:47,730
Se on vieläkin esteettisesti suuntautunut.

116
00:04:47,730 --> 00:04:50,470
Ja sen avulla voit lajitella ja hienosäätää
asioita, kuten fontin kokoa ja väriä

117
00:04:50,470 --> 00:04:51,850
ja sijoittaminen ja kaikki tämä.

118
00:04:51,850 --> 00:04:52,370
Sitten meillä oli

119
00:04:52,370 --> 00:04:53,160
>> SQL.

120
00:04:53,160 --> 00:04:56,010
Joten SQL on todellakin ohjelmointi
kieli jossain mielessä,

121
00:04:56,010 --> 00:04:59,330
vaikkakin räätälöity
erityisesti tietokantoihin.

122
00:04:59,330 --> 00:05:03,347
Mutta vaikka me vain esitellä sinulle
valita ja lisätä ja poistaa ja päivittää

123
00:05:03,347 --> 00:05:05,430
ja pari muuta,
osoittautuu voit itse

124
00:05:05,430 --> 00:05:07,380
kirjoittaa toimintoja tai
menettelyjä, koska ne ovat

125
00:05:07,380 --> 00:05:11,270
kutsutaan, SQL jotka näyttävät ja toimivat
aivan kuten PHP ja C funktioiden.

126
00:05:11,270 --> 00:05:12,390
Niin tiedämme, että ne ovat olemassa.

127
00:05:12,390 --> 00:05:15,348
Mutta emme edes vaivaudu niitä
kuten juuri naarmuttaa pintaa täällä.

128
00:05:15,348 --> 00:05:18,600
Ja sitten JavaScript, viimeinen
kielemme virallisesti käyttöön.

129
00:05:18,600 --> 00:05:21,029
Joten JavaScript, sekin on
tulkittu kieli.

130
00:05:21,029 --> 00:05:23,070
Ja niitä tuttuja, tehdä
haluat erottaa sen

131
00:05:23,070 --> 00:05:26,960
joidenkin ominaisuus
sekä C ja PHP?

132
00:05:26,960 --> 00:05:28,300
Mikä tekee siitä erilaisen?

133
00:05:28,300 --> 00:05:29,650
>> Yleisö: Se ei ole laadittu.

134
00:05:29,650 --> 00:05:29,930
>> DAVID MALAN: Sano uudestaan?

135
00:05:29,930 --> 00:05:31,200
>> Yleisö: Se ei ole laadittu.

136
00:05:31,200 --> 00:05:31,930
>> DAVID MALAN: Se ei ole laadittu.

137
00:05:31,930 --> 00:05:33,450
Niin sekin, tulkitaan.

138
00:05:33,450 --> 00:05:34,760
Joten se ei ole koottu.

139
00:05:34,760 --> 00:05:37,210
Mutta joka tekee sen vähän kuin PHP.

140
00:05:37,210 --> 00:05:39,545
Mutta se on silti erilainen kuin
PHP jollakin silmiinpistävää tavalla,

141
00:05:39,545 --> 00:05:40,920
ainakin siinä, miten käytämme sitä.

142
00:05:40,920 --> 00:05:41,205
Joo?

143
00:05:41,205 --> 00:05:41,940
>> Yleisö: Se toimii client-side.

144
00:05:41,940 --> 00:05:44,000
>> DAVID MALAN: Se toimii
client-side, yleensä.

145
00:05:44,000 --> 00:05:47,190
Se todellakin erottava
ominaista meille juuri nyt.

146
00:05:47,190 --> 00:05:51,170
C oli palvelinpuolen siinä mielessä
että teimme kaiken CS50 IDE.

147
00:05:51,170 --> 00:05:53,630
PHP on tähän mennessä ollut
server-side sikäli

148
00:05:53,630 --> 00:05:56,550
kuten sekin, saa interpreted--
ei käännetty, mutta interpreted--

149
00:05:56,550 --> 00:06:00,690
sisällä CS50 IDE, joka tietenkin on
vain palvelin tai palvelimet pilvessä.

150
00:06:00,690 --> 00:06:03,070
>> Mutta JavaScript, jopa
vaikka et olet menossa

151
00:06:03,070 --> 00:06:07,000
alkaa kirjoittaa sitä, sanovat, PSET
kahdeksan ja ehkä lopullinen projects-- olet

152
00:06:07,000 --> 00:06:09,620
menossa väärin sen
CS50 IDE ja tallenna se

153
00:06:09,620 --> 00:06:14,760
tiedostojen sisällä CS50 IDE, CS50 IDE
ja puolestaan ​​pilvi palvelimet

154
00:06:14,760 --> 00:06:19,160
johon se isännöi, eivät aio
tulkita tai suorittaa koodia.

155
00:06:19,160 --> 00:06:23,880
Pikemminkin se tulee lähetettävä
muuttamattomassa muodossa alas selaimen.

156
00:06:23,880 --> 00:06:26,990
Ja se sitten tulee olemaan IE
tai Chrome tai Firefox tai Safari

157
00:06:26,990 --> 00:06:30,697
tai mitä se todella tulkitsee
se, ylhäältä alas, vasemmalta oikealle.

158
00:06:30,697 --> 00:06:32,780
Joten avain erottava
ominaista tänään

159
00:06:32,780 --> 00:06:36,110
että JavaScript on client-side
ja PHP, esimerkiksi,

160
00:06:36,110 --> 00:06:37,690
on ollut palvelinpuolen.

161
00:06:37,690 --> 00:06:40,920
Nyt tämä on mielenkiintoisia seurauksia
varten, kuten, henkisen omaisuuden

162
00:06:40,920 --> 00:06:42,660
ja kuka voi todella nähdä koodin.

163
00:06:42,660 --> 00:06:44,860
Ja todellakin, voit mennä
Webissä ja nähdä eniten

164
00:06:44,860 --> 00:06:47,530
koodia että joku on
kirjoitettu JavaScript.

165
00:06:47,530 --> 00:06:50,230
Joskus se on luettavissa,
Joskus se on salattu.

166
00:06:50,230 --> 00:06:52,550
Mutta lisää, että hyvissä ajoin.

167
00:06:52,550 --> 00:06:57,530
>> Joten JavaScript, kauniisti tarpeeksi, on
Super samanlainen, syntaktisesti, C.

168
00:06:57,530 --> 00:06:59,364
Ja aivan kuten PHP,
ei ole tärkein ominaisuus.

169
00:06:59,364 --> 00:07:02,113
Jos haluat aloittaa kirjoittamisen
JavaScript-koodia, kun näet tänään,

170
00:07:02,113 --> 00:07:03,270
vain alkaa kirjoittamisesta.

171
00:07:03,270 --> 00:07:06,910
Mutta se on, näet, etenkin
hyödyllinen yhteydessä selaimet.

172
00:07:06,910 --> 00:07:09,820
Kuitenkin pikku
disclaimer-- yleensä earlier--

173
00:07:09,820 --> 00:07:13,790
oli sanoa, että voit yhä
tänään käyttää JavaScript palvelinpuolen

174
00:07:13,790 --> 00:07:17,655
käyttäen fancy kehys nimeltään Node.js
että jotkut CS50: n omien sovellusten

175
00:07:17,655 --> 00:07:18,280
on kirjoitettu.

176
00:07:18,280 --> 00:07:20,640
Tarkista 50 tosiasiallisesti käyttää Node.js.

177
00:07:20,640 --> 00:07:24,140
Mutta aiomme keskittyä
JavaScript client-side Tästä eteenpäin.

178
00:07:24,140 --> 00:07:26,750
>> Joten tässä on joukko ehtoja PHP.

179
00:07:26,750 --> 00:07:29,350
Anteeksi, in-- todella, että
lausuma, sekin on oikea.

180
00:07:29,350 --> 00:07:32,200
Tässä on myös joukko
olosuhteet JavaScript.

181
00:07:32,200 --> 00:07:35,560
Syntaktisesti, se on
identtinen C ja PHP.

182
00:07:35,560 --> 00:07:39,040
Mr. Boole ilmeitä ovat,
Vastaavasti, syntaktisesti

183
00:07:39,040 --> 00:07:41,190
identtinen sekä C ja PHP.

184
00:07:41,190 --> 00:07:44,100
Meillä on myös kytkimet
JavaScript jotka näyttävät identtisiä.

185
00:07:44,100 --> 00:07:46,350
Meillä on silmukoita, jotka ovat
jäsennelty identtisesti,

186
00:07:46,350 --> 00:07:48,140
vaikka silmukoita, tehdä, kun silmukoita.

187
00:07:48,140 --> 00:07:49,980
>> Tämä yksi on hieman erilainen.

188
00:07:49,980 --> 00:07:53,120
PHP oli kunkin konstruktin
että saatat olla käytössä

189
00:07:53,120 --> 00:07:55,320
tai tulee käyttää PSET seitsemän, ehkä.

190
00:07:55,320 --> 00:07:59,460
JavaScript on tämä erityinen versio
sillä jossa kirjaimellisesti sanoa jotain

191
00:07:59,460 --> 00:08:03,864
kuten vaihtelevan avain esine, joka
on erittäin ytimekäs tapa sanoa,

192
00:08:03,864 --> 00:08:06,780
jos minulla object-- ja me
puhua näistä jälleen moment--

193
00:08:06,780 --> 00:08:10,370
ja haluan kerrata kaikkia
avainarvon paria sisällä,

194
00:08:10,370 --> 00:08:13,620
Minulla ei tarvitse selvittää, miten
numeerisesti indeksoida niitä nolla, yksi,

195
00:08:13,620 --> 00:08:14,580
kaksi, kolme.

196
00:08:14,580 --> 00:08:15,900
>> Voin kirjaimellisesti sanoa tätä.

197
00:08:15,900 --> 00:08:20,740
Ja jokaisen iteraation, JavaScript
minulle päivittää muuttujan näppäintä

198
00:08:20,740 --> 00:08:24,810
olla ensimmäinen avain, sitten seuraavaa näppäintä,
sitten seuraavaa näppäintä, sitten seuraavaa näppäintä,

199
00:08:24,810 --> 00:08:25,510
ja niin edelleen.

200
00:08:25,510 --> 00:08:30,000
Ja saan sen arvo käsittelemällä
objekti JavaScript, kuten näemme,

201
00:08:30,000 --> 00:08:32,584
ikään kuin se on
assosiatiivisia array PHP.

202
00:08:32,584 --> 00:08:35,750
Todellakin, jos lopulta kääritty teidän
mielessä ympäri mitä tällainen taulukko on

203
00:08:35,750 --> 00:08:40,140
PHP, voit ajatella sitä nyt
identtinen objekti JavaScript.

204
00:08:40,140 --> 00:08:42,030
Mutta se on hieman
yksinkertaistava.

205
00:08:42,030 --> 00:08:47,230
>> Taulukot näyttävät, kauniisti tarpeeksi, samanlainen
PHP paitsi yhden merkin.

206
00:08:47,230 --> 00:08:51,425
On yksi asia puuttuu täällä
että näimme viime viikolla PHP.

207
00:08:51,425 --> 00:08:52,050
Mitä pois?

208
00:08:52,050 --> 00:08:53,310
Joo?

209
00:08:53,310 --> 00:08:54,090
Ei dollarin merkki.

210
00:08:54,090 --> 00:08:56,240
Joten olemme takaisin
lisää normaali maailmassa, jossa

211
00:08:56,240 --> 00:08:58,050
muuttujia ei ole dollarin merkkejä.

212
00:08:58,050 --> 00:09:00,810
Mutta et etuliite niitä
var, tyypillisesti.

213
00:09:00,810 --> 00:09:02,230
Ja var tarkoittaa muuttuja.

214
00:09:02,230 --> 00:09:06,440
Ja aivan kuten PHP on löyhästi
typed-- jolloin on olemassa tyyppejä,

215
00:09:06,440 --> 00:09:10,120
on numeroita ja jousille
ja kellukkeet ja niin forth--

216
00:09:10,120 --> 00:09:11,570
JavaScript samoin on tyyppejä.

217
00:09:11,570 --> 00:09:15,470
Mutta se on löyhästi kirjoitettu, että me
ohjelmoijat ei tarvitse määrittää niitä.

218
00:09:15,470 --> 00:09:18,980
Meidän täytyy vain olla tietoinen
että erilaisia ​​olemassa.

219
00:09:18,980 --> 00:09:21,690
>> Muuttujat, meanwhile-- tässä miten
voisimme julistaa "Hei, maailma"

220
00:09:21,690 --> 00:09:22,230
merkkijonona.

221
00:09:22,230 --> 00:09:24,890
Huomaa, se on identtinen
PHP mutta ei dollarin merkki.

222
00:09:24,890 --> 00:09:27,120
Ja tämä on jotain me
alat nähdä enemmän tänään,

223
00:09:27,120 --> 00:09:30,990
jolloin sinulla on esine
avaimet ja arvot.

224
00:09:30,990 --> 00:09:32,990
Ja jos haluat kokeilla
päätellä viime week--

225
00:09:32,990 --> 00:09:34,730
syntaksi on hieman erilainen.

226
00:09:34,730 --> 00:09:39,740
Mutta vähän mielenterveyden check-- kuinka monta
avaimet tämä esine näyttävät?

227
00:09:39,740 --> 00:09:40,850
Joten minä näen neljä.

228
00:09:40,850 --> 00:09:43,560
Näen kaksi.

229
00:09:43,560 --> 00:09:44,680
>> Joten se on oikeastaan ​​kaksi.

230
00:09:44,680 --> 00:09:47,260
Joten tämä on kokoelma
Kahden avainarvopareja.

231
00:09:47,260 --> 00:09:49,820
Tärkeintä on symboli, jonka arvo on FB.

232
00:09:49,820 --> 00:09:52,620
Tärkeintä on hinta, jonka arvo on 101,53.

233
00:09:52,620 --> 00:09:54,230
Joten ne ovat kaksi avainarvopareja.

234
00:09:54,230 --> 00:09:58,120
Ja muistakaa, PHP-- ja tämä on jälleen
vain eräänlainen syntaktisen ero.

235
00:09:58,120 --> 00:10:00,170
Se ei ole kaikki, että
älyllisesti mielenkiintoinen.

236
00:10:00,170 --> 00:10:04,610
PHP ehkä kirjoittanut tämän saman
asia kuin follows-- lainaus, vastaa.

237
00:10:04,610 --> 00:10:06,730
Ja voin muuttaa näitä hakasuluissa.

238
00:10:06,730 --> 00:10:11,240
Ja sitten muuttaa tätä
lainattu sana, "hinta."

239
00:10:11,240 --> 00:10:12,500
Ja sitten en käytä paksusuolen.

240
00:10:12,500 --> 00:10:15,060
Mitä minä käyttää viime viikolla?

241
00:10:15,060 --> 00:10:18,290
Joo, yhtäläisyysmerkki
nuoli funky merkintätapa.

242
00:10:18,290 --> 00:10:21,470
>> Ja sitten tein saman asian täällä.

243
00:10:21,470 --> 00:10:23,580
Sama juttu täällä.

244
00:10:23,580 --> 00:10:24,240
Ja siinä kaikki.

245
00:10:24,240 --> 00:10:27,752
Joten on hienoa, jos tämä ei ole
todella uponnut muistiin vain

246
00:10:27,752 --> 00:10:29,960
mutta koska se on todella
älyllisesti mielenkiinnoton.

247
00:10:29,960 --> 00:10:31,660
Se on vain syntaktinen eroja.

248
00:10:31,660 --> 00:10:33,230
Mutta ideat ovat täsmälleen samat.

249
00:10:33,230 --> 00:10:35,910
Sisällä tämän muuttujan
lainaus JavaScript

250
00:10:35,910 --> 00:10:39,020
on kokoelma avainarvopareja,
joista yksi on symboli, joista

251
00:10:39,020 --> 00:10:39,690
on hinta.

252
00:10:39,690 --> 00:10:42,340
Ja saan noita arvoja
seuraavaan tapaan.

253
00:10:42,340 --> 00:10:46,280
Aivan kuten PHP, voisin
tehdä jotain like-- anna

254
00:10:46,280 --> 00:10:48,590
minua tekemään tämä laatikko hieman suurempi.

255
00:10:48,590 --> 00:10:52,750
Aivan kuten PHP, voisin
tehdä this-- OH, perkele.

256
00:10:52,750 --> 00:10:53,250
Tule.

257
00:10:53,250 --> 00:10:56,350

258
00:10:56,350 --> 00:11:00,800
>> Aivan kuten PHP-- OK käymme
vain käyttää juontaja toteaa.

259
00:11:00,800 --> 00:11:06,010
Aivan kuten PHP, voin
do $ lainaus $ lainaus ["symboli"],

260
00:11:06,010 --> 00:11:08,860
ja tämä saa minut
arvoa "symboli."

261
00:11:08,860 --> 00:11:12,800
JavaScript, se tulee olemaan
identtiset, jolloin voin vain tehdä tätä.

262
00:11:12,800 --> 00:11:14,850
Ainoa asia, joka on
puuttuu dollarin merkki.

263
00:11:14,850 --> 00:11:17,470
>> Niin hienosti riitä, niin, siellä on
ei kovinkaan paljon uusia syntaksi.

264
00:11:17,470 --> 00:11:21,025
Mitä tänään keskitymme, todella, on
joitakin ajatuksia ja sovelluksia.

265
00:11:21,025 --> 00:11:22,900
Ja ensimmäinen tällainen
sovellus että saatat

266
00:11:22,900 --> 00:11:26,090
nähneet jos olet sukeltanut PSET
Seitsemän jo on tämä syntaksi.

267
00:11:26,090 --> 00:11:28,980
Joten PSET seitsemän, jos olet
nähnyt tai ole nähnyt sitä vielä,

268
00:11:28,980 --> 00:11:33,570
tietää, että siellä on tiedosto että annamme
soitit config.json-- JavaScript

269
00:11:33,570 --> 00:11:34,661
Object Notation.

270
00:11:34,661 --> 00:11:35,160
Miksi?

271
00:11:35,160 --> 00:11:39,540
Halusimme pystyä tarjoamaan sinulle
mallin joidenkin avainarvopareja.

272
00:11:39,540 --> 00:11:44,290
Halusimme voi antaa sinulle listan
isäntä, palvelimen nimi.

273
00:11:44,290 --> 00:11:46,710
Halusimme antaa sinulle
paikkamerkki käyttäjätunnuksesi

274
00:11:46,710 --> 00:11:48,210
ja paikkamerkki salasanasi.

275
00:11:48,210 --> 00:11:49,410
Jos et näe
tätä vielä, ei hätää.

276
00:11:49,410 --> 00:11:51,340
Tästä lisää PSET seitsemän
[? spec. ?] Ja sitten,

277
00:11:51,340 --> 00:11:53,173
tietenkin, haluamme
täyttää-DOS

278
00:11:53,173 --> 00:11:55,310
koska kun kirjaudut
CS50 IDE, jokainen teistä

279
00:11:55,310 --> 00:11:57,630
on oma käyttäjätunnus ja salasana.

280
00:11:57,630 --> 00:12:00,910
>> Jotta voisimme olet käyttänyt puoli tusinaa
tai useamman eri tiedostomuotoja.

281
00:12:00,910 --> 00:12:02,940
Olisimme voineet käyttää .txt.

282
00:12:02,940 --> 00:12:04,570
Voisimme käyttää CSV-tiedosto.

283
00:12:04,570 --> 00:12:06,745
Olisimme voineet käyttää
INI-tiedoston, XML-tiedoston,

284
00:12:06,745 --> 00:12:09,370
koko joukko enemmän lyhenteitä että
et ehkä ole koskaan kuullut.

285
00:12:09,370 --> 00:12:11,244
Se on tavallaan mielivaltaisen
päivän päätteeksi.

286
00:12:11,244 --> 00:12:16,030
Mutta erittäin suosittu näinä päivinä on teksti
muodossa nimeltä JSON-- JavaScript Object

287
00:12:16,030 --> 00:12:18,460
Notation-- että näyttää tältä.

288
00:12:18,460 --> 00:12:20,890
Se on vähän arvoituksellinen,
mutta huomaa malleja.

289
00:12:20,890 --> 00:12:24,180
Aloitat avoin kihara
ahdin, ja lopetat samalla.

290
00:12:24,180 --> 00:12:26,550
Sisältä se on jotain.

291
00:12:26,550 --> 00:12:27,920
Se on avain-arvo-pari.

292
00:12:27,920 --> 00:12:30,580
Joten tämä on esine, että olen
katsot ruudulla täällä

293
00:12:30,580 --> 00:12:33,690
että on yksi avain, joka on yksi arvo.

294
00:12:33,690 --> 00:12:37,610
Ja vain päätellä perustuu
edellinen malli, mikä on avain täällä?

295
00:12:37,610 --> 00:12:39,790
Tietokanta, asia
vasemmalla paksusuolen.

296
00:12:39,790 --> 00:12:43,500
>> Nyt arvo sattuu olemaan
useita rivejä tällä kertaa.

297
00:12:43,500 --> 00:12:46,760
Mutta arvon alussa on kihara
ahdin ja päättyy kihara ahdin.

298
00:12:46,760 --> 00:12:49,480
Joten mitä ehdottaisitte on
tyypin arvo tietokantaan?

299
00:12:49,480 --> 00:12:52,160

300
00:12:52,160 --> 00:12:54,670
Sanakirja tai, vain enemmän
ytimekkäästi, esine.

301
00:12:54,670 --> 00:12:55,170
Oikea?

302
00:12:55,170 --> 00:13:00,010
Tämä on eräänlainen tietojen rakenne, joka
voivat käyttää muita rakenteita itse.

303
00:13:00,010 --> 00:13:02,750
Joten jos tämä koko juttu olemme
kutsuvan object-- ja esineen

304
00:13:02,750 --> 00:13:07,101
on vain joukko avainarvon pairs--
arvo tietokantaa on esine.

305
00:13:07,101 --> 00:13:10,350
Arvo tietokanta on koko joukko
keskeisten arvo-pareja, joista ensimmäinen

306
00:13:10,350 --> 00:13:13,130
on isäntä, niin nimi, sitten
käyttäjätunnus, sitten salasana,

307
00:13:13,130 --> 00:13:17,550
jokainen joiden arvot puolestaan, se on
vain kairausjohto lainausmerkkeihin.

308
00:13:17,550 --> 00:13:19,770
>> Joten vaikka se ei ole
Super kirkas aivan vielä,

309
00:13:19,770 --> 00:13:22,740
tietää, että tämä on vain
standardi, melko tylsä ​​tapa

310
00:13:22,740 --> 00:13:25,190
tallentaa tietoja vakiomuodossa.

311
00:13:25,190 --> 00:13:27,700
Mutta yleisiä virheitä sinua
voisi tehdä, vaikka PSET seitsemän,

312
00:13:27,700 --> 00:13:32,120
ovat pieniä tyhmiä asioita, kuten jos
vahingossa jättää pilkku siellä.

313
00:13:32,120 --> 00:13:34,900
Joka tulee johtaa tiedostoon
ei välttämättä ole luettavissa.

314
00:13:34,900 --> 00:13:38,191
Jos vahingossa jättää pois asioita, kuten
lainausmerkit, se ei tule olemaan luettavissa.

315
00:13:38,191 --> 00:13:41,654
Joten se on aika nitpicky tiedostomuoto,
mutta se on yksi, joka on erittäin yleistä.

316
00:13:41,654 --> 00:13:44,820
Ja me satu käyttämään sitä, vaikka
et käytä mitään JavaScript toisin,

317
00:13:44,820 --> 00:13:46,330
vuonna PSET seitsemän.

318
00:13:46,330 --> 00:13:46,860
>> Selvä.

319
00:13:46,860 --> 00:13:48,110
Joten muistakaa tämä kuva.

320
00:13:48,110 --> 00:13:51,657
Puhuimme, HTML, että
koodi voisi näyttää tältä.

321
00:13:51,657 --> 00:13:54,740
Tämä on HyperText Markup Language
[Äänetön] vain "Hei, maailma."

322
00:13:54,740 --> 00:13:57,570
Mutta sitten ehdotimme
kun taas takaisin, että jos se auttaa,

323
00:13:57,570 --> 00:14:00,210
kannattaa alkaa miettiä
tästä jo kuin puu.

324
00:14:00,210 --> 00:14:03,730
Itse asiassa, kuoppa, jonka me
Käytä vain luettavuuden vuoksi

325
00:14:03,730 --> 00:14:05,610
tai tyyli tähden päälle
Vasemmalla sellaista

326
00:14:05,610 --> 00:14:10,040
käännetään tämä puu, jossa
joitakin erityisiä juurisolmu että me will

327
00:14:10,040 --> 00:14:16,860
yleisesti kutsutaan asiakirja, jonka alapuolella
on juuri HTML-elementti tai tunnisteen, HTML,

328
00:14:16,860 --> 00:14:19,980
joka sitten on kaksi
lapset, pään ja vartalon.

329
00:14:19,980 --> 00:14:21,750
>> Ja sitten taas, pää on otsikko.

330
00:14:21,750 --> 00:14:23,440
Ja otsikko on teksti arvo.

331
00:14:23,440 --> 00:14:26,130
Ja kehon samoin on tekstin arvoa.

332
00:14:26,130 --> 00:14:29,220
Joten jos olet mukava sanonta
että kyllä, voit ottaa tämän HTML

333
00:14:29,220 --> 00:14:32,080
ja piirtää kuvan kaltainen
Tämän, oikea puoli

334
00:14:32,080 --> 00:14:35,910
on mukava henkinen malli, koska nyt
että meillä on JavaScript, ohjelmointi

335
00:14:35,910 --> 00:14:39,960
kieli että selaimet voivat
toteuttaa ja tulkita sinulle,

336
00:14:39,960 --> 00:14:42,690
käy ilmi, että mitä
aiomme tehdä koodin

337
00:14:42,690 --> 00:14:45,320
on alkaa manipuloida tätä
puurakenne muistiin.

338
00:14:45,320 --> 00:14:47,070
Meillä ei tarvitse rakentaa
puu muistissa.

339
00:14:47,070 --> 00:14:49,880
Meidän ei tarvitse tehdä eräänlainen
PSET-viisi-style tietorakenne

340
00:14:49,880 --> 00:14:50,650
monimutkaisuus.

341
00:14:50,650 --> 00:14:54,610
Selain, kauniisti tarpeeksi, kun
tulkkaus HTML ylhäältä alas,

342
00:14:54,610 --> 00:14:58,600
vasemmalle tai oikealle, on kirjaimellisesti menossa
käsi Yhdysvaltalainen vastaa osoittimen

343
00:14:58,600 --> 00:15:00,840
kuin koko puun ilmaiseksi.

344
00:15:00,840 --> 00:15:02,150
Se tekee kaiken kovan työn.

345
00:15:02,150 --> 00:15:05,520
Sitähän Mozilla ja Apple
ja muut ovat tehneet meille.

346
00:15:05,520 --> 00:15:09,400
>> Ja JavaScript aiomme
sen on voitava valvoa ja muuttaa ja tehdä

347
00:15:09,400 --> 00:15:12,910
mielenkiintoista
että puu, joka tunnetaan

348
00:15:12,910 --> 00:15:15,880
kuten DOM tai Document Object Model.

349
00:15:15,880 --> 00:15:17,110
Millaisia ​​asioita?

350
00:15:17,110 --> 00:15:19,030
No, käy ilmi, että
JavaScript, siellä

351
00:15:19,030 --> 00:15:22,800
tämä pitkä lista
tapahtumia, jotka voivat tapahtua.

352
00:15:22,800 --> 00:15:26,330
Emmekä ole oikeastaan ​​käytetty että
sana koska viikko nolla ja PSET

353
00:15:26,330 --> 00:15:28,240
nolla kun puhuimme Scratch.

354
00:15:28,240 --> 00:15:31,390
Useimmat teistä luultavasti ei käytä
tapahtuma sinun Scratch projektin.

355
00:15:31,390 --> 00:15:33,850
Mutta saatat muistaa
yksinkertainen Marco Polo

356
00:15:33,850 --> 00:15:36,760
Esimerkiksi jossa meillä oli kaksi
sprite, joista yksi sanoi, Marco.

357
00:15:36,760 --> 00:15:40,180
Muut joista sitten, kun kuuntelu
ja kuulo tapauksessa, sanoi, Polo.

358
00:15:40,180 --> 00:15:42,080
Jos ei, rohkeasti
muistella, että pitkälle taaksepäin.

359
00:15:42,080 --> 00:15:44,450
>> Mutta tämä on vain
sanovat, ja voit eräänlainen

360
00:15:44,450 --> 00:15:47,730
päätellä näiden nimet
asioita, JavaScript, se kääntyy pois,

361
00:15:47,730 --> 00:15:53,200
aikoo antaa meille tapa kuunnella
hiiren menossa alaspäin tai hiiren nousevat

362
00:15:53,200 --> 00:15:57,920
tai avain menee alas tai keskeisiä
menossa ylös tai onsubmit onselect

363
00:15:57,920 --> 00:15:59,740
tai onresizing jotain.

364
00:15:59,740 --> 00:16:03,060
Toisin sanoen, mitään fyysistä toimintaa
että ihminen voi ottaa selaimella

365
00:16:03,060 --> 00:16:08,210
että teet joka päivä, voit kirjoittaa
koodi, joka kuuntelee tällaisia ​​tapahtumia

366
00:16:08,210 --> 00:16:10,220
ja sitten tekee jotain tarkoituksenmukaista.

367
00:16:10,220 --> 00:16:14,130
>> Jos esimerkiksi käytät Google Maps,
mitä tapahtuu, jos valitset ja liikkua

368
00:16:14,130 --> 00:16:16,250
hiiri, tyypillisesti?

369
00:16:16,250 --> 00:16:17,758
Jos valitset ja vedä?

370
00:16:17,758 --> 00:16:18,258
Joo?

371
00:16:18,258 --> 00:16:21,701

372
00:16:21,701 --> 00:16:22,200
Aivan.

373
00:16:22,200 --> 00:16:23,159
Kartta alkaa liikkua.

374
00:16:23,159 --> 00:16:25,616
Voit siis tavallaan nähdä, mitä
tänne, mitä tuolla.

375
00:16:25,616 --> 00:16:27,130
Ja miten Google toteuttaa sen?

376
00:16:27,130 --> 00:16:29,421
No, oletettavasti, he
käyttämällä pari näitä tapahtuma

377
00:16:29,421 --> 00:16:31,720
kuuntelijat, joka
sanoo, kuunnella hiiren

378
00:16:31,720 --> 00:16:35,410
down-- joten kun käyttäjä fyysisesti
työntää hänen ohjauslevy tai hänen hiiri

379
00:16:35,410 --> 00:16:36,010
alas.

380
00:16:36,010 --> 00:16:38,350
Ja sitten etsimme
jotain liikettä

381
00:16:38,350 --> 00:16:41,145
tai jokin muu tapahtuma, joka
voimme kaapata vetää.

382
00:16:41,145 --> 00:16:45,910
Ja itse asiassa, drag on samalla tässä
piste piste piste luettelo mahdollisista vaihtoehdoista.

383
00:16:45,910 --> 00:16:49,140
>> Joten tämä tulee olemaan voimakas
tapa aloittaa vastaamisen käyttäjälle

384
00:16:49,140 --> 00:16:52,824
jopa ennen kuin hän todella napsauttaa
jotain nimenomaista kuten lähetä.

385
00:16:52,824 --> 00:16:55,240
Mutta aiomme esitellä
pari aiheita sinne.

386
00:16:55,240 --> 00:16:58,570
Mutta ensin siirtymistä
joitakin todellisia koodia.

387
00:16:58,570 --> 00:17:01,450
Joten aion mennä
eteenpäin ja avata dom-0,

388
00:17:01,450 --> 00:17:05,869
joka on hyvin yksinkertainen esimerkki
täällä, että jos minä suurentaa yksinkertaisesti

389
00:17:05,869 --> 00:17:08,500
on tämä tulo tänne minulle.

390
00:17:08,500 --> 00:17:12,410
Ja aion mennä eteenpäin ja kirjoita
"David" minun nimeni ja valitse Lähetä.

391
00:17:12,410 --> 00:17:17,940
>> Ja sitten, vaikka tavallaan halvalla, I
on tämä nopea avautuvassa joka sanoo,

392
00:17:17,940 --> 00:17:19,244
"Hei, David!"

393
00:17:19,244 --> 00:17:21,740
Joten tämä on tavallaan
kuten meidän "Hei, maailma"

394
00:17:21,740 --> 00:17:25,150
että teimme jonkin aikaa takaisin C ja
jopa PHP koska olen dynaamisesti

395
00:17:25,150 --> 00:17:26,310
tulostetaan nimeni.

396
00:17:26,310 --> 00:17:28,230
Voin tehdä jonkun toisen nimi tähän.

397
00:17:28,230 --> 00:17:31,240
Voisin yksinkertaisesti muuttaa tätä,
kuten, Hannah, valitse Lähetä.

398
00:17:31,240 --> 00:17:33,780
Ja todellakin, pikku pop-up muutoksia.

399
00:17:33,780 --> 00:17:36,650
>> Nyt, pop-ups ovat yksi
eniten väärin ominaisuuksia verkossa.

400
00:17:36,650 --> 00:17:38,520
Ja itse asiassa jo vuonna
päivä ponnahdusikkunoiden esto

401
00:17:38,520 --> 00:17:40,820
tuli muotia, koska olet
menisi noin website--

402
00:17:40,820 --> 00:17:43,604
ehkä kyseenalainen place--
Se olisi sitten yhtäkkiä

403
00:17:43,604 --> 00:17:46,020
aloittaa peppering näytön
kanssa koko joukko ponnahdusikkunoita.

404
00:17:46,020 --> 00:17:49,700
Ja niin tämä kyky pop up
ikkunoiden edessä käyttäjä

405
00:17:49,700 --> 00:17:52,372
ei ole ollut erityisen
hyvin vastaan ​​ihmiskunnan.

406
00:17:52,372 --> 00:17:54,080
Joten siksi näet
tämä estää asia,

407
00:17:54,080 --> 00:17:55,706
mikä juuri tekee tästä koko juttu ruma.

408
00:17:55,706 --> 00:17:57,996
Joten aiomme tarvitsevat
parempi tapa kysyy käyttäjältä.

409
00:17:57,996 --> 00:17:59,350
Mutta nyt, että tuntuu toimivan.

410
00:17:59,350 --> 00:18:03,320
Joten intuitiivisesti, mitä
näyttää tapahtuvan täällä?

411
00:18:03,320 --> 00:18:07,870
Menen eteenpäin ja valitse Lähetä, ja
sitten jotain tapahtuu, selvästi.

412
00:18:07,870 --> 00:18:12,870
Mutta mitä ei tapahdu, että ei tapahdu
viime viikolla tahansa klikkasin Lisää?

413
00:18:12,870 --> 00:18:15,940
Mitä ei tapahtunut ruudulla?

414
00:18:15,940 --> 00:18:17,170
Anteeksi?

415
00:18:17,170 --> 00:18:18,010
Päivitä.

416
00:18:18,010 --> 00:18:19,720
URL ei muuttunut lainkaan.

417
00:18:19,720 --> 00:18:22,250
Sanoin tämä oli dom-0,
ja olen vielä dom-0.

418
00:18:22,250 --> 00:18:26,890
Normaalisti olisimme saada muuttunut johonkin muuhun
URL-osoitteen, kuten register.php tai vastaavaa.

419
00:18:26,890 --> 00:18:29,560
>> Mutta vaikka en hylkää
tämä asia valitsemalla OK,

420
00:18:29,560 --> 00:18:32,310
huomaa, että URL-osoite
pysyy täysin laittaa.

421
00:18:32,310 --> 00:18:35,350
Ja itse asiassa, jos olen hieman
skeptinen, haluan avata Chrome.

422
00:18:35,350 --> 00:18:36,860
Saanen avata Verkko-välilehti.

423
00:18:36,860 --> 00:18:38,360
Ja huomaa sitä tyhjäksi tällä hetkellä.

424
00:18:38,360 --> 00:18:40,700
Anna minun mennä eteenpäin ja lähetä uudelleen Maria.

425
00:18:40,700 --> 00:18:42,810
Ei ole verkkoliikennettä lainkaan.

426
00:18:42,810 --> 00:18:44,320
Joten ei ole HTTP.

427
00:18:44,320 --> 00:18:47,620
>> Joten todellakin, jos katson lähdekoodi
varten this-- haluan sulje tämä ikkuna

428
00:18:47,620 --> 00:18:49,480
ja mene View Source.

429
00:18:49,480 --> 00:18:50,400
Mielenkiintoinen.

430
00:18:50,400 --> 00:18:53,520
Näyttää siltä, ​​että joitakin
uusia tunnisteita, joukossa käsikirjoitus.

431
00:18:53,520 --> 00:18:57,490
Joten katsomaan sisällä CS50
IDE mitä minä lähetetään käyttäjälle.

432
00:18:57,490 --> 00:19:00,690
>> Joten tässä is-- nyt
keskittyä vain HTML.

433
00:19:00,690 --> 00:19:03,500
Tässä alaosa dom-0.html.

434
00:19:03,500 --> 00:19:07,830
Ja huomaa, että se sai otsikko,
pää tag, body, muoto tag.

435
00:19:07,830 --> 00:19:11,257
Mutta mitä hyppää ulos teille
eri, varsinkin jos et ole koskaan

436
00:19:11,257 --> 00:19:12,590
kirjoittanut JavaScript itse.

437
00:19:12,590 --> 00:19:14,920
Saanen selaa hieman
on täällä.

438
00:19:14,920 --> 00:19:18,330
Minulla tulo,
toinen tulo lähetä.

439
00:19:18,330 --> 00:19:21,410
Minulla tunnus, joka on eräänlainen uusi.

440
00:19:21,410 --> 00:19:22,790
Mutta emme näe tätä CSS.

441
00:19:22,790 --> 00:19:24,480
Mitä muuta on ehdottomasti uusi?

442
00:19:24,480 --> 00:19:24,980
Joo?

443
00:19:24,980 --> 00:19:30,580

444
00:19:30,580 --> 00:19:32,140
Kiva.

445
00:19:32,140 --> 00:19:32,760
>> Selvä.

446
00:19:32,760 --> 00:19:35,630
Joten jos se sanoo onsubmit,
huomaa, mitä näyttää seuraavan.

447
00:19:35,630 --> 00:19:38,740
Tämä on ominaisuus
HTML nimikkeistön.

448
00:19:38,740 --> 00:19:40,944
Sen arvo on tämä lainattu merkkijono täällä.

449
00:19:40,944 --> 00:19:42,860
Ja tämä näyttää vähän
outo ensi silmäyksellä.

450
00:19:42,860 --> 00:19:44,050
Se ei ole HTML.

451
00:19:44,050 --> 00:19:45,240
Se ei ole CSS.

452
00:19:45,240 --> 00:19:47,580
Tämä on, kuten arvata saattaa, JavaScript.

453
00:19:47,580 --> 00:19:51,850
Näyttää siis siltä, ​​että tämäkin
Web-sivu on toiminto nimeltään tervehtiä.

454
00:19:51,850 --> 00:19:54,250
Ja olen päätellä, että vain
koska se on sana, tervehtiä.

455
00:19:54,250 --> 00:19:55,880
Se sai avoin paren,
lähellä paren, puolipiste.

456
00:19:55,880 --> 00:19:58,095
Näyttää C funktio,
näyttää PHP funktio.

457
00:19:58,095 --> 00:20:00,370
>> Ja todellakin, se tulee
olla JavaScript-toiminto.

458
00:20:00,370 --> 00:20:01,440
Sitten olen palaamassa vääriä.

459
00:20:01,440 --> 00:20:03,440
Tulemme takaisin
että vain hetken.

460
00:20:03,440 --> 00:20:05,320
Mutta missä on tämä toiminto määritellään?

461
00:20:05,320 --> 00:20:07,950
No haluan selaamalla ylös
alkuun tiedoston.

462
00:20:07,950 --> 00:20:11,710
Ja vaikka se on pitkä linja,
se on suhteellisen yksinkertaista.

463
00:20:11,710 --> 00:20:15,000
Saanen loitontaa täällä ja
keskitytään näihin neljä riviä.

464
00:20:15,000 --> 00:20:17,137
>> Joten JavaScript, vain
kuten PHP, juuri

465
00:20:17,137 --> 00:20:19,720
sanoa, kirjaimellisesti, sana "toiminto"
funktion nimi,

466
00:20:19,720 --> 00:20:22,700
ja sitten sulkeita tahansa
arguments-- mitään perusteluja tässä tapauksessa.

467
00:20:22,700 --> 00:20:25,290
Ja ei ole palautuva
JavaScript, aivan kuten PHP.

468
00:20:25,290 --> 00:20:29,470
Joten se on vähän löysempi kuin C.
Avoin kihara ahdin, lähellä kihara ahdin.

469
00:20:29,470 --> 00:20:33,270
Rakennettu JavaScript on function--
ei suositella function--

470
00:20:33,270 --> 00:20:35,730
mutta toiminto nimeltään hälytys
jonka ainoa tarkoitus elämässä

471
00:20:35,730 --> 00:20:38,620
on vetää ylös, että melko ruma
pyytää, että näimme hetki sitten.

472
00:20:38,620 --> 00:20:40,950
>> Nyt tämä on tavallaan suupala.

473
00:20:40,950 --> 00:20:42,560
Mitä täällä tapahtuu?

474
00:20:42,560 --> 00:20:45,840
Joten alkaa
Korosta kaikki täällä.

475
00:20:45,840 --> 00:20:48,540
Se on sama argumentti varoittaa.

476
00:20:48,540 --> 00:20:49,530
Ja mitä on tekeillä?

477
00:20:49,530 --> 00:20:51,200
Tämä vain näyttää merkkijono.

478
00:20:51,200 --> 00:20:59,180
Ja se kääntyy pois, toisin kuin PHP ja toisin
C, sillä ei ole väliä JavaScript

479
00:20:59,180 --> 00:21:01,090
jos puolilainausmerkkejä tai lainausmerkkeihin.

480
00:21:01,090 --> 00:21:02,060
He ovat yhtä.

481
00:21:02,060 --> 00:21:03,769
Ja rehellisesti, se on vain
suosittu näinä päivinä

482
00:21:03,769 --> 00:21:06,726
JavaScript ohjelmoijat aina
Käytä puolilainausmerkkejä jostain syystä.

483
00:21:06,726 --> 00:21:07,840
Se on vain asia tehdä.

484
00:21:07,840 --> 00:21:09,710
Mutta voisimme käyttää lainausmerkkejä, samoin.

485
00:21:09,710 --> 00:21:11,540
>> Joten plus on uusi hahmo.

486
00:21:11,540 --> 00:21:14,512
Mutta ne teistä, jotka olette tehneet
tätä ennen, mitä plus tarkoittaa?

487
00:21:14,512 --> 00:21:16,440
Joo.

488
00:21:16,440 --> 00:21:17,120
Liität.

489
00:21:17,120 --> 00:21:18,570
Joten näimme tämän PHP.

490
00:21:18,570 --> 00:21:20,315
Siellä on vain piste
operaattori PHP että

491
00:21:20,315 --> 00:21:22,000
tulee ketjuttaa kaksi langat yhteen.

492
00:21:22,000 --> 00:21:24,000
C oli kipua niskassa tehdä tätä.

493
00:21:24,000 --> 00:21:27,310
Recall PSET kuusi, mikä oli
especial kipua niskassa,

494
00:21:27,310 --> 00:21:29,470
sinun pitäisi käyttää
jotain strcat

495
00:21:29,470 --> 00:21:31,660
jälkeen jaettaessa muisti
pinoon tai kasaan.

496
00:21:31,660 --> 00:21:34,243
Sinun piti hypätä kautta vanteet
vain liität kaksi merkkijonoa.

497
00:21:34,243 --> 00:21:36,040
JavaScript, se on erittäin yksinkertainen.

498
00:21:36,040 --> 00:21:38,030
Käytä vain plus operaattorin välillä.

499
00:21:38,030 --> 00:21:41,420
>> Niin monimutkainen näköinen
asia näyttää olevan tämän

500
00:21:41,420 --> 00:21:43,490
koska lopussa
tämä koko jono, en vain

501
00:21:43,490 --> 00:21:45,797
liität on huutomerkki.

502
00:21:45,797 --> 00:21:48,380
Joten jos mitä popping oli
"Hei, David", "Hei, Hannah,"

503
00:21:48,380 --> 00:21:52,740
"Hei, Maria," ja niin edelleen, selvästi
että keski asia kahden

504
00:21:52,740 --> 00:21:55,215
plussia on antaa minulle pääsyn mitä?

505
00:21:55,215 --> 00:21:58,855

506
00:21:58,855 --> 00:22:01,991
Mitä siellä on varmasti?

507
00:22:01,991 --> 00:22:02,490
Joo.

508
00:22:02,490 --> 00:22:05,090
Niin minä olevinaan täällä
vastata heidän nimensä, eikö?

509
00:22:05,090 --> 00:22:10,380
Joten heidän nimensä piipahti lopullisessa
tulos. Mitä tämä tarkoittaa?

510
00:22:10,380 --> 00:22:15,080
No, ehdotin aiemmin, että
kuva että ns DOM

511
00:22:15,080 --> 00:22:18,580
on tämä erityinen juurielementti
tapa ylös kutsutaan asiakirja.

512
00:22:18,580 --> 00:22:21,660
Ja nyt, se kääntyy pois, että menee
on erityinen globaali muuttuja

513
00:22:21,660 --> 00:22:25,250
JavaScript, rakennettu joka on
koko joukko hyödyllisiä toimintoja.

514
00:22:25,250 --> 00:22:31,770
Niistä hyödyllisiä toimintoja on
kyky saada milloin tahansa jälkeläinen solmu.

515
00:22:31,770 --> 00:22:37,760
Ne neliön tai suorakaiteen tai ellipsejä
ovat vain solmuja puu, niin sanoakseni.

516
00:22:37,760 --> 00:22:41,850
>> Joten käy ilmi, että rakennettu
JavaScript asiakirja esine

517
00:22:41,850 --> 00:22:47,300
on funktio, joka tunnetaan myös
menetelmä, joka kutsutaan getElementById.

518
00:22:47,300 --> 00:22:50,410
Syntaksi soitosta
toiminto JavaScript

519
00:22:50,410 --> 00:22:55,220
että on sisällä esine tai
muuttuja on pelkästään piste merkintä.

520
00:22:55,220 --> 00:22:57,950
Ja näimme tämän C
mitä struct syntaksi.

521
00:22:57,950 --> 00:23:03,530
Näet tämän PSET seitsemän, eräänlainen,
tavallaan, kun näkee CS50 :: kyselyn.

522
00:23:03,530 --> 00:23:08,070
Paksusuoli paksusuolen PHP on toinen
tapa kutsuvan toiminto, joka on

523
00:23:08,070 --> 00:23:09,260
sisällä jonkun esineen.

524
00:23:09,260 --> 00:23:11,960
>> Mutta nyt JavaScript,
se on vain piste.

525
00:23:11,960 --> 00:23:14,170
Ja niin tämä toiminto,
kauniisti tarpeeksi, millaisia

526
00:23:14,170 --> 00:23:16,810
sanoo mitä se does-- saada elementti tunnus.

527
00:23:16,810 --> 00:23:20,280
Elementti on vain toinen nimi
varten tagi tai solmun DOM.

528
00:23:20,280 --> 00:23:26,900
Ja niin saat elementin ID "nimi"
tarkoittaa this-- tässä on minun HTML.

529
00:23:26,900 --> 00:23:31,910
Ja perustuu tämän HTML, mitä
solmu tai mitä HTML-koodi olenko

530
00:23:31,910 --> 00:23:35,097
menossa ohjelmallisesti luovutetaan
soittamalla document.getElementById?

531
00:23:35,097 --> 00:23:37,650

532
00:23:37,650 --> 00:23:38,500
>> Joo, täsmälleen.

533
00:23:38,500 --> 00:23:42,670
Aion saada tulo
elementti siellä jonka ID on "nimi."

534
00:23:42,670 --> 00:23:45,140
Niin sanottuna voit
ajatella tätä toimintoa,

535
00:23:45,140 --> 00:23:49,560
getElementById, koska tapa antaa
takaisin osoitin kyseisen solmun

536
00:23:49,560 --> 00:23:50,060
puussa.

537
00:23:50,060 --> 00:23:51,980
Emme ole vielä tehneet tätä
puu, mutta se on tapa

538
00:23:51,980 --> 00:23:54,900
saada pääsyn että
suorakulmion tai että suorakulmion

539
00:23:54,900 --> 00:23:58,090
yksilöimällä se kautta sen tunnus.

540
00:23:58,090 --> 00:23:59,760
>> Nyt, miksi tämä hyödyllinen?

541
00:23:59,760 --> 00:24:01,510
No, se kääntyy pois
että kun olet päässyt

542
00:24:01,510 --> 00:24:07,220
että solmu, että Suorakulmion
kuva, että solmu sen sisällä,

543
00:24:07,220 --> 00:24:10,660
puolestaan ​​on koko joukko
properties-- avainarvopareja

544
00:24:10,660 --> 00:24:13,480
tai tiedot, joista yksi on nimeltään arvo.

545
00:24:13,480 --> 00:24:16,500
Niin kirjaimellisesti, se on eräänlainen
suupala selittää koko juttu.

546
00:24:16,500 --> 00:24:19,370
Mutta lopussa päivä,
kaikki tämä tekee on antaa sinulle

547
00:24:19,370 --> 00:24:23,070
merkkijono, joka käyttäjän kirjoitetaan
tässä hierarkkinen tavalla.

548
00:24:23,070 --> 00:24:24,820
Mutta en pidä
pari näistä asioista.

549
00:24:24,820 --> 00:24:27,590
Tai pikemminkin, on joitakin uteliaisuus edelleen.

550
00:24:27,590 --> 00:24:28,870
Kaikki tämä tuntui toimivan.

551
00:24:28,870 --> 00:24:33,420
Miksi luulet palasin
väärä jälkeen soittaa tervehtiä?

552
00:24:33,420 --> 00:24:35,910
Tämä näyttää hieman ruma, että
Minulla on kaksi lausumaa siellä

553
00:24:35,910 --> 00:24:38,730
erotettu toisistaan ​​puolipisteellä.

554
00:24:38,730 --> 00:24:39,310
Arvaa.

555
00:24:39,310 --> 00:24:44,390
Jos Poistin return false, mitä
voi tapahtua vain vaistomaisesti?

556
00:24:44,390 --> 00:24:46,990

557
00:24:46,990 --> 00:24:49,460
Anteeksi, sano uudelleen?

558
00:24:49,460 --> 00:24:50,530
>> Avaa nippu Windows.

559
00:24:50,530 --> 00:24:52,780
Joten mahdollisesti ehkä jotain
sellaista tapahtuisi.

560
00:24:52,780 --> 00:24:54,422
Mitä muuta?

561
00:24:54,422 --> 00:24:55,630
Voi esittää pyynnön missä?

562
00:24:55,630 --> 00:24:59,109

563
00:24:59,109 --> 00:25:00,510
Samalle sivulle.

564
00:25:00,510 --> 00:25:03,110
Joten itse asiassa, se siitä
lähemmäksi vastata täällä,

565
00:25:03,110 --> 00:25:05,890
vaikka, toisin kuin
aikaisemmin, en ole

566
00:25:05,890 --> 00:25:09,300
määritelty toiminta ominaisuus,
joka yleensä meidän on tehtävä.

567
00:25:09,300 --> 00:25:11,780
Osoittautuu siellä oletuksena.
Jos et määritä toimintaa,

568
00:25:11,780 --> 00:25:15,370
se on kuin sanoisi lainaus, lainaus
tai tiedoston nimi itse,

569
00:25:15,370 --> 00:25:17,850
joka tässä tapauksessa olisi
luvassa dom-0.html.

570
00:25:17,850 --> 00:25:20,420
Se on juuri sellainen päätellä,
tai pikemminkin hiljaista.

571
00:25:20,420 --> 00:25:22,420
>> Joten jos en tee tätä, nyt huomaa.

572
00:25:22,420 --> 00:25:23,230
Sallikaa minun tallentaa.

573
00:25:23,230 --> 00:25:25,270
Ja Poistin return false.

574
00:25:25,270 --> 00:25:27,759
Anna minun mennä takaisin tähän
Esimerkiksi ja voima lataa se.

575
00:25:27,759 --> 00:25:30,800
Ja ehkä nähnyt minua ehdottaa
tämä CS50 Keskustele joukko kertaa.

576
00:25:30,800 --> 00:25:34,560
Jos jotain koskaan toimii outoja ja
Selaimen ei käyttäydy kuin odottaa,

577
00:25:34,560 --> 00:25:37,410
Usein sinun kannattaa pitää
Shift ja valitse sitten Päivitä.

578
00:25:37,410 --> 00:25:41,480
Tämä pakottaa jokaisen tiedoston ladata
ja käytä selaimen paikallista välimuistia

579
00:25:41,480 --> 00:25:47,032
tai kopio niin, että nyt, anna minun mennä eteenpäin ja
avata minun tarkastaja, Verkko-välilehteä.

580
00:25:47,032 --> 00:25:48,740
Aion napsauta
Säilytä Log koska olen

581
00:25:48,740 --> 00:25:51,660
eivät halua sitä poistaa rivejä
kun saan pyyhkäistiin pois muualla.

582
00:25:51,660 --> 00:25:54,650
>> Anna minun mennä eteenpäin tässä ja
kirjoita Andi, valitse Lähetä.

583
00:25:54,650 --> 00:25:55,150
Selvä.

584
00:25:55,150 --> 00:25:56,480
Tämä vaikuttaa odotetusti.

585
00:25:56,480 --> 00:25:57,440
Se sanoo "hei, Andi."

586
00:25:57,440 --> 00:25:59,420
Saanen OK.

587
00:25:59,420 --> 00:26:00,610
Mielenkiintoinen.

588
00:26:00,610 --> 00:26:05,100
Huomaa, että sivua on muutettu,
vaikkakin alkuperäisen sivun.

589
00:26:05,100 --> 00:26:06,770
Huomaa URL sellaista muuttuneen.

590
00:26:06,770 --> 00:26:09,430
Se lisäsi kysymysmerkki,
joka on yleensä indikaattori

591
00:26:09,430 --> 00:26:11,260
että yritimme esittää jotain.

592
00:26:11,260 --> 00:26:13,570
Ja sitten alareunassa,
vielä selvemmin,

593
00:26:13,570 --> 00:26:17,570
tässä todellinen HTTP-pyyntö,
joka sai vastauksen 200 että

594
00:26:17,570 --> 00:26:18,490
toi minut tänne.

595
00:26:18,490 --> 00:26:20,250
>> Joten tämä ei ole mitä
me haluamme tehdä, eikö?

596
00:26:20,250 --> 00:26:22,166
Koska en halua
lataa koko sivun.

597
00:26:22,166 --> 00:26:24,970
Olen sen sijaan halusi palata
vääriä jotta oikosulku

598
00:26:24,970 --> 00:26:28,840
selaimen oletustoimintaa, joka
oli tietenkin esittämään sivulle.

599
00:26:28,840 --> 00:26:31,700
>> Joten katsomaan
marginaalisesti parempi esimerkki.

600
00:26:31,700 --> 00:26:33,920
Tämä on dom versio yksi.

601
00:26:33,920 --> 00:26:36,680
Ja huomaa seuraavat.

602
00:26:36,680 --> 00:26:39,150
Se on OK, jos et grok
kaikki riviä koodia.

603
00:26:39,150 --> 00:26:41,750
Mutta mikä on täysin erilainen
tästä täytäntöönpanosta?

604
00:26:41,750 --> 00:26:44,690
Minä määrätä se käyttäytyy
sama, ei sama asia.

605
00:26:44,690 --> 00:26:49,320

606
00:26:49,320 --> 00:26:51,570
Mitä olen tietenkin tehdä toisin?

607
00:26:51,570 --> 00:26:52,266
Joo?

608
00:26:52,266 --> 00:26:53,182
>> Yleisö: [äänetön].

609
00:26:53,182 --> 00:27:03,421

610
00:27:03,421 --> 00:27:04,170
DAVID MALAN: Joo.

611
00:27:04,170 --> 00:27:08,620
Joten toiminto on määritelty differently--
Toisin sanoen, poissa muodossa,

612
00:27:08,620 --> 00:27:13,180
siellä verkossa 7-- tai
pikemminkin, linja 8-- enää

613
00:27:13,180 --> 00:27:15,070
minulla on onsubmit määrite.

614
00:27:15,070 --> 00:27:16,750
Edellisessä esimerkissä, minulla oli tämä.

615
00:27:16,750 --> 00:27:18,530
Ja sitten kirjaimellisesti kirjoitin koodin tähän.

616
00:27:18,530 --> 00:27:20,210
Ja sitten minä sanoin return false.

617
00:27:20,210 --> 00:27:22,180
Ja jos se ei hankaa
olet väärällä tavalla vielä,

618
00:27:22,180 --> 00:27:26,140
se pitäisi alkaa sikäli
kuten, kuten HTML,

619
00:27:26,140 --> 00:27:29,530
kun aloimme tehdä yhteistyötä seurustella se
CSS tyyli attribuutteja,

620
00:27:29,530 --> 00:27:32,890
se vain alkoi saada vähän
sotkuinen tai tuntuu hieman väärä.

621
00:27:32,890 --> 00:27:35,020
>> Samoin täällä, jos
aloitat HTML,

622
00:27:35,020 --> 00:27:37,419
ja sitten automaattisesti
plop JavaScript-koodia

623
00:27:37,419 --> 00:27:40,460
keskellä noteerattu merkkijono, se on
ei tule olemaan hyvin ylläpidettävissä.

624
00:27:40,460 --> 00:27:40,630
Oikea?

625
00:27:40,630 --> 00:27:43,690
Se ei ole edes selvää aluksi
paikka, jossa JavaScript-koodia on.

626
00:27:43,690 --> 00:27:46,590
Joten se olisi todella mukavaa kuin
periaate paremman suunnittelun,

627
00:27:46,590 --> 00:27:50,500
Pitäkäämme HTML täysin
erillään JavaScript.

628
00:27:50,500 --> 00:27:53,150
>> Niin tehdä niin, mitä olemme
tehty tässä following--

629
00:27:53,150 --> 00:27:56,790
me yksinkertaisesti käyttää HTML markup vain.

630
00:27:56,790 --> 00:28:00,730
Ja niin versiossa yksi tämän, kaikki
Minulla on lomake yksilöllinen tunnus.

631
00:28:00,730 --> 00:28:04,630
Ja sitten täällä, olen hyödyntämällä
erityinen piirre JavaScript

632
00:28:04,630 --> 00:28:08,480
jolloin voin olla mitä
nimeltään anonyymi toiminto.

633
00:28:08,480 --> 00:28:14,150
Joten käy ilmi, että jos soitan
document.getElementById on "demo"

634
00:28:14,150 --> 00:28:18,890
se on kuin antaa minulle osoitin
tämä solmu minun puu, muoto elementti,

635
00:28:18,890 --> 00:28:20,100
niin sanoakseni.

636
00:28:20,100 --> 00:28:22,220
>> Nyt, minä vain tiedän
tietäen hieman HTML

637
00:28:22,220 --> 00:28:26,330
nyt meillä oli lukenut joitakin online
viittaus, että lomake elementti tukee

638
00:28:26,330 --> 00:28:29,950
koko joukko tapahtuma listeners-- vuonna
Toisin sanoen, pitkä lista tapahtuma

639
00:28:29,950 --> 00:28:31,700
kuuntelijat että näimme hetki sitten.

640
00:28:31,700 --> 00:28:35,950
Tiedän lukemalla asiakirjat
että onsubmit on voimassa tapahtuma

641
00:28:35,950 --> 00:28:38,520
kuuntelija osan.

642
00:28:38,520 --> 00:28:41,480
>> Joten kun tiedän että,
se on turvallista minun tehdä

643
00:28:41,480 --> 00:28:45,390
following-- saada että solmu
puusta, muoto elementti,

644
00:28:45,390 --> 00:28:48,070
ja käyttää sen ns
onsubmit omaisuutta.

645
00:28:48,070 --> 00:28:49,880
Joten piste tarkoittaa vain sitä,
tämä on ominaisuus,

646
00:28:49,880 --> 00:28:52,180
kuten erityinen arvo sen sisälle.

647
00:28:52,180 --> 00:28:55,590
Ja mitä tietoja tyyppi olen
osoitetaan, ilmeisesti,

648
00:28:55,590 --> 00:28:58,900
ja onsubmit, joka on
tehokkaasti muuttuja sisällä

649
00:28:58,900 --> 00:29:01,010
kyseisen solmun puussa?

650
00:29:01,010 --> 00:29:04,100
Se on alan sisällä että struct.

651
00:29:04,100 --> 00:29:05,810
Mikä tietotyyppi?

652
00:29:05,810 --> 00:29:07,030
>> Toiminto, joo.

653
00:29:07,030 --> 00:29:08,607
Joten käy ilmi, että PHP on tämä.

654
00:29:08,607 --> 00:29:10,440
Ja vaikka me
ei kertonut teille siitä,

655
00:29:10,440 --> 00:29:16,240
C on myös funktio-osoittimia,
kyky siirtää ja siirtää toiminnot

656
00:29:16,240 --> 00:29:18,330
muuttujina arvot itse.

657
00:29:18,330 --> 00:29:20,280
Ja emme aio
taantua takaisin C.

658
00:29:20,280 --> 00:29:23,250
Mutta nyt, käy ilmi, että
oikealla puolella täällä,

659
00:29:23,250 --> 00:29:26,260
vaikka se näyttää vähän
funky, tämä tarkoittaa, hei selain,

660
00:29:26,260 --> 00:29:27,550
anna minulle toiminto.

661
00:29:27,550 --> 00:29:30,560
En aio edes vaivaudu antamaan
se nimi, koska olen kirjaimellisesti

662
00:29:30,560 --> 00:29:34,450
aio luovuttaa kutsukaamme sitä
osoite tämän toiminnon

663
00:29:34,450 --> 00:29:35,994
välittömästi onsubmit.

664
00:29:35,994 --> 00:29:39,160
Toisin sanoen, selain, et tarvitse
tietää, mitä tämä toiminto kutsutaan.

665
00:29:39,160 --> 00:29:41,890
Sinun tarvitsee vain tietää
missä se on muistissa.

666
00:29:41,890 --> 00:29:44,210
Ja niin se riittää vain
on yhtäläisyysmerkki siellä

667
00:29:44,210 --> 00:29:48,240
eikä vaivata nimeäminen tähän, kuten
foo tai tervehtiä tai muuta sanaa.

668
00:29:48,240 --> 00:29:50,150
Ja nyt tämä on vain tyylillinen asia.

669
00:29:50,150 --> 00:29:53,100
Voisin siirtää tätä kihara ahdin
päälle the-- sorry-- seuraavalle riville

670
00:29:53,100 --> 00:29:54,750
kuten me yleensä tehdä CS50.

671
00:29:54,750 --> 00:29:57,550
Mutta JavaScript, se on
todella tyylillisesti yhteinen

672
00:29:57,550 --> 00:30:00,450
vain pitää kihara ahdin,
Ensimmäinen, on että ensimmäisellä rivillä.

673
00:30:00,450 --> 00:30:02,620
>> Mutta tämän jälkeen, on olemassa
ei mitään kiinnostavaa.

674
00:30:02,620 --> 00:30:05,830
Että avoin kihara ahdin vain
rajataan alussa tehtäväni.

675
00:30:05,830 --> 00:30:09,320
Toiminto on nyt
identtinen, paitsi olen

676
00:30:09,320 --> 00:30:11,452
sisältyy return false
sisällä tätä toimintoa.

677
00:30:11,452 --> 00:30:13,160
Koska se kääntyy out--
ja olisit vain

678
00:30:13,160 --> 00:30:14,980
tietävät tämän lukemasta
documentation--

679
00:30:14,980 --> 00:30:19,740
että jos toiminto, annat
jotta onsubmit ohjaaja palaa vääriä,

680
00:30:19,740 --> 00:30:23,420
selain vain tietää ja on samaa mieltä
ei lähettää lomakkeen palvelimelle.

681
00:30:23,420 --> 00:30:27,210
Jos se palauttaa true, se toimittaa
sen palvelimelle syistä näemme

682
00:30:27,210 --> 00:30:28,700
ovat hyödyllisiä vain hetken.

683
00:30:28,700 --> 00:30:31,000
>> Ja sitten puolipiste jälkeen
kihara ahdin siellä vain

684
00:30:31,000 --> 00:30:32,541
tarkoittaa olen tehnyt määritellään toiminto.

685
00:30:32,541 --> 00:30:36,600
Tiedätkö mitä soittaa heti
kuulet jättämisestä.

686
00:30:36,600 --> 00:30:37,100
Selvä.

687
00:30:37,100 --> 00:30:40,650
Tämä on edelleen kiistatta sellainen ruma.

688
00:30:40,650 --> 00:30:42,190
Mitä enemmän voimme tehdä?

689
00:30:42,190 --> 00:30:45,000
>> No, se kääntyy pois sitten
versio kaksi, joka on last--

690
00:30:45,000 --> 00:30:46,780
ja me vain vilkaista tätä.

691
00:30:46,780 --> 00:30:49,850
Silläkin uhalla tehdä
se rumempi, se kääntyy pois

692
00:30:49,850 --> 00:30:52,160
että siellä on kirjasto
Maailmassa nimeltään jQuery.

693
00:30:52,160 --> 00:30:54,900
Ja jQuery on erittäin
suosittu JavaScript kirjasto

694
00:30:54,900 --> 00:30:57,930
se on niin suosittu, että useimmat
kaikki JavaScript-- se ei ole

695
00:30:57,930 --> 00:31:00,540
harvinaista, että ihmiset sekoittavat
jQuery JavaScript.

696
00:31:00,540 --> 00:31:01,070
Miksi?

697
00:31:01,070 --> 00:31:04,990
JavaScript itsessään on hyvin
verbose tapoja tehdä things--

698
00:31:04,990 --> 00:31:07,820
document.getElementById, dadadadadada.

699
00:31:07,820 --> 00:31:10,510
Voit päätyä ottaa hyvin
pitkä riviä koodia.

700
00:31:10,510 --> 00:31:15,550
>> Joten mies nimeltä John Resid,
joka todella toimii käynnistyksen

701
00:31:15,550 --> 00:31:18,630
näinä päivinä, tuli ulos
Tämän kirjasto vuotta

702
00:31:18,630 --> 00:31:22,070
sitten, että monet ihmiset ovat vaikuttaneet
soitettaessa jQuery joka muuttaa

703
00:31:22,070 --> 00:31:23,449
syntaksi seuraavalla tavalla.

704
00:31:23,449 --> 00:31:25,740
Ja juuri niin olet nähnyt tämän,
koska sinulla poikkeuksetta

705
00:31:25,740 --> 00:31:28,140
katso tämä jos tekee
Web-pohjainen opinnäytetyö,

706
00:31:28,140 --> 00:31:33,270
tämä olisi vastaava tapa
täytäntöönpanosta että sama tehtävä käyttäen

707
00:31:33,270 --> 00:31:34,630
tätä erityistä kirjasto.

708
00:31:34,630 --> 00:31:36,680
>> Nyt sen sijaan, että kammata
sen lisäksi kokonaisuudessaan,

709
00:31:36,680 --> 00:31:38,520
Haluan vain tarkastella joitakin malleja.

710
00:31:38,520 --> 00:31:44,850
Tämä syntaksi näyttää olevan
kuinka moni nimetön toimintoja

711
00:31:44,850 --> 00:31:49,584
tai nimetön toiminnot
tai AKA lambda toimintoja?

712
00:31:49,584 --> 00:31:50,190
Kaksi, eikö?

713
00:31:50,190 --> 00:31:52,690
Ja te tiedätte, että vaikka
et ole super mukava tämän,

714
00:31:52,690 --> 00:31:55,780
vain se, että se
sanoo toiminto () kahdesti.

715
00:31:55,780 --> 00:31:58,172
>> Ja käy ilmi, että
mitä tämä koodi on doing--

716
00:31:58,172 --> 00:32:01,255
ja me viittaavat verkossa viittauksia,
lopulta, joillekin apua tähän.

717
00:32:01,255 --> 00:32:04,480
Tämä tarkoittaa vain sitä, että kun
asiakirja on valmis,

718
00:32:04,480 --> 00:32:07,490
mennä eteenpäin ja rekisteröidä
seuraava toiminto

719
00:32:07,490 --> 00:32:12,064
kuten esittää käsittelijä HTML
elementti, jonka ainutlaatuinen idea on demo.

720
00:32:12,064 --> 00:32:14,480
Ja sitten, kun se tapahtuu,
kutsuvat näitä kahta riviä koodia.

721
00:32:14,480 --> 00:32:18,677
Ja tämä on, traagisesti, enemmän
verbose tapa sanoa return false.

722
00:32:18,677 --> 00:32:21,510
Ja me mainitsi tämän juuri siksi,
näet koodin näin verkossa.

723
00:32:21,510 --> 00:32:23,140
Ja se on mitään lannista.

724
00:32:23,140 --> 00:32:26,057
Vaan pitää mielessä, että mitä
olemaan yhteinen JavaScript

725
00:32:26,057 --> 00:32:26,765
on tämä paradigma.

726
00:32:26,765 --> 00:32:29,510
Ja niin siksi osoitamme sitä nyt.

727
00:32:29,510 --> 00:32:30,010
Selvä.

728
00:32:30,010 --> 00:32:32,730
Joten ilman asunnon liian
paljon että syntaksin,

729
00:32:32,730 --> 00:32:37,800
on olemassa mitään kysymyksiä
Näissä esimerkeissä tai ideoita tähän mennessä?

730
00:32:37,800 --> 00:32:38,300
Selvä.

731
00:32:38,300 --> 00:32:40,220
Joten käyttää jotain hyödyllistä.

732
00:32:40,220 --> 00:32:47,070
Making Web-sivu, vain sanoo hei,
niin ja niin ei ole kovin kiinnostava,

733
00:32:47,070 --> 00:32:47,830
ei ei tehdä mitään vaikutusta jhk.

734
00:32:47,830 --> 00:32:51,038
Tämä ei tule olemaan kaunis,
mutta se aikoo tehdä jotain hyödyllistä.

735
00:32:51,038 --> 00:32:56,350
Anna minun mennä takaisin minun hakemistoon
täällä ja avata, sanovat, muoto-0.html.

736
00:32:56,350 --> 00:32:59,320
>> Joten kai tämä on fuksi
sisäiset urheilu rekisteröinti sivu

737
00:32:59,320 --> 00:33:01,780
ilman CSS tai mitään järkeä suunnittelu.

738
00:33:01,780 --> 00:33:05,404
Ja haluan mennä eteenpäin ja
rekisteröidy täällä salasanalla.

739
00:33:05,404 --> 00:33:08,320
Ja aion hyväksyt ehdot
ja ehdot ja valitse Register.

740
00:33:08,320 --> 00:33:11,700
Ja nyt verkkosivuilla sanoo, "Olet
rekisteröity! (No, ei oikeastaan.) "

741
00:33:11,700 --> 00:33:15,070
Että tuntuu kuin se toimi, mutta
anna minun mennä eteenpäin ja pakottaa reload.

742
00:33:15,070 --> 00:33:18,720
>> Ja haluan sanoa, ei, et
Tarvitsen todellinen sähköpostiosoite.

743
00:33:18,720 --> 00:33:21,820
Tai ehkä me vain sanoa postia siellä.

744
00:33:21,820 --> 00:33:25,080
Salasana on, kuten, 12345.

745
00:33:25,080 --> 00:33:28,810
Ja sitten, vain koska olen
idiootti, nyt se on 123.456.789.

746
00:33:28,810 --> 00:33:31,150
Ja en aio tarkistaa ruutuun.

747
00:33:31,150 --> 00:33:31,850
>> Hmm.

748
00:33:31,850 --> 00:33:32,350
Selvä.

749
00:33:32,350 --> 00:33:34,920
Joten ei useita tilaisuuksia
parantamisen täällä.

750
00:33:34,920 --> 00:33:39,070
Ja te tiedätte, tai näkevät PSET
seitsemän, että voit kirjoittaa code--

751
00:33:39,070 --> 00:33:41,890
ja sinun täytyy kirjoittaa
koodi PHP-- puolustaa

752
00:33:41,890 --> 00:33:45,780
vastaan ​​tällaisia ​​käyttäjä
virheitä, koska käyttäjä selvästi

753
00:33:45,780 --> 00:33:46,790
ei toiminut yhteistyössä.

754
00:33:46,790 --> 00:33:49,680
Ja hän ei ole antanut sinulle kaikki
arvot halusitte tai jopa muodossa

755
00:33:49,680 --> 00:33:50,630
että haluatte niitä.

756
00:33:50,630 --> 00:33:53,250
Joten voit nähdä PSET seitsemän että
voisimme varmasti joitakin

757
00:33:53,250 --> 00:33:55,680
jos olosuhteet, jotka sanovat
jos sähköpostiosoite

758
00:33:55,680 --> 00:33:59,450
ei ole username@something.edu,
voisimme vain

759
00:33:59,450 --> 00:34:02,575
anteeksi ja anteeksi käyttäjälle
paljon, kuten saatat olla PSET seitsemän.

760
00:34:02,575 --> 00:34:05,700
Tai jos he eivät ole tarkastaneet, että laatikko,
osoittautuu PHP, voit havaita että,

761
00:34:05,700 --> 00:34:06,200
liian.

762
00:34:06,200 --> 00:34:09,389
Ja varmasti jos salasanat
eivät täsmää kuin register.php

763
00:34:09,389 --> 00:34:11,521
varten PSET seitsemän, voit havaita, että.

764
00:34:11,521 --> 00:34:13,770
Mutta se kipu
kaula, että nyt ne pyytävät

765
00:34:13,770 --> 00:34:15,510
meidän mennä koko matkan palvelimelle.

766
00:34:15,510 --> 00:34:17,053
Käyttäjä saa tiedon virheestä.

767
00:34:17,053 --> 00:34:19,219
Ja ainakin jos käytät
jotkut harrastaja tekniikoita,

768
00:34:19,219 --> 00:34:20,929
nyt ne täytyy klikkaa takaisin nuolta.

769
00:34:20,929 --> 00:34:23,300
Eikö olisi mukavaa, kuten
paljon sivustoja tänään,

770
00:34:23,300 --> 00:34:26,190
jos sinulla on ollut enemmän välitöntä
palautetta, heti?

771
00:34:26,190 --> 00:34:31,389
>> Toisin sanoen, anna minun mennä versio
yksi, joka tulee olemaan ei kauniimpi.

772
00:34:31,389 --> 00:34:33,469
Mutta se ei ole tätä ominaisuutta.

773
00:34:33,469 --> 00:34:39,590
Malan, 12345, 123456789, ei
menossa valintaruutu, rekisteriin.

774
00:34:39,590 --> 00:34:41,330
Salasanat eivät täsmää.

775
00:34:41,330 --> 00:34:44,459
Joten vaikka tämä pop-up on ugly--
voimme korvata tämän lopulta

776
00:34:44,459 --> 00:34:47,000
kanssa jotain Bootstrap,
joka sinun nähdä PSET seitsemän

777
00:34:47,000 --> 00:34:50,239
on erittäin suosittu library-- tein
havaita, että salasanat eivät täsmää.

778
00:34:50,239 --> 00:34:50,739
Selvä.

779
00:34:50,739 --> 00:34:52,530
No, minäpä korjata, että käyttäjä.

780
00:34:52,530 --> 00:34:55,460
Anna minun mennä eteenpäin ja sanoa 12345, 12345.

781
00:34:55,460 --> 00:34:57,780
Vielä ole tarkkailun sopimusta.

782
00:34:57,780 --> 00:35:00,210
Sinun on hyväksyttävä
käyttöehdot.

783
00:35:00,210 --> 00:35:01,760
Miksi siis?

784
00:35:01,760 --> 00:35:04,100
>> Jos olemme jo posited
että olemassa tapa,

785
00:35:04,100 --> 00:35:07,260
ja olemme tarvitaan sinua
PSET seitsemän havaita virhe

786
00:35:07,260 --> 00:35:09,780
olosuhteet kuten tämä
server-side, miksi minun pitäisi

787
00:35:09,780 --> 00:35:13,940
vaivautua myös Näin JavaScript?

788
00:35:13,940 --> 00:35:15,850
Mitä argumentti
kannattaa lisätä mitä

789
00:35:15,850 --> 00:35:18,760
olet tulleet niin some--
siellä on lisää ongelmia.

790
00:35:18,760 --> 00:35:23,610

791
00:35:23,610 --> 00:35:25,930
>> Ehkä ei ole ylösalaisin.

792
00:35:25,930 --> 00:35:26,924
Mikä se voisi olla?

793
00:35:26,924 --> 00:35:27,840
Yleisö: [äänetön].

794
00:35:27,840 --> 00:35:31,132

795
00:35:31,132 --> 00:35:32,340
DAVID MALAN: Oh, mielenkiintoinen.

796
00:35:32,340 --> 00:35:33,530
Mahdolliset hyödyntää.

797
00:35:33,530 --> 00:35:37,540
Niin varma, jos et käsittely
virheellinen käyttäjä syöttää että suuri,

798
00:35:37,540 --> 00:35:40,170
ehkä se on aina parempi, jos se
ei edes pääse palvelimelle.

799
00:35:40,170 --> 00:35:42,160
Haluan työntää takaisin sinne ja
sanoa, sinun pitäisi luultavasti

800
00:35:42,160 --> 00:35:43,284
korjata molemmat näistä ongelmista.

801
00:35:43,284 --> 00:35:44,140
Mutta se on reilua.

802
00:35:44,140 --> 00:35:44,710
Mitä muuta?

803
00:35:44,710 --> 00:35:45,626
>> Yleisö: [äänetön].

804
00:35:45,626 --> 00:35:47,970

805
00:35:47,970 --> 00:35:49,014
>> DAVID MALAN: Joo.

806
00:35:49,014 --> 00:35:51,680
Tämä koodi, kuten sanoimme aiemmin, on
tulkittava client-side.

807
00:35:51,680 --> 00:35:53,846
Se ei häiritse palvelin,
mikä tarkoittaa, että se ei ole

808
00:35:53,846 --> 00:35:55,930
vaikuttaa palvelimen kuorman tai kapasiteettia.

809
00:35:55,930 --> 00:35:59,840
Ja nyt, pieni vanha minulle,
tämä ei ole mielekäs vaikutusta

810
00:35:59,840 --> 00:36:01,970
koska minulla on yksi käyttäjä juuri nyt.

811
00:36:01,970 --> 00:36:04,010
>> Mutta jos olet mitään
verkkosivuilla kunnon kokoinen,

812
00:36:04,010 --> 00:36:07,400
erityisesti suurin, kuten Facebook,
enemmän voit pitää ihmiset pois

813
00:36:07,400 --> 00:36:09,927
palvelimen paremmin
koska palvelin, tietenkin,

814
00:36:09,927 --> 00:36:12,510
on vain rajallinen määrä muistia,
rajallinen määrä gigahertsin,

815
00:36:12,510 --> 00:36:16,340
rajallinen määrä asioita
se voi tehdä aikayksikköä kohti.

816
00:36:16,340 --> 00:36:19,170
Joten jos on enemmän ihmisiä
maailma lyömällä palvelimelle,

817
00:36:19,170 --> 00:36:21,750
vahingossa kirjautumisen
väärin, yhtä hyvin, jos

818
00:36:21,750 --> 00:36:23,254
voi pitää, että kuormitusta palvelimelle.

819
00:36:23,254 --> 00:36:25,420
Plus, erityisesti mobiili
device-- Jos olet koskaan

820
00:36:25,420 --> 00:36:29,190
kirjautua my.harvard tai
Yalen netid tai vastaavan,

821
00:36:29,190 --> 00:36:32,330
on tämä latenssi paljon
sivustot kuten että jolloin se kestää,

822
00:36:32,330 --> 00:36:34,110
kuten, hemmetin toinen tai kaksi joskus.

823
00:36:34,110 --> 00:36:37,979
Ja sitten, minun Jumalani, jos mistype,
sinun täytyy iskeä takaisin ja tehdä uudelleen se.

824
00:36:37,979 --> 00:36:40,520
Joten siellä on latenssi, erityisesti
hitaammilla verkkoyhteyksiä.

825
00:36:40,520 --> 00:36:43,030
Mutta JavaScript, koska
se toimii asiakkaan

826
00:36:43,030 --> 00:36:46,720
ja ei tarvitse mennä edestakaisin
yli mahdollisesti hidas internet

827
00:36:46,720 --> 00:36:49,780
yhteys, voit saada
lähes hetkellinen palautetta.

828
00:36:49,780 --> 00:36:50,760
>> Joten katso tätä.

829
00:36:50,760 --> 00:36:54,280
Saanen avata muotoon 0 ja
tarkastella HTML täällä.

830
00:36:54,280 --> 00:36:56,040
Ja haluan vain nähdä, mitä tapahtuu.

831
00:36:56,040 --> 00:36:59,460
Tämä on lomake, jonka
toiminta on register.php.

832
00:36:59,460 --> 00:37:01,530
Olen vain käyttämällä saada niin
että voisin nähdä URL.

833
00:37:01,530 --> 00:37:05,030
Mutta salasanoja, olisimme varmasti haluamme
muuttaa tätä lähettää todellisuudessa.

834
00:37:05,030 --> 00:37:06,910
Tässä syöttökentässä kirjoittaa tekstiä.

835
00:37:06,910 --> 00:37:09,050
Tässä toinen tulo
alalla Kirjoita salasana.

836
00:37:09,050 --> 00:37:13,150
Tässä on, jos et ole koskaan nähnyt,
tulo tyypin valintaruutu.

837
00:37:13,150 --> 00:37:15,250
>> Mutta ei ole JavaScript
täällä lainkaan.

838
00:37:15,250 --> 00:37:18,170
Tämä on vain HTML että
menee register.php.

839
00:37:18,170 --> 00:37:21,020
Mutta versiossa yhdessä, missä olen
alkoi saada nämä ponnahdusikkunoita,

840
00:37:21,020 --> 00:37:23,010
Katsotaan mitä todella tapahtuu täällä.

841
00:37:23,010 --> 00:37:26,757
Versiossa yksi, mitä
Aion see-- I

842
00:37:26,757 --> 00:37:29,340
ajattelin pysähtyy tarpeeksi
tarpeeksi sanoja, mutta juoksin ulos.

843
00:37:29,340 --> 00:37:35,180

844
00:37:35,180 --> 00:37:38,590
>> Versiossa one-- siellä mennään.

845
00:37:38,590 --> 00:37:43,180
Versiossa yksi, huomaa following--
ja ei ole paras täytäntöönpanoa,

846
00:37:43,180 --> 00:37:44,420
mutta se on minun ensimmäinen.

847
00:37:44,420 --> 00:37:47,680
Huomaa, että alle
muodossa, minulla on komentosarjatunnus.

848
00:37:47,680 --> 00:37:49,430
Ja komentosarjatunnus tarkoittaa,
hei, selain, tässä

849
00:37:49,430 --> 00:37:52,340
tulee joitakin koodi,
tyypillisesti, JavaScript.

850
00:37:52,340 --> 00:37:54,420
Ja nyt, huomaa, mitä olen tekemässä.

851
00:37:54,420 --> 00:37:59,070
On line-- voin tuskin
Lue it-- linja 32, se sanoo,

852
00:37:59,070 --> 00:38:01,420
var form-- niin anna minulle
muuttuja nimeltä muodossa.

853
00:38:01,420 --> 00:38:05,049
Ja sitten saada document.getElementId
ja "rekisteröinti."

854
00:38:05,049 --> 00:38:05,590
Mikä tämä on?

855
00:38:05,590 --> 00:38:07,290
No, minäpä taaksepäin tänne.

856
00:38:07,290 --> 00:38:11,510
Ja ilmoitusta, ah, annoin lomakkeen elementti
mielivaltainen mutta kuvaava ajatus

857
00:38:11,510 --> 00:38:13,050
rekisteröinnin.

858
00:38:13,050 --> 00:38:16,820
Joten tämä antaa minulle muuttuja
antaa minulle mahdollisuuden napata että solmu,

859
00:38:16,820 --> 00:38:19,580
että suorakulmion puu nimeltään muodossa.

860
00:38:19,580 --> 00:38:24,460
form.onsubmit keinot, hei selain,
Rekisteröidy tapahtuman kuuntelija

861
00:38:24,460 --> 00:38:25,470
tällä lomakkeella.

862
00:38:25,470 --> 00:38:28,890
Toisin sanoen, kun tämä muoto on
toimitettu, suorittaa seuraava koodi.

863
00:38:28,890 --> 00:38:30,810
Se ei tarvitse nimeä, koska
miksi sinun täytyy tietää nimi?

864
00:38:30,810 --> 00:38:32,880
Sinun tarvitsee vain tietää
mitä suorittaa, ergo

865
00:38:32,880 --> 00:38:35,610
se nimetön tai lambda-toiminto.

866
00:38:35,610 --> 00:38:37,632
Ja että toiminto on
kaikki nämä linjat täällä.

867
00:38:37,632 --> 00:38:40,840
Ja nyt, ollakseni rehellinen, vaikka
ei ehkä olisi koskaan kirjoittanut JavaScript

868
00:38:40,840 --> 00:38:44,200
ennen, se on vain C ja PHP logiikka.

869
00:38:44,200 --> 00:38:51,720
Joten jos form.email.value == "" -
joten jos sähköpostia kenttä on tyhjä,

870
00:38:51,720 --> 00:38:54,980
huutaa käyttäjälle "Sinun täytyy
anna sähköpostiosoitteesi. "

871
00:38:54,980 --> 00:38:58,980
Else jos form.password.value
on tyhjä huutaa käyttäjä,

872
00:38:58,980 --> 00:39:00,400
"Sinun on annettava salasana."

873
00:39:00,400 --> 00:39:04,240
>> Lisää kiinnostavaa loogisesti,
jos form.password.value ei

874
00:39:04,240 --> 00:39:08,630
yhdenvertaisen form.confirmation.value--
Mistä vahvistus tuli?

875
00:39:08,630 --> 00:39:09,470
Saanen taaksepäin.

876
00:39:09,470 --> 00:39:12,870
No, pyysin tämä tulo
kenttä täällä salasana.

877
00:39:12,870 --> 00:39:15,180
Ja Kutsuin tämä täällä vahvistusta.

878
00:39:15,180 --> 00:39:17,850
Voisin ovat kutsuneet sitä
salasana kaksi tai jotain muuta.

879
00:39:17,850 --> 00:39:20,560
Olen vain loogisesti tarkkailun
että nämä kaksi ovat samoja.

880
00:39:20,560 --> 00:39:25,760
Else-- se kääntyy pois tämä on Mr. Boole
again-- totuusarvon, valintaruutu.

881
00:39:25,760 --> 00:39:29,810
Joten jos sanon, huudahdus point--
jos ei form.agreement.checked,

882
00:39:29,810 --> 00:39:31,820
huutaa käyttäjä samoin.

883
00:39:31,820 --> 00:39:34,470
>> Joten tämä syntaksi näet on
hyvin yleinen JavaScript,

884
00:39:34,470 --> 00:39:35,970
jos sinulla on pistein erotettu.

885
00:39:35,970 --> 00:39:37,460
Aloitat objekti täällä.

886
00:39:37,460 --> 00:39:41,430
Voit sukeltaa syvemmälle ja
omaisuutta kuten salasanan.

887
00:39:41,430 --> 00:39:43,280
Ja sitten saat sen todellisen arvon.

888
00:39:43,280 --> 00:39:45,830
Ja vielä, tässä on panos.

889
00:39:45,830 --> 00:39:47,310
Tässä on Salasana.

890
00:39:47,310 --> 00:39:50,860
Ja sen arvo on riippumatta
ihmisen on todella kirjoitettu.

891
00:39:50,860 --> 00:39:53,610
>> Niin kaikissa näissä
tapauksissa, palasin väärä.

892
00:39:53,610 --> 00:39:55,800
Mutta jos ei, palaan totta.

893
00:39:55,800 --> 00:39:58,030
Ja nyt näemme
pakottavia käyttö kun

894
00:39:58,030 --> 00:40:00,620
voit palata false
lopettaa se, mitä käyttäjän tekemässä

895
00:40:00,620 --> 00:40:03,200
ja hänet tai häntä valitsemaan
uudelleen tai kirjoita uudelleen.

896
00:40:03,200 --> 00:40:05,870
Muuten palaamme totta.

897
00:40:05,870 --> 00:40:08,585
>> Ja haluan esitellä yksi
muut muunnelma tämä vain

898
00:40:08,585 --> 00:40:13,140
siemeniä jonkinlainen käsitys siitä.

899
00:40:13,140 --> 00:40:16,850
No, versiossa 2 Tämän lomakkeen-2--
Teen sen aallon käsi.

900
00:40:16,850 --> 00:40:19,920
Tämä on, niille utelias,
jQuery versio,

901
00:40:19,920 --> 00:40:23,330
Niille teistä, jotka kannattaa
harrastella kyseisessä kirjastossa.

902
00:40:23,330 --> 00:40:25,145
Mutta katsotaanpa start-- ja kysymyksiä?

903
00:40:25,145 --> 00:40:29,230
Saanen pysähdy hetkeksi, koska
että oli nopea ja paljon.

904
00:40:29,230 --> 00:40:32,610
>> Mutta mukava asia tässä on, että kaikki
koodi on melko sama.

905
00:40:32,610 --> 00:40:33,985
Uusia juttuja on mitä on Dom?

906
00:40:33,985 --> 00:40:35,115
Mitä nämä suorakulmioita?

907
00:40:35,115 --> 00:40:35,990
Mitä nämä solmut?

908
00:40:35,990 --> 00:40:37,540
Mikä anonyymi funktio?

909
00:40:37,540 --> 00:40:38,830
Mikä tapahtumankäsittelijänä?

910
00:40:38,830 --> 00:40:43,480
Mutta onneksi suurin osa joka on vain
täysi ympyrä päässä vaikkapa viikko nolla.

911
00:40:43,480 --> 00:40:43,980
Selvä.

912
00:40:43,980 --> 00:40:46,070
Joten jotain hieman mielenkiintoisempaa?

913
00:40:46,070 --> 00:40:49,340
No, ensinnäkin, anna minun mennä
eteenpäin ja avata Google Mapsin.

914
00:40:49,340 --> 00:40:53,360
Ja huomaat, että
hetki, on sekunnin murto,

915
00:40:53,360 --> 00:40:55,930
huomaa, mitä tapahtuu, kun
En osoita tarpeeksi nopeasti.

916
00:40:55,930 --> 00:40:59,720
Ja tässä yhteydessä Harvardin on niin
nopeasti, että et todella huomaa sitä.

917
00:40:59,720 --> 00:41:04,469
Mutta mitä sellainen tavallaan nähdä
jos napsautan ja vetää todella nopeasti?

918
00:41:04,469 --> 00:41:07,010
Ne teistä katsomassa verkossa,
jos hidas tämän 0.5x nopeus,

919
00:41:07,010 --> 00:41:09,640
näet tämän paremmin.

920
00:41:09,640 --> 00:41:13,550
>> Mitä oli tapahtumassa juuri
ennen klikkasin ja vetää?

921
00:41:13,550 --> 00:41:15,900
Yritän here-- anna minun tehdä
jotain muuta, kuten 90210.

922
00:41:15,900 --> 00:41:17,550
Mennään kaukana.

923
00:41:17,550 --> 00:41:19,000
Se oli todella nopea, liian.

924
00:41:19,000 --> 00:41:22,460
Entä Disney World?

925
00:41:22,460 --> 00:41:23,190
Siellä mennään.

926
00:41:23,190 --> 00:41:23,690
OK.

927
00:41:23,690 --> 00:41:26,030
Mitä sinä näe sekunnin murto?

928
00:41:26,030 --> 00:41:27,200
Aivan, kuten, aukiot, eikö?

929
00:41:27,200 --> 00:41:28,930
Paikanvaraajia laatat?

930
00:41:28,930 --> 00:41:30,270
>> No, mitä täällä tapahtuu?

931
00:41:30,270 --> 00:41:35,410
Google Maps on mukava esimerkki
tämä tekniikka että kutsutaan AJAX.

932
00:41:35,410 --> 00:41:38,510
Ja tämä on silloin alamme
Käytä JavaScript erityisen

933
00:41:38,510 --> 00:41:39,277
houkutteleva tavalla.

934
00:41:39,277 --> 00:41:41,610
Takaisin seuraavana päivänä, oli
Tämän sivuston nimeltä MapQuest.

935
00:41:41,610 --> 00:41:44,120
Ja minun olisi pitänyt
kuvakaappaus tämän 1990-luvulta,

936
00:41:44,120 --> 00:41:45,820
jossa jos halusi
etsiä täällä kartalla,

937
00:41:45,820 --> 00:41:48,590
voit kirjaimellisesti klikkaa nuolta
ylös alkuun, että näytin sinulle

938
00:41:48,590 --> 00:41:49,870
eri neliön kartan.

939
00:41:49,870 --> 00:41:51,790
Jos halusi siirtyä vasemmalle, te
napsautti nuoli, joka osoitti sinulle

940
00:41:51,790 --> 00:41:53,210
eri neliön kartan.

941
00:41:53,210 --> 00:41:54,840
Ja jotkut sivustot vielä tehdä tämän tänään.

942
00:41:54,840 --> 00:41:57,820
Mutta vaikka MapQuest on saanut
parempi, kuten Google Mapsissa.

943
00:41:57,820 --> 00:42:01,880
>> Sen sijaan, mitä parempi nämä
päivää on sivustoja, jotka käyttävät AJAX.

944
00:42:01,880 --> 00:42:04,510
AJAX-- joka tunnetaan myös
Asynchronous JavaScript ja XML,

945
00:42:04,510 --> 00:42:08,370
joka on vain hieno tapa sanoa
teknologia tai tekniikka,

946
00:42:08,370 --> 00:42:14,200
mahdollistaa selaimen JavaScript
lisämaksujen HTTP-pyyntöjen

947
00:42:14,200 --> 00:42:16,390
kun sivu on ladattu.

948
00:42:16,390 --> 00:42:17,479
Mitä tämä tarkoittaa?

949
00:42:17,479 --> 00:42:19,270
No, se olisi eräänlainen
ärsyttävää Gmailissa

950
00:42:19,270 --> 00:42:21,103
jos aina halunnut
tarkistaa sähköpostisi,

951
00:42:21,103 --> 00:42:24,940
olisit kirjaimellisesti lyödä Ctrl-R tai
Komento-R tai napsauta Päivitä painike

952
00:42:24,940 --> 00:42:26,580
ja koko hiton sivu olisi uudelleen.

953
00:42:26,580 --> 00:42:26,800
Oikea?

954
00:42:26,800 --> 00:42:28,460
Se flash valkoinen
luultavasti toiseen.

955
00:42:28,460 --> 00:42:30,043
Näkisitte tyhmä etenemispalkki.

956
00:42:30,043 --> 00:42:33,170
Ja vain nähdä, jos sinulla on uusi
posti, koko web-sivun ja URL

957
00:42:33,170 --> 00:42:34,580
olet olisi ladata.

958
00:42:34,580 --> 00:42:35,960
>> Mutta se ei ole mitä tapahtuu Gmailissa.

959
00:42:35,960 --> 00:42:36,459
Oikea?

960
00:42:36,459 --> 00:42:40,300
Kun saat uuden sähköpostin
Gmail, mitä tapahtuu ruudulla?

961
00:42:40,300 --> 00:42:41,480
Se vain osoittaa ylös, oikea?

962
00:42:41,480 --> 00:42:44,280
Se vain maagisesti näyttää
uutena rivin taulukossa.

963
00:42:44,280 --> 00:42:47,030
Joka todella merkitsee
ihmisarvoisen määrä monimutkaisuus.

964
00:42:47,030 --> 00:42:51,892
Itse asiassa, jos ajattelee tämä puu,
joka vaikka on yksinkertainen täällä,

965
00:42:51,892 --> 00:42:54,100
Gmail-- ja olin on tarkasteltava
klo koodi on sure--

966
00:42:54,100 --> 00:42:58,710
luultavasti on HTML-taulukon tai ehkä
Järjestämätön lista, että se tekee

967
00:42:58,710 --> 00:43:01,060
jokainen sähköpostilaatikoitaan sähköposteja.

968
00:43:01,060 --> 00:43:04,050
>> Ja joten jos kuvitella tämä on
on puu muistissa, kun olet

969
00:43:04,050 --> 00:43:09,050
Gmailin että näyttää sellaista tavallaan
kuten tämä, kun Google tajuaa, ooh,

970
00:43:09,050 --> 00:43:12,770
sinulla on uuden sähköpostiviestin, se ei
haluavat rakentaa koko puun.

971
00:43:12,770 --> 00:43:16,430
Pikemminkin se haluaa löytää solmun
puu, joka edustaa postilaatikkoosi

972
00:43:16,430 --> 00:43:18,580
ja vain lisätä uusi solmu.

973
00:43:18,580 --> 00:43:24,640
>> Joten hyvin samanlainen PSET viisi, jossa
oli lisätä solmut tiiviste,

974
00:43:24,640 --> 00:43:28,410
Vastaavasti Google, kautta
JavaScript-koodia, joka on kirjoitettu,

975
00:43:28,410 --> 00:43:31,890
poikittainen tämä puu, selvittää missä
on se Saapuneet osa ikkunan,

976
00:43:31,890 --> 00:43:33,440
ja sitten lisätä uuden rivin.

977
00:43:33,440 --> 00:43:37,460
Ja uusi rivi vain tarkoittaa yksi
tai enemmän uusia solmuja puussa.

978
00:43:37,460 --> 00:43:41,340
>> Ja niin AJAX on tämä tekniikka
joka mahdollistaa juuri näin.

979
00:43:41,340 --> 00:43:44,440
Kun olet käynyt URL,
mutta hullu kauan se on,

980
00:43:44,440 --> 00:43:46,472
ja kun sivulla on
ladattu, voit silti

981
00:43:46,472 --> 00:43:48,430
napata enemmän tietoja
internet-- onko se

982
00:43:48,430 --> 00:43:52,460
sähköpostia tai laatta map--
napata se kulissien takana

983
00:43:52,460 --> 00:43:55,290
ja aseta se sivulle
niin että ihmisen ei oikeastaan

984
00:43:55,290 --> 00:43:56,910
tarvitse odottaa sitä.

985
00:43:56,910 --> 00:43:58,980
>> Facebook Messenger toimii samalla tavalla.

986
00:43:58,980 --> 00:44:01,562
Useita muita websites--
Voi, itse asiassa, vaikka tämä.

987
00:44:01,562 --> 00:44:04,270
Tarkoitan, tämä on suoraan sanoen eräänlainen
ärsyttävää on näinä päivinä.

988
00:44:04,270 --> 00:44:07,500
Jos minä alkaa etsiä cats-- tämän
on sellainen kamala käyttökokemuksen.

989
00:44:07,500 --> 00:44:08,990
Se vain alkaa hakea minulle.

990
00:44:08,990 --> 00:44:10,050
No mitä se tekee?

991
00:44:10,050 --> 00:44:12,920
URL ei ole juurikaan muuttunut
koska aloin kirjoittaa.

992
00:44:12,920 --> 00:44:17,330
Mutta mitä tapahtuu kaikkialla
wire-- OK, hmm mielenkiintoinen.

993
00:44:17,330 --> 00:44:20,470
Mitä on meneillään koko
lanka tässä vain saa weirder.

994
00:44:20,470 --> 00:44:21,090
>> OK.

995
00:44:21,090 --> 00:44:24,670
Joten anna minun mennä eteenpäin ja tarkasta
elementti ja mene Verkko-välilehti

996
00:44:24,670 --> 00:44:27,040
ja yrittää tehdä tätä
tekninen ja vähemmän noin kissoja.

997
00:44:27,040 --> 00:44:32,595
Kuin kirjoitan, kirjaimellisesti, kissat
and-- mitä tapahtuu

998
00:44:32,595 --> 00:44:37,710
per-- En aio klikata että.

999
00:44:37,710 --> 00:44:38,210
Selvä.

1000
00:44:38,210 --> 00:44:44,280
Joten täällä, mitä tapahtuu joka
kerta kun kirjoitat merkin, ilmeisesti?

1001
00:44:44,280 --> 00:44:45,000
Kuten, alhainen?

1002
00:44:45,000 --> 00:44:47,860
Mitä tapahtuu kunkin näistä
merkkiä Olen kirjoittamalla minun näppäimistö?

1003
00:44:47,860 --> 00:44:48,359
Joo?

1004
00:44:48,359 --> 00:44:50,950
Yleisö: [äänetön].

1005
00:44:50,950 --> 00:44:52,340
>> DAVID MALAN: Aivan.

1006
00:44:52,340 --> 00:44:55,600
Kukin näistä merkeistä on
menossa Google, yksi kerrallaan.

1007
00:44:55,600 --> 00:44:58,490
He ovat rakentamassa merkkijono
niiden palvelin, joka edustaa

1008
00:44:58,490 --> 00:44:59,936
mitä olen kirjoittanut toistaiseksi.

1009
00:44:59,936 --> 00:45:01,810
Ja joka kerta olen tyyppi
toinen hahmo, ne

1010
00:45:01,810 --> 00:45:04,530
käyttää salainen kastike
hakualgoritmi ja selvittää,

1011
00:45:04,530 --> 00:45:07,370
Tarkoittaako hän tällä kissa sivu
tai tämä kissa sivun tai vastaavaa?

1012
00:45:07,370 --> 00:45:10,620
Joten jossain mielessä, se antaa minulle
parempi kokemus, että en edes

1013
00:45:10,620 --> 00:45:11,860
täytyy suorittaa minun ajatukseni.

1014
00:45:11,860 --> 00:45:14,440
Ja todellakin, se on hyödyllinen
asia, Automaattinen täydennys yleensä.

1015
00:45:14,440 --> 00:45:17,690
Jos heidän algoritmit ovat tarpeeksi hyvä
ja jos minun haut ovat ilmeisiä tarpeeksi,

1016
00:45:17,690 --> 00:45:19,300
Minulla ei tarvitse kirjoittaa koko sanan.

1017
00:45:19,300 --> 00:45:22,110
He kertoa minulle, mitä se
on olen todella etsivät.

1018
00:45:22,110 --> 00:45:25,940
Joten mitä Google kutsuu instant
haku on vain AJAX,

1019
00:45:25,940 --> 00:45:30,820
käyttää koodin, jonka avulla ne voivat pyytää
lisäsisältöä verkkoselaimen kautta

1020
00:45:30,820 --> 00:45:34,026
kulissien takana käyttäen tätä
uusi kieli, JavaScript.

1021
00:45:34,026 --> 00:45:35,400
Meillä on pari minuuttia jäljellä.

1022
00:45:35,400 --> 00:45:37,710
Ja haluaisin kutsua kaverini
Colton ylös lavalle,

1023
00:45:37,710 --> 00:45:40,090
koska se tuntui
erityisesti hauskaa viimeksi

1024
00:45:40,090 --> 00:45:42,290
ottaa käyttöön teknologiaa
että jotkut teistä

1025
00:45:42,290 --> 00:45:44,769
ovat ilmaisseet kiinnostuksensa
vuonna lopullista hankkeisiin.

1026
00:45:44,769 --> 00:45:47,310
Ajattelimme se olis hauska tuoda
ylös vapaaehtoinen, vaikka, tänään

1027
00:45:47,310 --> 00:45:50,074
näyttää lisäksi
tämä joka mahdollistaa sinä-- joo,

1028
00:45:50,074 --> 00:45:50,990
Minä näin tämän korttinsa ensin.

1029
00:45:50,990 --> 00:45:52,900
Tule ylös.

1030
00:45:52,900 --> 00:45:53,560
Erittäin hyvin tehty.

1031
00:45:53,560 --> 00:45:55,035
Hyvä työ.

1032
00:45:55,035 --> 00:45:57,410
Aion hankkeen tätä
näyttö vain hetken.

1033
00:45:57,410 --> 00:45:58,150
Mikä sinun nimesi on kaikille?

1034
00:45:58,150 --> 00:45:59,180
>> EFA: Olen Efa.

1035
00:45:59,180 --> 00:45:59,410
>> DAVID MALAN: Etha?

1036
00:45:59,410 --> 00:45:59,785
>> EFA: Efa.

1037
00:45:59,785 --> 00:46:00,160
>> DAVID MALAN: Efa?

1038
00:46:00,160 --> 00:46:00,730
>> EFA: Joo.

1039
00:46:00,730 --> 00:46:01,250
>> DAVID MALAN: Kiva nähdä sinua.

1040
00:46:01,250 --> 00:46:01,600
Selvä.

1041
00:46:01,600 --> 00:46:02,590
Nyt tämä valmiiksi.

1042
00:46:02,590 --> 00:46:04,423
Tule yli
keskelle Colton täällä.

1043
00:46:04,423 --> 00:46:07,050
Mitä Colton on käsissään
tänään on kaukosäädin.

1044
00:46:07,050 --> 00:46:10,440
Joten sen sijaan vain seistä siellä
kolmiulotteisessa maailmassa katselee ympärilleen

1045
00:46:10,440 --> 00:46:14,080
kuten Colton teki, nyt Efa voi
itse kävellä ympäri menemällä ylös,

1046
00:46:14,080 --> 00:46:16,689
alas, vasemmalle ja oikealle kuten
Nintendo tai Xbox-ohjain.

1047
00:46:16,689 --> 00:46:18,230
EFA: Aion pudota pois lavalta.

1048
00:46:18,230 --> 00:46:20,500
DAVID MALAN: minä
seistä noin tänne.

1049
00:46:20,500 --> 00:46:21,991
Mutta se on riski.

1050
00:46:21,991 --> 00:46:22,490
OK.

1051
00:46:22,490 --> 00:46:25,690
Niin mene eteenpäin ja laittaa ne.

1052
00:46:25,690 --> 00:46:29,315
Anna minun mennä eteenpäin ja
vaihtaa näytön täällä.

1053
00:46:29,315 --> 00:46:30,670
Saanen himmentää valoja.

1054
00:46:30,670 --> 00:46:32,780
Ja Colton, haluan
tulevat seistä vieressäsi.

1055
00:46:32,780 --> 00:46:35,520
>> Haluatko selittää täällä
kanssa mic mitä teemme?

1056
00:46:35,520 --> 00:46:36,380
Ole hyvä.

1057
00:46:36,380 --> 00:46:37,280
>> COLTON: Toki.

1058
00:46:37,280 --> 00:46:39,980
Joten nyt olemme
lataamisen Oculus,

1059
00:46:39,980 --> 00:46:43,070
Luulen operating-- ei toimi
järjestelmä, mutta pääohjelma, jossa

1060
00:46:43,070 --> 00:46:46,630
voit käyttää kaikki pelit ja
sovellukset, jotka ovat kirjastossa.

1061
00:46:46,630 --> 00:46:50,060
Joten nyt, sen pitäisi sanoa
napauttamalla kosketuslevyä alkaa.

1062
00:46:50,060 --> 00:46:53,430
Touchpad tulee olemaan
oikealla puolella kuulokkeet.

1063
00:46:53,430 --> 00:46:54,569
Niin mene eteenpäin ja tap--

1064
00:46:54,569 --> 00:46:55,110
EFA: Voi mies.

1065
00:46:55,110 --> 00:46:56,443
DAVID MALAN: Joo, siellä mennään.

1066
00:46:56,443 --> 00:47:00,340

1067
00:47:00,340 --> 00:47:02,460
Laatu Efa näkee
on paljon korkeampi laatu.

1068
00:47:02,460 --> 00:47:03,831
Tämä on vain Wi-Fi täällä.

1069
00:47:03,831 --> 00:47:05,580
COLTON: Mitä olet
menossa haluavat tehdä

1070
00:47:05,580 --> 00:47:08,350
on katseensa alkuun
näytön oikeassa.

1071
00:47:08,350 --> 00:47:10,420
Jep, että peli hyvin oikeassa yläkulmassa.

1072
00:47:10,420 --> 00:47:14,780
Ja sitten kun olet valinnut
se, kosketa kosketuslevy uudelleen.

1073
00:47:14,780 --> 00:47:17,010
Mielestäni sen Dreadhalls.

1074
00:47:17,010 --> 00:47:20,820
Ja sitten tässä on a-- täällä, anna
minulle pidä lasit sinulle.

1075
00:47:20,820 --> 00:47:24,420

1076
00:47:24,420 --> 00:47:25,790
>> Joten en juuri antoi hänelle ohjain.

1077
00:47:25,790 --> 00:47:28,886
Joten nyt hän voi hallita peliä.

1078
00:47:28,886 --> 00:47:30,510
Hän voi liikkua ja tavaraa niin.

1079
00:47:30,510 --> 00:47:31,968
Niin mene eteenpäin ja etsiä ylös.

1080
00:47:31,968 --> 00:47:33,640
Sinun pitäisi nähdä uuden pelin.

1081
00:47:33,640 --> 00:47:36,310
Niin mene eteenpäin ja voit tehdä sen.

1082
00:47:36,310 --> 00:47:39,320
Nyt sinun pitäisi pystyä ohjaamaan
itseäsi ohjain,

1083
00:47:39,320 --> 00:47:43,860
samoin, kun
peli lataa täällä.

1084
00:47:43,860 --> 00:47:46,356
Tämä voi olla hieman pelottavaa.

1085
00:47:46,356 --> 00:47:47,300
>> EFA: Nyt kerrot minulle.

1086
00:47:47,300 --> 00:47:50,132
OK.

1087
00:47:50,132 --> 00:47:51,080
>> COLTON: Selvä.

1088
00:47:51,080 --> 00:47:52,650
Joten varmista, että voit liikkua.

1089
00:47:52,650 --> 00:47:52,750
OK.

1090
00:47:52,750 --> 00:47:53,583
Voit liikkua.

1091
00:47:53,583 --> 00:47:54,300
Täydellinen.

1092
00:47:54,300 --> 00:47:56,470
Joten jos katsot alas, sinulla on kartta.

1093
00:47:56,470 --> 00:47:58,170
Kartta näyttää, missä olet.

1094
00:47:58,170 --> 00:47:59,720
Voit katsoa ympäri huonetta.

1095
00:47:59,720 --> 00:48:01,440
Voit täysin kääntyä ympäri.

1096
00:48:01,440 --> 00:48:02,128
Joo, täsmälleen.

1097
00:48:02,128 --> 00:48:02,627
Käänny ympäri.

1098
00:48:02,627 --> 00:48:05,370

1099
00:48:05,370 --> 00:48:07,125
>> Niin katso vasemmalla.

1100
00:48:07,125 --> 00:48:09,875
Mielestäni siinä on jotain voit
poimia tynnyrin huoneessa.

1101
00:48:09,875 --> 00:48:11,709
>> EFA: Miten saan
kartta pois tieltä?

1102
00:48:11,709 --> 00:48:12,375
COLTON: Katso ylös.

1103
00:48:12,375 --> 00:48:12,980
Vain etsiä.

1104
00:48:12,980 --> 00:48:13,480
Selvä.

1105
00:48:13,480 --> 00:48:13,765
Ole hyvä.

1106
00:48:13,765 --> 00:48:15,181
Nyt mennä eteenpäin ja vain kääntää ympäri.

1107
00:48:15,181 --> 00:48:21,460

1108
00:48:21,460 --> 00:48:24,620
Niin katso kauemmaksi vasemmalla.

1109
00:48:24,620 --> 00:48:25,530
Pidä liikkuu vasemmalle.

1110
00:48:25,530 --> 00:48:26,960
Pidä näköinen vasemmalle.

1111
00:48:26,960 --> 00:48:27,541
Anna mennä.

1112
00:48:27,541 --> 00:48:28,040
Joo.

1113
00:48:28,040 --> 00:48:28,720
>> EFA: Ai, niin.

1114
00:48:28,720 --> 00:48:29,261
>> COLTON: Joo.

1115
00:48:29,261 --> 00:48:30,999
Kävele kohti se ohjain.

1116
00:48:30,999 --> 00:48:31,540
Ole hyvä.

1117
00:48:31,540 --> 00:48:32,790
Nyt pitäisi sanoa noutaa.

1118
00:48:32,790 --> 00:48:33,360
Ole hyvä.

1119
00:48:33,360 --> 00:48:34,290
Noutaa.

1120
00:48:34,290 --> 00:48:35,550
Selvä.

1121
00:48:35,550 --> 00:48:38,286
Nyt, päästä pois tästä huoneesta.

1122
00:48:38,286 --> 00:48:42,209
Menkää ja kävele tuosta ovesta.

1123
00:48:42,209 --> 00:48:45,000
Joten aiot hold-- se sanoo
pidä painiketta väkisin auki.

1124
00:48:45,000 --> 00:48:46,333
Joten mene eteenpäin ja pidä painiketta.

1125
00:48:46,333 --> 00:48:48,250
Jep, pakottaa se avaa.

1126
00:48:48,250 --> 00:48:48,750
Selvä.

1127
00:48:48,750 --> 00:48:49,410
Hyvä työ.

1128
00:48:49,410 --> 00:48:50,826
Nyt olemme kävely ulos huoneesta.

1129
00:48:50,826 --> 00:48:56,970

1130
00:48:56,970 --> 00:49:01,366
Joten aion jättää loput ylös
teille ja katso mitä saat selville.

1131
00:49:01,366 --> 00:49:02,865
EFA: En aio pimeässä huoneessa.

1132
00:49:02,865 --> 00:49:07,315

1133
00:49:07,315 --> 00:49:07,815
Hei odota.

1134
00:49:07,815 --> 00:49:09,314
Nyt minun täytyy mennä alas tumma sali?

1135
00:49:09,314 --> 00:49:10,785
OK, Menen takaisin [kuultavissa].

1136
00:49:10,785 --> 00:49:15,520

1137
00:49:15,520 --> 00:49:16,270
COLTON: Selvä.

1138
00:49:16,270 --> 00:49:17,560
Jotkut enemmän kohteita poimia.

1139
00:49:17,560 --> 00:49:19,370
Näyttää joitakin kolikoita.

1140
00:49:19,370 --> 00:49:22,242
Se lukko pick.

1141
00:49:22,242 --> 00:49:24,200
Joten jos löydät lukittu
ovi, voit käyttää sitä.

1142
00:49:24,200 --> 00:49:27,755

1143
00:49:27,755 --> 00:49:28,380
Oletko peloissasi?

1144
00:49:28,380 --> 00:49:29,371
>> EFA: Ei vielä.

1145
00:49:29,371 --> 00:49:29,871
COLTON: OK.

1146
00:49:29,871 --> 00:49:34,850

1147
00:49:34,850 --> 00:49:35,497
>> Pretend-- joo.

1148
00:49:35,497 --> 00:49:37,330
Vain teeskennellä olet
todella seisoo siellä.

1149
00:49:37,330 --> 00:49:39,580
Ja jos otat around--
sinun täytyy tottua siihen.

1150
00:49:39,580 --> 00:49:40,752
Mutta se on järkevää.

1151
00:49:40,752 --> 00:49:43,960
DAVID MALAN: Ja kun Efa edelleen
pelata, koska voisimme tehdä tämän koko päivän,

1152
00:49:43,960 --> 00:49:45,381
voimme kaikki TipToe täällä.

1153
00:49:45,381 --> 00:49:48,130
Mutta meillä on kaksi muuta paria,
jos haluat tulla ja pelata.

1154
00:49:48,130 --> 00:49:49,980
Muuten, näemme
ensi keskiviikkona.

1155
00:49:49,980 --> 00:49:51,354
Kiitos meidän vapaaehtoinen tänään.

1156
00:49:51,354 --> 00:49:52,101
[APPLAUSE]

1157
00:49:52,101 --> 00:49:54,506

1158
00:49:54,506 --> 00:49:57,392
>> [MUSIC - "SEINFELD Theme"]

1159
00:49:57,392 --> 00:49:58,222

1160
00:49:58,222 --> 00:50:00,180
SPEAKER 1: No, olen
laittamalla uusi PL asentaa.

1161
00:50:00,180 --> 00:50:01,800
Muutin juuri OLPF--

1162
00:50:01,800 --> 00:50:03,980
>> SPEAKER 2: Mitä
juuri sinä teet?

1163
00:50:03,980 --> 00:50:07,063
>> SPEAKER 1: No, jokainen these--
täällä, minä näytän sinulle tämä yksi täällä.

1164
00:50:07,063 --> 00:50:08,690
Voit nähdä sen täällä.

1165
00:50:08,690 --> 00:50:09,510
>> SPEAKER 3: Mielestäni olen hyvä näitä.

1166
00:50:09,510 --> 00:50:09,933
Haluatko lisää?

1167
00:50:09,933 --> 00:50:11,325
>> SPEAKER 4: Ei, olen hyvä. [Äänetön].

1168
00:50:11,325 --> 00:50:12,200
>> SPEAKER 3: Ei, [äänetön].

1169
00:50:12,200 --> 00:50:12,700
Ota muutama.

1170
00:50:12,700 --> 00:50:21,165

1171
00:50:21,165 --> 00:50:22,290
SPEAKER 1: toinen väri.

1172
00:50:22,290 --> 00:50:22,890
SPEAKER 2: OK.

1173
00:50:22,890 --> 00:50:26,690
SPEAKER 1: Joten lopulta mitä se
ei se säätää väri of--