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--