1
00:00:00,000 --> 00:00:02,862
>> [TÓNLIST spila]

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

3
00:00:10,030 --> 00:00:11,580
>> DAVID Malan: Þetta er CS50.

4
00:00:11,580 --> 00:00:12,880
Þetta er upphaf viku níu.

5
00:00:12,880 --> 00:00:15,797
Og þetta er það sem myndi hafa
verið 200 afmæli Mr Boole er.

6
00:00:15,797 --> 00:00:17,630
Svo er þetta félagar
sem vér höfum vitnað

7
00:00:17,630 --> 00:00:21,800
alveg nokkur sinnum um að nota
Boole breytur satt og ósatt,

8
00:00:21,800 --> 00:00:22,910
1 og 0 og svo.

9
00:00:22,910 --> 00:00:25,270
Og þetta var Google
skatt til hans í dag.

10
00:00:25,270 --> 00:00:26,489
Hann hefði snúið 200.

11
00:00:26,489 --> 00:00:28,280
Svo ef þú vilt að
tengja okkur fyrir CS50 hádeginu,

12
00:00:28,280 --> 00:00:30,279
taka a líta á the hlekkur
á heimasíðu námskeiðsins er.

13
00:00:30,279 --> 00:00:33,580
Og svo andlit og vinir sem
þessir bíða eftir þér hér í Cambridge.

14
00:00:33,580 --> 00:00:35,360
Faces eins og þessir bíða eftir þér í New Haven.

15
00:00:35,360 --> 00:00:37,800
Og í raun, Ken í
New Haven vinsamlega gert

16
00:00:37,800 --> 00:00:41,594
það sem er kallað líflegur GIF Elí
hér á nýleg lunch-- a GIF er enn

17
00:00:41,594 --> 00:00:44,260
annar grafísku skráarsnið,
sem þú ert familiar-- að

18
00:00:44,260 --> 00:00:46,300
lítur svolítið eitthvað eins og this.

19
00:00:46,300 --> 00:00:48,179
Svo of-- bara röð OK.

20
00:00:48,179 --> 00:00:49,720
Enginn hér í Cambridge er að hlæja.

21
00:00:49,720 --> 00:00:51,720
En í New Haven, þetta
svo fyndinn, ekki satt?

22
00:00:51,720 --> 00:00:52,350
Allt í lagi.

23
00:00:52,350 --> 00:00:53,940
>> Svo ekki tengja okkur þar.

24
00:00:53,940 --> 00:00:55,900
Hér á Harvard,
sérstaklega, þetta Miðvikudagur,

25
00:00:55,900 --> 00:00:59,480
ef þú ert sophomore eða freshman even--
eða jafnvel junior-- hugsa um að gera

26
00:00:59,480 --> 00:01:01,563
rofi í tölvunni
vísindi, veit að það verður

27
00:01:01,563 --> 00:01:04,440
að a CS ráðleggja sanngjarnt þetta
Miðvikudagur, skömmu eftir tegund

28
00:01:04,440 --> 00:01:08,040
er 4:00 PM í tölvunni
vísindi byggja Maxwell Dworkin.

29
00:01:08,040 --> 00:01:11,890
Við munum setja þetta á námskeiðið er
website á morgun, eins og heilbrigður.

30
00:01:11,890 --> 00:01:14,430
Kleinuhringir, mér var sagt, verður þjónað.

31
00:01:14,430 --> 00:01:15,180
>> Allt í lagi.

32
00:01:15,180 --> 00:01:18,790
Svo fyndið story-- ég var poking
um á internetinu,

33
00:01:18,790 --> 00:01:23,575
og ég fann nokkrar gamlar skjalasafn
af fyrrum heimasíðu mína.

34
00:01:23,575 --> 00:01:25,950
Og það kemur out-- um þetta
tími, virðist það mjög tímabært

35
00:01:25,950 --> 00:01:28,910
þar sem ég safna að UC kosningar
eru um að klæða sig upp á ný.

36
00:01:28,910 --> 00:01:32,230
Svo ég hljóp fyrir UC, missti vansæll.

37
00:01:32,230 --> 00:01:34,770
Og kannski var þetta að hluta af hverju.

38
00:01:34,770 --> 00:01:37,600
Þannig að þetta var vefsíðan mín á þeim tíma.

39
00:01:37,600 --> 00:01:40,477
Fyrir sumir ástæða, ég hélt að það væri
góð hugmynd, en að segja fólki

40
00:01:40,477 --> 00:01:43,310
hvaða vettvang minn var og hvers vegna þeir
ætti að kjósa fyrir mig, að þeir hafa

41
00:01:43,310 --> 00:01:47,770
að smella til að slá til að finna út að
upplýsingar, sem eftir á að hyggja er

42
00:01:47,770 --> 00:01:48,660
konar hrollvekjandi.

43
00:01:48,660 --> 00:01:50,910
Ég í raun ekki vita hvað það væri.

44
00:01:50,910 --> 00:01:53,140
>> En það gerði örugglega ekki
hjálpa herferð mína.

45
00:01:53,140 --> 00:01:56,874
Ég fann líka að með því að háttsettir
year-- Ég hafði þetta Muppet dagbók.

46
00:01:56,874 --> 00:01:58,540
Muppets voru konar í tísku aftur þá.

47
00:01:58,540 --> 00:01:59,456
Eða kannski voru þeir ekki.

48
00:01:59,456 --> 00:02:01,790
Ég átti Muppet dagbók aftur þá.

49
00:02:01,790 --> 00:02:04,860
Og ég hélt að það væri svalt að nafni
tölvan mín á netið Harvard

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

51
00:02:07,460 --> 00:02:10,370
Á þeim tíma, við höfðum öll einstaklega
aðgreinanlegar gestgjafi nöfn.

52
00:02:10,370 --> 00:02:13,150
Og þú gætir valið nokkrar hégóma
nefna stað eigin nafni.

53
00:02:13,150 --> 00:02:15,580
Og ég fór með frogman fyrir sumir ástæða.

54
00:02:15,580 --> 00:02:19,040
>> Og þá er ég started-- Ég eyddi miklum
tíma að smella í gegnum þessa tengla

55
00:02:19,040 --> 00:02:20,280
í morgun.

56
00:02:20,280 --> 00:02:24,690
Og þetta var um síðuna mína,
sem nú konar virðist yndisleg.

57
00:02:24,690 --> 00:02:28,210
En það vitnar bara
hversu langt tækni hefur komið.

58
00:02:28,210 --> 00:02:30,310
Ég meina, aftur í dag,
a 486 var eitthvað.

59
00:02:30,310 --> 00:02:34,090
Þessa dagana, það er frábær, frábær,
Super Slow og vel minna

60
00:02:34,090 --> 00:02:36,216
en þú gætir hafa í þinn
eigin vasa þessa dagana.

61
00:02:36,216 --> 00:02:38,465
Það er meira um það að
var jafnvel meira vandræðalegt.

62
00:02:38,465 --> 00:02:39,770
Svo ég ætla að láta það á því.

63
00:02:39,770 --> 00:02:42,640
En það var fyrst minn
skyndiárás inn web-- ó, nei.

64
00:02:42,640 --> 00:02:43,180
Það var ekki.

65
00:02:43,180 --> 00:02:47,000
Fyrsta alvöru skyndiárás inn vefur forritun
var þessi síða, sem ég gleymdi bara.

66
00:02:47,000 --> 00:02:50,620
Á einhverjum tímapunkti, lærði ég hvernig á að
gera endurteknar bakgrunnsmyndir.

67
00:02:50,620 --> 00:02:55,260
Og svo ég fann þetta tiling árangri,
eins íshokkí leikmaður, fótbolta og golf

68
00:02:55,260 --> 00:02:58,040
bolti, eða hvað sem er
fyrir Frosh Spjallboð website.

69
00:02:58,040 --> 00:03:01,390
Og þetta var í raun, raunverulega er
Fyrsta vefur-undirstaða verkefni sem ég tók on--

70
00:03:01,390 --> 00:03:03,880
Ég held að kannski sophomore
ári, yngri year--

71
00:03:03,880 --> 00:03:07,622
eftir að CS50 og CS51, einn
af the sameiginlegur eftirfylgni á bekkjum.

72
00:03:07,622 --> 00:03:09,330
Ég tók eftir því að nota
gegnum skjalasafni

73
00:03:09,330 --> 00:03:12,150
sem einn af eftirmönnum mínum og
vinir, Lee, eins konar breytt

74
00:03:12,150 --> 00:03:13,480
höfundarréttur við sjálfan sig.

75
00:03:13,480 --> 00:03:17,520
En þetta var örugglega eitthvað sem
Ég ætti að eiga vandræði til.

76
00:03:17,520 --> 00:03:19,370
En á þeim tíma, þetta
var fyrsta website,

77
00:03:19,370 --> 00:03:22,220
eins og ég sagði fyrir nokkrum vikum síðan,
sem freshman gæti

78
00:03:22,220 --> 00:03:24,350
skrá fyrir intramural íþróttir hér.

79
00:03:24,350 --> 00:03:27,950
Og svo kemur í ljós
að bakgrunnsmyndir

80
00:03:27,950 --> 00:03:29,530
svona eru ekki svo góð hugmynd.

81
00:03:29,530 --> 00:03:31,840
En netið var nýr, og
við vorum öll að gera tilraunir.

82
00:03:31,840 --> 00:03:34,310
Og þetta er það sem ég
virðist gerði á þeim tíma.

83
00:03:34,310 --> 00:03:34,810
Allt í lagi.

84
00:03:34,810 --> 00:03:38,020
Svo án frekari fjaðrafok, við skipta
gír í dag að gefa þér, í raun,

85
00:03:38,020 --> 00:03:42,250
endanleg stykki sem þú gætir fundið
sérstaklega gagnlegt fyrir lokaverkefni

86
00:03:42,250 --> 00:03:44,780
heldur einnig að vilja byrja að
gera allt veraldarvefnum

87
00:03:44,780 --> 00:03:46,680
feel a lítill hluti fleiri skiljanlegt.

88
00:03:46,680 --> 00:03:49,460
Reyndar erum við að fara að kynna
eitt forritunarmál

89
00:03:49,460 --> 00:03:52,474
kallað JavaScript sem er svipað
og mismunandi í mismunandi vegu

90
00:03:52,474 --> 00:03:54,140
frá tungumálum við höfum litið á svona langt.

91
00:03:54,140 --> 00:03:55,807
>> Svo C, muna, er þetta tekið saman tungumál.

92
00:03:55,807 --> 00:03:57,473
Þú hefur got til að keyra það í gegnum þýðanda.

93
00:03:57,473 --> 00:03:59,810
Þú færð kóðann til að mótmæla
númer, eða zeroes og sjálfur.

94
00:03:59,810 --> 00:04:03,000
Og þeir eru zeroes og þau sem
CPU, Central Processing Unit,

95
00:04:03,000 --> 00:04:04,360
raunverulega skilja.

96
00:04:04,360 --> 00:04:06,610
PHP, hins vegar er ekki
a safna saman tungumál.

97
00:04:06,610 --> 00:04:08,772
Það er hvað?

98
00:04:08,772 --> 00:04:09,980
Það er túlkað tungumál.

99
00:04:09,980 --> 00:04:11,750
Svo er það eitthvað forrit
kallað túlk sem

100
00:04:11,750 --> 00:04:13,708
þarf að lesa efst it-- til
botn, vinstri til right--

101
00:04:13,708 --> 00:04:16,519
og reikna út hvað allt
setningafræði þinn er og þýðir,

102
00:04:16,519 --> 00:04:20,200
hvort sem það er lykkja eða skilyrði
eða eitthvert annað númer forritun

103
00:04:20,200 --> 00:04:20,740
býr.

104
00:04:20,740 --> 00:04:22,210
Svo er það túlkað tungumál.

105
00:04:22,210 --> 00:04:23,910
>> Þá erum við kynnt HTML.

106
00:04:23,910 --> 00:04:26,440
Og HTML er ekki einu sinni
forritunarmál.

107
00:04:26,440 --> 00:04:28,110
Við myndum kalla það hvað?

108
00:04:28,110 --> 00:04:31,650
A Markup Language, sem er bara
eins konar fínum leið til að segja það

109
00:04:31,650 --> 00:04:35,820
er ekki með forritun býr eins
við sáum jafnvel aftur á degi grunni.

110
00:04:35,820 --> 00:04:36,720
Það eru engar lykkjur.

111
00:04:36,720 --> 00:04:37,920
Það eru engin skilyrði.

112
00:04:37,920 --> 00:04:40,820
Það er í raun tungumál
um merkingar upp gögn

113
00:04:40,820 --> 00:04:43,620
og forsníða hana eða
uppbyggingu það á einhvern hátt.

114
00:04:43,620 --> 00:04:46,147
>> CSS, á meðan, á sama hátt
ekki forritunarmál.

115
00:04:46,147 --> 00:04:47,730
Það er jafnvel meira fagurfræðilega stilla.

116
00:04:47,730 --> 00:04:50,470
Og það gerir þér kleift að raða á fínstilltu
hluti eins leturstærð og liti

117
00:04:50,470 --> 00:04:51,850
og staðsetning og allt það.

118
00:04:51,850 --> 00:04:52,370
Þá höfðum

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

120
00:04:53,160 --> 00:04:56,010
Svo er SQL örugglega forritun
Tungumálið í einhverjum skilningi,

121
00:04:56,010 --> 00:04:59,330
að vísu sníða
sérstaklega til gagnagrunna.

122
00:04:59,330 --> 00:05:03,347
En jafnvel þótt við kynna aðeins þú að
velja og setja inn og eyða og uppfæra

123
00:05:03,347 --> 00:05:05,430
og a par af öðrum,
reynist þú getur í raun

124
00:05:05,430 --> 00:05:07,380
skrifa aðgerðir eða
aðferðir, eins og þeir eru

125
00:05:07,380 --> 00:05:11,270
kallað, í SQL sem líta út og haga
alveg eins og PHP og C virka.

126
00:05:11,270 --> 00:05:12,390
Svo vita að þeir eru.

127
00:05:12,390 --> 00:05:15,348
En við gerum ekki einu sinni nenna með þeim
eins og við klóra bara yfirborðið hér.

128
00:05:15,348 --> 00:05:18,600
Og þá JavaScript, síðasta
Tungumál okkar kynnt formlega.

129
00:05:18,600 --> 00:05:21,029
Svo JavaScript líka er
túlkað tungumál.

130
00:05:21,029 --> 00:05:23,070
Og þeir þekkja, gera
þú vilt að greina það

131
00:05:23,070 --> 00:05:26,960
með nokkrum einkennandi
bæði C og PHP?

132
00:05:26,960 --> 00:05:28,300
Hvað gerir það öðruvísi?

133
00:05:28,300 --> 00:05:29,650
>> Áhorfendur: Það er ekki unnin.

134
00:05:29,650 --> 00:05:29,930
>> DAVID Malan: Segðu þetta aftur

135
00:05:29,930 --> 00:05:31,200
>> Áhorfendur: Það er ekki unnin.

136
00:05:31,200 --> 00:05:31,930
>> DAVID Malan: Það er ekki unnin.

137
00:05:31,930 --> 00:05:33,450
Svo það líka, er túlkað.

138
00:05:33,450 --> 00:05:34,760
Svo það er ekki unnin.

139
00:05:34,760 --> 00:05:37,210
En það gerir það svolítið eins og PHP.

140
00:05:37,210 --> 00:05:39,545
En það er samt öðruvísi
PHP á einhvern sláandi hátt,

141
00:05:39,545 --> 00:05:40,920
að minnsta kosti í því hvernig við notum það.

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

143
00:05:41,205 --> 00:05:41,940
>> Áhorfendur: Það keyrir client-megin.

144
00:05:41,940 --> 00:05:44,000
>> DAVID Malan: Það keyrir
viðskiptavinur-hlið, yfirleitt.

145
00:05:44,000 --> 00:05:47,190
Það er örugglega einkennisstafir
einkennandi fyrir okkur núna.

146
00:05:47,190 --> 00:05:51,170
C var framreiðslumaður-hlið í skilningi
sem við gerðum allt sem í CS50 IDE.

147
00:05:51,170 --> 00:05:53,630
PHP svona langt hefur verið
framreiðslumaður-hlið marki

148
00:05:53,630 --> 00:05:56,550
eins og það líka, fær interpreted--
ekki saman, en interpreted--

149
00:05:56,550 --> 00:06:00,690
inni CS50 IDE, sem að sjálfsögðu er
bara miðlara eða netþjóna í skýinu.

150
00:06:00,690 --> 00:06:03,070
>> En JavaScript, jafnvel
þó að þú að þú ert að fara

151
00:06:03,070 --> 00:06:07,000
að byrja að skrifa hana fyrir, segjum, pset
átta og kannski endanlega projects-- þú ert

152
00:06:07,000 --> 00:06:09,620
fara til hægri hana í
CS50 IDE og vista það

153
00:06:09,620 --> 00:06:14,760
í skrám CS50 IDE, CS50 IDE
og á móti, ský framreiðslumaður

154
00:06:14,760 --> 00:06:19,160
sem það er hýst, eru ekki að fara
að túlka eða framkvæma kóðann þinn.

155
00:06:19,160 --> 00:06:23,880
Frekar, það er að fara að senda í
óbreytt form niður til the flettitæki.

156
00:06:23,880 --> 00:06:26,990
Og það er þá að fara að vera IE
eða Chrome eða Firefox eða Safari

157
00:06:26,990 --> 00:06:30,697
eða hvað sem í raun túlkar
það, toppur til botn, vinstri til hægri.

158
00:06:30,697 --> 00:06:32,780
Svo helstu auðkennandi
einkennandi fyrir í dag

159
00:06:32,780 --> 00:06:36,110
er að JavaScript er client-megin
og PHP, til dæmis,

160
00:06:36,110 --> 00:06:37,690
hefur verið miðlara-hlið.

161
00:06:37,690 --> 00:06:40,920
Nú, þetta er áhugavert áhrif
fyrir, eins og, hugverk

162
00:06:40,920 --> 00:06:42,660
og sem geta raunverulega sjá kóðann þinn.

163
00:06:42,660 --> 00:06:44,860
Og reyndar, þú getur farið
á vefnum og sjá mest

164
00:06:44,860 --> 00:06:47,530
allir kóða sem einhver hefur
skrifað í JavaScript.

165
00:06:47,530 --> 00:06:50,230
Stundum er það læsileg,
Stundum er obfuscated.

166
00:06:50,230 --> 00:06:52,550
En meira um það í tæka tíð.

167
00:06:52,550 --> 00:06:57,530
>> Svo JavaScript fallega nóg, er
frábær svipuð, setningafræðilega, að C.

168
00:06:57,530 --> 00:06:59,364
Og mikill eins og PHP,
það er engin Helsta hlutverk.

169
00:06:59,364 --> 00:07:02,113
Ef þú vilt að byrja að skrifa
JavaScript kóða, eins og þú munt sjá í dag,

170
00:07:02,113 --> 00:07:03,270
þú byrjar bara að skrifa það.

171
00:07:03,270 --> 00:07:06,910
En það er, sem þú munt sjá, sérstaklega
gagnlegt í tengslum við vafra.

172
00:07:06,910 --> 00:07:09,820
Hins vegar er lítið minn
disclaimer-- yfirleitt earlier--

173
00:07:09,820 --> 00:07:13,790
var að segja að þú getur sífellt
í dag nota JavaScript framreiðslumaður-hlið

174
00:07:13,790 --> 00:07:17,655
nota ímynda ramma sem heitir Node.js
að sumir af eigin forrit CS50 er

175
00:07:17,655 --> 00:07:18,280
eru skrifaðar í.

176
00:07:18,280 --> 00:07:20,640
Athugaðu 50 reyndar notar Node.js.

177
00:07:20,640 --> 00:07:24,140
En við erum að fara að einblína á
JavaScript client-megin hér eftir.

178
00:07:24,140 --> 00:07:26,750
>> Svo hér er sett skilyrði í PHP.

179
00:07:26,750 --> 00:07:29,350
Því miður, in-- reyndar, það
Yfirlýsing líka er rétt.

180
00:07:29,350 --> 00:07:32,200
Hér er einnig sett af
aðstæður í JavaScript.

181
00:07:32,200 --> 00:07:35,560
Syntactically, er það
eins og C og PHP.

182
00:07:35,560 --> 00:07:39,040
Orðasambönd Mr Boole eru,
álíka, setningafræðilega

183
00:07:39,040 --> 00:07:41,190
eins og bæði C og PHP.

184
00:07:41,190 --> 00:07:44,100
Við höfum einnig rofa í
JavaScript að líta eins.

185
00:07:44,100 --> 00:07:46,350
Við höfum fyrir lykkjur sem eru
byggð samur,

186
00:07:46,350 --> 00:07:48,140
en lykkjur, gera á meðan lykkjur.

187
00:07:48,140 --> 00:07:49,980
>> This einn er a lítill ólíkur.

188
00:07:49,980 --> 00:07:53,120
PHP hafði fyrir hvern reisa
sem þú gætir verið að nota

189
00:07:53,120 --> 00:07:55,320
eða vilja nota í pset sjö, kannski.

190
00:07:55,320 --> 00:07:59,460
JavaScript er þetta sérstaka útgáfu af
fyrir þar sem þú segir eitthvað bókstaflega

191
00:07:59,460 --> 00:08:03,864
eins og fyrir breytu lykill í hlut, sem
er mjög gagnorðar leið til að segja,

192
00:08:03,864 --> 00:08:06,780
ef ég hef fengið object-- og við munum
tala um þetta aftur í moment--

193
00:08:06,780 --> 00:08:10,370
og ég vil árétta yfir allt
af helstu pör gildi inni,

194
00:08:10,370 --> 00:08:13,620
Ég þarf ekki að reikna út hvernig á að
tölulega Vísitala þá með núll, einn,

195
00:08:13,620 --> 00:08:14,580
tveir, þrír.

196
00:08:14,580 --> 00:08:15,900
>> Ég get bókstaflega segja þetta.

197
00:08:15,900 --> 00:08:20,740
Og á hverri ítrun, JavaScript
fyrir mig mun uppfæra breyta takkann

198
00:08:20,740 --> 00:08:24,810
að vera fyrsti lykillinn, svo næsti,
þá næsti, þá næsti,

199
00:08:24,810 --> 00:08:25,510
og svo framvegis.

200
00:08:25,510 --> 00:08:30,000
Og ég get fengið á gildi þess með því að meðhöndla
hlut í JavaScript, eins og við munum sjá,

201
00:08:30,000 --> 00:08:32,584
eins og það er
tengin array í PHP.

202
00:08:32,584 --> 00:08:35,750
Reyndar, ef þú vafinn loksins þinn
huga um hvað tengin array er

203
00:08:35,750 --> 00:08:40,140
í PHP, getur þú hugsa um það nú eins
samhljóða hlut í JavaScript.

204
00:08:40,140 --> 00:08:42,030
En það er hluti af
mikil einföldun.

205
00:08:42,030 --> 00:08:47,230
>> Fylki líta, fallega nóg, eins
á PHP nema einum staf.

206
00:08:47,230 --> 00:08:51,425
Það er eitt sem vantar hérna
sem við gerðum sjá í síðustu viku með PHP.

207
00:08:51,425 --> 00:08:52,050
Hvað er sleppt?

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

209
00:08:53,310 --> 00:08:54,090
Engin dollaramerki.

210
00:08:54,090 --> 00:08:56,240
Þannig að við erum aftur að a
eðlilegra heimi þar

211
00:08:56,240 --> 00:08:58,050
breytur hafa ekki dollara merki.

212
00:08:58,050 --> 00:09:00,810
En þú gerir forskeytið þeim
með Var, oftast.

213
00:09:00,810 --> 00:09:02,230
Og Var þýðir breytu.

214
00:09:02,230 --> 00:09:06,440
Og líkt PHP er lauslega
typed-- þar eru gerðir,

215
00:09:06,440 --> 00:09:10,120
það eru tölur og strengir
og flýtur og svo forth--

216
00:09:10,120 --> 00:09:11,570
JavaScript er álíka tegundir.

217
00:09:11,570 --> 00:09:15,470
En það er lauslega slegið í að við að
forritarar þurfa ekki að tilgreina þau.

218
00:09:15,470 --> 00:09:18,980
Við verðum bara að vera meðvitaðir
að mismunandi tegundir til.

219
00:09:18,980 --> 00:09:21,690
>> Breytur, er meanwhile-- hér hvernig
við gætum lýsa "Halló, heimur"

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

221
00:09:22,230 --> 00:09:24,890
Eftir það er eins og
PHP en engin dollaramerki.

222
00:09:24,890 --> 00:09:27,120
Og þetta er eitthvað sem við munum
byrja að sjá meira í dag,

223
00:09:27,120 --> 00:09:30,990
þar sem þú ert með hlut
með tökkum og gildum.

224
00:09:30,990 --> 00:09:32,990
Og ef þú vilt reyna
að álykta frá síðasta week--

225
00:09:32,990 --> 00:09:34,730
setningafræði er svolítið öðruvísi.

226
00:09:34,730 --> 00:09:39,740
En smá geðheilsu check-- hversu margir
lyklar er þetta hlutur virðist hafa?

227
00:09:39,740 --> 00:09:40,850
Þannig að ég sé fjögurra.

228
00:09:40,850 --> 00:09:43,560
Ég sé tvo.

229
00:09:43,560 --> 00:09:44,680
>> Svo það er í raun tveir.

230
00:09:44,680 --> 00:09:47,260
Þannig að þetta er safn
tveggja lykill-gildi pör.

231
00:09:47,260 --> 00:09:49,820
Lykillinn er tákn sem gildi er FB.

232
00:09:49,820 --> 00:09:52,620
Lykillinn er verð sem gildi er 101.53.

233
00:09:52,620 --> 00:09:54,230
Þeir eru tveir lykill-gildi par.

234
00:09:54,230 --> 00:09:58,120
Og muna, PHP-- og þetta er aftur
bara svona setningafræðilegar munur.

235
00:09:58,120 --> 00:10:00,170
Það er ekki allt sem
vitsmunalega áhugavert.

236
00:10:00,170 --> 00:10:04,610
PHP gæti hafa skrifað þetta sama
heitir follows-- quote, jafngildir.

237
00:10:04,610 --> 00:10:06,730
Og ég breytt þeim til hornklofa.

238
00:10:06,730 --> 00:10:11,240
Og þá er ég að breyta þessu til
a vitna orð, "verð."

239
00:10:11,240 --> 00:10:12,500
Og þá nota ég ekki tvípunkt.

240
00:10:12,500 --> 00:10:15,060
Hvað gerði ég nota síðustu viku?

241
00:10:15,060 --> 00:10:18,290
Já, merkið
arrow angurvær tákn.

242
00:10:18,290 --> 00:10:21,470
>> Og svo ég gerði það sama hér.

243
00:10:21,470 --> 00:10:23,580
Sami hlutur hér.

244
00:10:23,580 --> 00:10:24,240
Og það er allt.

245
00:10:24,240 --> 00:10:27,752
Svo það er allt í lagi ef þetta er ekki
virkilega sökkt í að minni bara

246
00:10:27,752 --> 00:10:29,960
enn vegna þess að það er í raun
vitsmunalega uninteresting.

247
00:10:29,960 --> 00:10:31,660
Það er bara setningafræðilegar munur.

248
00:10:31,660 --> 00:10:33,230
En hugmyndir eru nákvæmlega það sama.

249
00:10:33,230 --> 00:10:35,910
Inni þessa breytu
vitna í JavaScript

250
00:10:35,910 --> 00:10:39,020
er safn af lykill-gildi par,
einn sem er tákn, einn sem

251
00:10:39,020 --> 00:10:39,690
er verð.

252
00:10:39,690 --> 00:10:42,340
Og ég get fengið á þeim gildum
með eftirfarandi setningafræði.

253
00:10:42,340 --> 00:10:46,280
Rétt eins og í PHP, ég gat
gera eitthvað like-- láta

254
00:10:46,280 --> 00:10:48,590
mig gera þetta kassi aðeins stærri.

255
00:10:48,590 --> 00:10:52,750
Rétt eins og í PHP, ég gat
gera this-- ó, dammit.

256
00:10:52,750 --> 00:10:53,250
Láttu ekki svona.

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

258
00:10:56,350 --> 00:11:00,800
>> Rétt eins og í PHP-- lagi, munum við
bara nota kynnirinn skýringum.

259
00:11:00,800 --> 00:11:06,010
Rétt eins og í PHP, ég get
gera $ vitna $ vitna ["tákn"],

260
00:11:06,010 --> 00:11:08,860
og þetta mun fá mér
gildi "tákn."

261
00:11:08,860 --> 00:11:12,800
JavaScript, það er að fara að vera
eins, þar sem ég get bara gert þetta.

262
00:11:12,800 --> 00:11:14,850
Það eina sem er
vantar er dollaramerki.

263
00:11:14,850 --> 00:11:17,470
>> Svo fallega nóg, þá, það er
ekki allt sem mikið nýtt setningafræði.

264
00:11:17,470 --> 00:11:21,025
Svo það í dag við að leggja áherslu á, í raun er,
sumir af þeim hugmyndum og forrit.

265
00:11:21,025 --> 00:11:22,900
Og fyrst svo
forrit sem þú gætir

266
00:11:22,900 --> 00:11:26,090
hef séð ef þú kafa inn pset
sjö þegar þetta er setningafræði.

267
00:11:26,090 --> 00:11:28,980
Svo í pset sjö, ef þú hefur
séð eða ekki séð hana ennþá,

268
00:11:28,980 --> 00:11:33,570
veit að það er skrá sem við gefum
þú kallaðir config.json-- Javascript

269
00:11:33,570 --> 00:11:34,661
Object Ritháttur.

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

271
00:11:35,160 --> 00:11:39,540
Okkur langaði til að vera fær um að veita þér með
sniðmát með nokkrum lykill-gildi pör.

272
00:11:39,540 --> 00:11:44,290
Okkur langaði til að vera fær um að gefa þér lista
gestgjafi, nafn miðlara.

273
00:11:44,290 --> 00:11:46,710
Okkur langaði til að gefa þér
tákn fyrir notandanafni þínu

274
00:11:46,710 --> 00:11:48,210
og tákn fyrir lykilorð.

275
00:11:48,210 --> 00:11:49,410
Ef þú ert ekki að sjá
þetta ennþá, ekki að hafa áhyggjur.

276
00:11:49,410 --> 00:11:51,340
Meira um þetta í pset sjö
[? sérstakur. ?] Og svo,

277
00:11:51,340 --> 00:11:53,173
augljóslega, viljum við þér
að fylla í verkþætti

278
00:11:53,173 --> 00:11:55,310
vegna þess að þegar þú skráir þig inn
CS50 IDE, hvert ykkar

279
00:11:55,310 --> 00:11:57,630
hafa eigin notendanafn og lykilorð.

280
00:11:57,630 --> 00:12:00,910
>> Þannig að við gætum hef notað hálfa tylft
eða fleiri mismunandi skráarsnið.

281
00:12:00,910 --> 00:12:02,940
Við hefðum getað notað Txt skrá.

282
00:12:02,940 --> 00:12:04,570
Við gætum notað CSV skrá.

283
00:12:04,570 --> 00:12:06,745
Við gætum höfum notað er
INI skrá, XML skrá,

284
00:12:06,745 --> 00:12:09,370
a heild búnt fleiri skammstafanir sem
þú gætir ekki hafa heyrt.

285
00:12:09,370 --> 00:12:11,244
Það er góður af handahófskennt
í lok dagsins.

286
00:12:11,244 --> 00:12:16,030
En frábær vinsæll þessa dagana er texti
snið kallað JSON-- JavaScript Object

287
00:12:16,030 --> 00:12:18,460
Notation-- sem lítur svona út.

288
00:12:18,460 --> 00:12:20,890
Það er svolítið dulinn,
en taka eftir mynstrum.

289
00:12:20,890 --> 00:12:24,180
Þú byrjar með opnum hrokkið
Brace, og þú endar með það sama.

290
00:12:24,180 --> 00:12:26,550
Inni sem er eitthvað.

291
00:12:26,550 --> 00:12:27,920
Það er lykill-gildi par.

292
00:12:27,920 --> 00:12:30,580
Svo er þetta hlutur sem ég er
horfa á á skjánum hér

293
00:12:30,580 --> 00:12:33,690
sem hefur einn lykill, sem hefur eitt gildi.

294
00:12:33,690 --> 00:12:37,610
Og bara inferring byggt á
fyrri mynstur, hvað er lykillinn hér?

295
00:12:37,610 --> 00:12:39,790
Database, málið er að
vinstri í ristli.

296
00:12:39,790 --> 00:12:43,500
>> Nú, gildi verður að vera
a margar línur að þessu sinni.

297
00:12:43,500 --> 00:12:46,760
En verðmæti byrjar með hrokkið
borsveif og endar með hrokkið borsveif.

298
00:12:46,760 --> 00:12:49,480
Svo er hvað myndir þú leggja í
tegund af verðmæti á gagnagrunni?

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

300
00:12:52,160 --> 00:12:54,670
A orðabók eða bara meira
succinctly, hlut.

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

302
00:12:55,170 --> 00:13:00,010
Þetta er góður af a gögn uppbygging sem
Hægt er að nota önnur mannvirki í sér.

303
00:13:00,010 --> 00:13:02,750
Þannig að ef þetta allt hlutur sem við erum
Starf object-- og hlut

304
00:13:02,750 --> 00:13:07,101
er bara fullt af takka-gildi pairs-- á
gildi hjá sjálfri er hlutur.

305
00:13:07,101 --> 00:13:10,350
Gildi gagnasafn hefur a heild búnt
helstu gildi pör, fyrst sem

306
00:13:10,350 --> 00:13:13,130
er gestgjafi, þá nafn, þá
notandanafn, þá lykilorð

307
00:13:13,130 --> 00:13:17,550
hvert sem gildi, á meðan, það er
bara leiðinlegt band í gæsalöppum.

308
00:13:17,550 --> 00:13:19,770
>> Svo jafnvel ef það er ekki
frábær skýr strax,

309
00:13:19,770 --> 00:13:22,740
veit að þetta er bara
staðall, nokkuð leiðinlegt leið

310
00:13:22,740 --> 00:13:25,190
að geyma gögn í stöðluðu sniði.

311
00:13:25,190 --> 00:13:27,700
En algengt Mistök Þú
gæti gert, jafnvel í pset sjö,

312
00:13:27,700 --> 00:13:32,120
eru litlar heimskur hluti, eins og ef þú
óvart sleppt kommu þarna.

313
00:13:32,120 --> 00:13:34,900
Það er að fara að leiða í skrá
ekki endilega að vera læsileg.

314
00:13:34,900 --> 00:13:38,191
Ef þú sleppt óvart hluti eins
vitna, það er ekki að fara að vera læsileg.

315
00:13:38,191 --> 00:13:41,654
Svo það er nokkuð nitpicky skrá snið,
en það er eitt sem er frábær sameiginleg.

316
00:13:41,654 --> 00:13:44,820
Og við skyldir að nota það, jafnvel þó
þú notar ekki JavaScript annars,

317
00:13:44,820 --> 00:13:46,330
í pset sjö.

318
00:13:46,330 --> 00:13:46,860
>> Allt í lagi.

319
00:13:46,860 --> 00:13:48,110
Svo man þessa mynd.

320
00:13:48,110 --> 00:13:51,657
Við töluðum um, í HTML, sem
kóðinn gæti litið svona út.

321
00:13:51,657 --> 00:13:54,740
Þetta er HyperText Markup Language
[Inaudible] fyrir bara "Halló, heimur."

322
00:13:54,740 --> 00:13:57,570
En þá erum við fyrirhugaða
en aftur að ef það hjálpar,

323
00:13:57,570 --> 00:14:00,210
þú might vilja til að byrja að hugsa
um þetta þegar eins og tré.

324
00:14:00,210 --> 00:14:03,730
Í raun, inndrátt sem við
nota bara fyrir sakir sýnilegur er

325
00:14:03,730 --> 00:14:05,610
eða vegna á Style
vinstri getur konar

326
00:14:05,610 --> 00:14:10,040
vera þýdd þessu tré, þar sem þú
hafa sérstaka rót hnút sem við munum

327
00:14:10,040 --> 00:14:16,860
generically kallað skjal, sem er af
er rót HTML frumefni eða tag, HTML,

328
00:14:16,860 --> 00:14:19,980
sem síðan hefur tvö
börn, höfuð og líkama.

329
00:14:19,980 --> 00:14:21,750
>> Og þá aftur, höfuð hefur titil.

330
00:14:21,750 --> 00:14:23,440
Og titill hefur texta gildi.

331
00:14:23,440 --> 00:14:26,130
Og líkaminn hefur álíka texta gildi.

332
00:14:26,130 --> 00:14:29,220
Svo ef þú ert ánægð orðatiltæki
að já, þú gætir tekið þennan HTML kóða

333
00:14:29,220 --> 00:14:32,080
og teikna mynd eins
þetta, Hægra megin

334
00:14:32,080 --> 00:14:35,910
er ágætur andlegt líkan því nú
sem við höfum JavaScript, a forritun

335
00:14:35,910 --> 00:14:39,960
tungumál sem vafrar getur
framkvæma og túlka fyrir þig,

336
00:14:39,960 --> 00:14:42,690
það kemur í ljós að það
við erum að fara að gera í kóðann

337
00:14:42,690 --> 00:14:45,320
er að byrja að vinna þetta
tré uppbyggingu í minni.

338
00:14:45,320 --> 00:14:47,070
Við þurfum ekki að byggja
tré í minni.

339
00:14:47,070 --> 00:14:49,880
Við þurfum ekki að gera svoleiðis
pset fimm-stíl gögn uppbygging

340
00:14:49,880 --> 00:14:50,650
flókið.

341
00:14:50,650 --> 00:14:54,610
Vafrinn, fallega nóg, við
túlka HTML toppur til botn,

342
00:14:54,610 --> 00:14:58,600
vinstri eða hægri, er bókstaflega að fara að
afhenda okkur jafnvirði bendi

343
00:14:58,600 --> 00:15:00,840
að því öllu trénu fyrir frjáls.

344
00:15:00,840 --> 00:15:02,150
Það er allt í vinnu.

345
00:15:02,150 --> 00:15:05,520
Það er það sem Mozilla og Apple
og aðrir hafa gert fyrir okkur.

346
00:15:05,520 --> 00:15:09,400
>> Og með JavaScript erum við að fara að
vera fær um að stjórna og breyta og gera

347
00:15:09,400 --> 00:15:12,910
áhugavert til
að tré, annars þekkt

348
00:15:12,910 --> 00:15:15,880
sem DOM eða Document Object Model.

349
00:15:15,880 --> 00:15:17,110
Hvers konar hluti?

350
00:15:17,110 --> 00:15:19,030
Jæja, það kemur í ljós að
í JavaScript, það er

351
00:15:19,030 --> 00:15:22,800
þetta þvottahús lista af
atburðir sem geta átt sér stað.

352
00:15:22,800 --> 00:15:26,330
Og við höfum í raun ekki notað sem
Bæta síðan viku núll og pset

353
00:15:26,330 --> 00:15:28,240
núll þegar við ræddum um grunni.

354
00:15:28,240 --> 00:15:31,390
Flest af þú sennilega ekki nota
atburður í grunni verkefninu.

355
00:15:31,390 --> 00:15:33,850
En þú gætir muna
einfalt Marco Polo

356
00:15:33,850 --> 00:15:36,760
dæmi, þar sem við höfðum tvö
sprites, einn þeirra sagði, Marco.

357
00:15:36,760 --> 00:15:40,180
Hin hverjir þá, á að hlusta
og heyra að atburði, sagði, Polo.

358
00:15:40,180 --> 00:15:42,080
Ef ekki, ekki hika við að
líta til baka svo langt aftur.

359
00:15:42,080 --> 00:15:44,450
>> En þetta er bara til að
segja, og þú getur konar

360
00:15:44,450 --> 00:15:47,730
álykta frá nöfnum þessara
hlutir, JavaScript, það kemur í ljós,

361
00:15:47,730 --> 00:15:53,200
er að fara að gefa okkur leið til að hlusta
fyrir mús að fara niður eða mús fara upp

362
00:15:53,200 --> 00:15:57,920
eða lykill að fara niður eða lykill
að fara upp eða onsubmit onselect

363
00:15:57,920 --> 00:15:59,740
eða onresizing eitthvað.

364
00:15:59,740 --> 00:16:03,060
Með öðrum orðum, allir líkamlega aðgerð
sem maður getur tekið með vafra

365
00:16:03,060 --> 00:16:08,210
sem þú gerir á hverjum degi, getur þú skrifað
póstnúmer fyrir að hlustar eftir þeim atburðum

366
00:16:08,210 --> 00:16:10,220
og þá er eitthvað viðeigandi.

367
00:16:10,220 --> 00:16:14,130
>> Til dæmis, ef þú notar Google Maps,
hvað gerist ef þú smellir á og færa

368
00:16:14,130 --> 00:16:16,250
mús, yfirleitt?

369
00:16:16,250 --> 00:16:17,758
Ef þú smellir á og draga?

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

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

372
00:16:21,701 --> 00:16:22,200
Nákvæmlega.

373
00:16:22,200 --> 00:16:23,159
Kortið byrjar að hreyfa.

374
00:16:23,159 --> 00:16:25,616
Svo þú getur konar séð hvað er
hérna, hvað er þarna.

375
00:16:25,616 --> 00:16:27,130
Og hvernig virkar Google framkvæma það?

376
00:16:27,130 --> 00:16:29,421
Jæja, væntanlega, þeir
með nokkrum af þessum atburði

377
00:16:29,421 --> 00:16:31,720
hlustun, eitt sem
segir, hlusta á á músinni

378
00:16:31,720 --> 00:16:35,410
down-- svo þegar notandi líkamlega
ýtir rekja spor einhvers hans eða hans eða mús hennar

379
00:16:35,410 --> 00:16:36,010
niður.

380
00:16:36,010 --> 00:16:38,350
Og þá erum við að leita að
eitthvað eins og hreyfingu

381
00:16:38,350 --> 00:16:41,145
eða einhver annar atburður sem
gerir okkur kleift að handtaka dragið.

382
00:16:41,145 --> 00:16:45,910
Og í raun, draga er álíka í þetta
punktur punktur punktur lista yfir mögulega valkosti.

383
00:16:45,910 --> 00:16:49,140
>> Þannig að þetta er að fara til vera a öflugur
leið til að byrja að bregðast við notanda

384
00:16:49,140 --> 00:16:52,824
jafnvel áður en hann eða hún smellir raun
eitthvað skýr eins leggja.

385
00:16:52,824 --> 00:16:55,240
En við erum að fara að kynna
nokkrar efni á að komast þangað.

386
00:16:55,240 --> 00:16:58,570
Umskipti en fyrst skulum
að einhverju raunverulegu kóða.

387
00:16:58,570 --> 00:17:01,450
Þannig að ég ætla að fara
á undan og opna dom-0,

388
00:17:01,450 --> 00:17:05,869
sem er mjög einfalt dæmi
hér að ef ég stækka bara

389
00:17:05,869 --> 00:17:08,500
hefur þetta inntak hér fyrir mig.

390
00:17:08,500 --> 00:17:12,410
Og ég ætla að fara á undan og tegund í
"David" mínu nafni og smelltu á Senda.

391
00:17:12,410 --> 00:17:17,940
>> Og þá, að vísu konar ódýrt, ég
hafa þetta hvetja sem birtist sem segir,

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

393
00:17:19,244 --> 00:17:21,740
Svo er af þessu tagi
eins okkar "Halló, heimur"

394
00:17:21,740 --> 00:17:25,150
sem við gerðum hríð aftur í C ​​og
jafnvel í PHP vegna þess að ég hef mjög virk

395
00:17:25,150 --> 00:17:26,310
outputted nafn mitt.

396
00:17:26,310 --> 00:17:28,230
Ég get gert nafn einhvers annars hér.

397
00:17:28,230 --> 00:17:31,240
Ég gæti einfaldlega breytt þessu í,
eins, Hannah, smelltu á Senda.

398
00:17:31,240 --> 00:17:33,780
Og reyndar, litlu pop-up breytingar.

399
00:17:33,780 --> 00:17:36,650
>> Nú, eru hvellur-ups einn af
flestir misnotuð lögun af the vefur.

400
00:17:36,650 --> 00:17:38,520
Og í raun aftur í
í dag pop-up blokkar

401
00:17:38,520 --> 00:17:40,820
kom inn í PayPal vegna þess að þú
myndi fara til einhvers website--

402
00:17:40,820 --> 00:17:43,604
kannski vafasamt place--
sem myndi þá skyndilega

403
00:17:43,604 --> 00:17:46,020
byrja peppering skjánum
með a heild búnt af pop-ups.

404
00:17:46,020 --> 00:17:49,700
Og svo þetta getu til að skjóta upp kollinum
gluggar í framan notandann

405
00:17:49,700 --> 00:17:52,372
hefur ekki verið sérlega
vel tekið af mannkyninu.

406
00:17:52,372 --> 00:17:54,080
Svo er það hvers vegna þú sérð
þetta koma í veg fyrir neitt,

407
00:17:54,080 --> 00:17:55,706
sem bara gerir þetta allt hlutur ljót.

408
00:17:55,706 --> 00:17:57,996
Þannig að við erum að fara að þurfa a
betri leið til að hvetja notandann.

409
00:17:57,996 --> 00:17:59,350
En nú, sem virðist virka.

410
00:17:59,350 --> 00:18:03,320
Svo bara innsæi, hvað
virðist vera að gerast hér?

411
00:18:03,320 --> 00:18:07,870
Ég fer á undan og smelltu á Senda og
þá eitthvað er að gerast, greinilega.

412
00:18:07,870 --> 00:18:12,870
En hvað er ekki að gerast að gerðist
í síðustu viku hvenær ég smellti Senda?

413
00:18:12,870 --> 00:18:15,940
Hvað gerðist ekki á skjánum?

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

415
00:18:17,170 --> 00:18:18,010
Endurhlaða.

416
00:18:18,010 --> 00:18:19,720
The URL ekki breytt á öllum.

417
00:18:19,720 --> 00:18:22,250
Ég sagði að þetta væri dom-0,
og ég er enn á Dom-0.

418
00:18:22,250 --> 00:18:26,890
Venjulega, við myndum fá breytt að einhverju öðru
URL, eins og register.php eða þess háttar.

419
00:18:26,890 --> 00:18:29,560
>> En jafnvel þegar ég hunsað
Þessi hlutur með því að smella á OK,

420
00:18:29,560 --> 00:18:32,310
Takið eftir að URL
helst alveg setja.

421
00:18:32,310 --> 00:18:35,350
Og í raun, ef ég er svolítið
efins, láta mig opna Chrome.

422
00:18:35,350 --> 00:18:36,860
Leyfðu mér að opna flipann Network.

423
00:18:36,860 --> 00:18:38,360
Og eftir það er auður í augnablikinu.

424
00:18:38,360 --> 00:18:40,700
Leyfðu mér að fara á undan og endursenda Maria.

425
00:18:40,700 --> 00:18:42,810
Það er engin net umferð af neinu tagi.

426
00:18:42,810 --> 00:18:44,320
Þannig að það er engin HTTP.

427
00:18:44,320 --> 00:18:47,620
>> Svo reyndar ef ég horfi á the uppspretta merkjamál
fyrir this-- láta mig loka þessum glugga

428
00:18:47,620 --> 00:18:49,480
og fara í View Source.

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

430
00:18:50,400 --> 00:18:53,520
Það lítur út eins og það er einhver
ný merki, meðal þeirra handrit.

431
00:18:53,520 --> 00:18:57,490
Svo skulum taka a líta innan CS50
IDE nákvæmlega hvað ég sent til notandans.

432
00:18:57,490 --> 00:19:00,690
>> Svo hér is-- skulum
leggja áherslu á HTML eingöngu.

433
00:19:00,690 --> 00:19:03,500
Villutrú 'the botn helmingur af DOM-0.html.

434
00:19:03,500 --> 00:19:07,830
Og eftir að það fékk titilinn,
höfuð tag, líkami tag, mynd tag.

435
00:19:07,830 --> 00:19:11,257
En hvað stökk út til þín eins
mismunandi, sérstaklega ef þú hefur aldrei

436
00:19:11,257 --> 00:19:12,590
skrifað eitthvað JavaScript sjálfur.

437
00:19:12,590 --> 00:19:14,920
Láta mig fletta smá
til hérna.

438
00:19:14,920 --> 00:19:18,330
Ég hef fengið inntak,
annar inntak fyrir að leggja.

439
00:19:18,330 --> 00:19:21,410
Ég hef fengið ID, sem er eins konar ný.

440
00:19:21,410 --> 00:19:22,790
En við fengum að sjá þetta með CSS.

441
00:19:22,790 --> 00:19:24,480
Hvað annað er ákveðið nýtt?

442
00:19:24,480 --> 00:19:24,980
Já?

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

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

445
00:19:32,140 --> 00:19:32,760
>> Allt í lagi.

446
00:19:32,760 --> 00:19:35,630
Svo þar sem hún segir onsubmit,
eftir því sem virðist fylgja.

447
00:19:35,630 --> 00:19:38,740
Þetta er eiginleiki
í HTML flokkunarkerfi.

448
00:19:38,740 --> 00:19:40,944
Gildi þess er þetta vitnað streng hér.

449
00:19:40,944 --> 00:19:42,860
Og þetta lítur svolítið
undarlegt við fyrstu sýn.

450
00:19:42,860 --> 00:19:44,050
Það er ekki HTML.

451
00:19:44,050 --> 00:19:45,240
Það er ekki CSS.

452
00:19:45,240 --> 00:19:47,580
Þetta er, eins og þú might giska, JavaScript.

453
00:19:47,580 --> 00:19:51,850
Svo virðist sem byggt inn í þetta
Vefsíðan er fall sem heitir Greet.

454
00:19:51,850 --> 00:19:54,250
Og ég er inferring að bara
vegna þess að það er orð, heilsa.

455
00:19:54,250 --> 00:19:55,880
Það fékk opið paren,
loka paren, semíkommu.

456
00:19:55,880 --> 00:19:58,095
Lítur út eins og C virka,
lítur út eins og PHP virka.

457
00:19:58,095 --> 00:20:00,370
>> Og reyndar, það er að fara að
vera JavaScript fall.

458
00:20:00,370 --> 00:20:01,440
Þá er ég aftur ósatt.

459
00:20:01,440 --> 00:20:03,440
Við munum koma aftur til
sem í bara smá stund.

460
00:20:03,440 --> 00:20:05,320
En hvar er þessi aðgerð skilgreint?

461
00:20:05,320 --> 00:20:07,950
Jæja látið mig fletta upp
til the efst á skránni.

462
00:20:07,950 --> 00:20:11,710
Og jafnvel þó að það er löng lína,
það er tiltölulega einfalt.

463
00:20:11,710 --> 00:20:15,000
Leyfðu mér að súmma út hér og
einbeita sér að þessum fjórum línum.

464
00:20:15,000 --> 00:20:17,137
>> Svo í JavaScript, bara
eins og PHP, þú bara

465
00:20:17,137 --> 00:20:19,720
segja, bókstaflega, orðið "virka,"
nafn virka,

466
00:20:19,720 --> 00:20:22,700
og þá sviga með eitthvað
arguments-- engin rök í þessu tilviki.

467
00:20:22,700 --> 00:20:25,290
Og það er ekki aftur snúið tegund
í JavaScript, bara eins og PHP.

468
00:20:25,290 --> 00:20:29,470
Svo það er lítið looser en C.
Open hrokkið Brace, nálægt hrokkið Brace.

469
00:20:29,470 --> 00:20:33,270
Byggt í JavaScript er function--
ekki mælt með function--

470
00:20:33,270 --> 00:20:35,730
en fall sem heitir viðvörun
sem tilgangurinn í lífinu

471
00:20:35,730 --> 00:20:38,620
er að draga upp sem ansi ljót
hvetja sem við sáum áðan.

472
00:20:38,620 --> 00:20:40,950
>> Nú er þetta eins konar munnfylli.

473
00:20:40,950 --> 00:20:42,560
Hvað er að gerast hér?

474
00:20:42,560 --> 00:20:45,840
Svo skulum byrja á að
varpa ljósi allt hér.

475
00:20:45,840 --> 00:20:48,540
Það er sömu rök til að vara.

476
00:20:48,540 --> 00:20:49,530
Og hvað er að gerast?

477
00:20:49,530 --> 00:20:51,200
Þetta lítur bara eins og band.

478
00:20:51,200 --> 00:20:59,180
Og það kemur í ljós, ólíkt PHP og ólíkt
C, það skiptir ekki máli í JavaScript

479
00:20:59,180 --> 00:21:01,090
ef þú einfalda gæsalöpp eða gæsalappa.

480
00:21:01,090 --> 00:21:02,060
Þeir ætla að vera jafngildar.

481
00:21:02,060 --> 00:21:03,769
Og hreinskilnislega, það er bara
vinsæll þessa dagana

482
00:21:03,769 --> 00:21:06,726
fyrir JavaScript forritari alltaf
Notaðu einn quotes fyrir sumir ástæða.

483
00:21:06,726 --> 00:21:07,840
Það er bara málið að gera.

484
00:21:07,840 --> 00:21:09,710
En við gætum notað gæsalappa, eins og heilbrigður.

485
00:21:09,710 --> 00:21:11,540
>> Svo plús er ný persóna.

486
00:21:11,540 --> 00:21:14,512
En þá sem hefur gert
þetta áður, hvað þýðir plús meina?

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

488
00:21:16,440 --> 00:21:17,120
Concatenate.

489
00:21:17,120 --> 00:21:18,570
Þannig að við sáum þetta í PHP.

490
00:21:18,570 --> 00:21:20,315
Það er bara punktur
rekstraraðila í PHP sem

491
00:21:20,315 --> 00:21:22,000
mun concatenate tvo strengi saman.

492
00:21:22,000 --> 00:21:24,000
C var sársauki í hálsinum til að gera þetta.

493
00:21:24,000 --> 00:21:27,310
Muna frá pset sex, sem var
sem sérstakur verkir í hálsi,

494
00:21:27,310 --> 00:21:29,470
þú þyrftir að nota
eitthvað eins strcat

495
00:21:29,470 --> 00:21:31,660
eftir úthlutun minni
á mánudaginn eða hrúga.

496
00:21:31,660 --> 00:21:34,243
Þú þurfti að hoppa í gegnum hindranir
bara til concatenate tvo strengi.

497
00:21:34,243 --> 00:21:36,040
JavaScript, það er frábær einfalt.

498
00:21:36,040 --> 00:21:38,030
Notar bara plús rekstraraðila milli þeirra.

499
00:21:38,030 --> 00:21:41,420
>> Svo flókin-útlit
hlutur virðist vera þetta

500
00:21:41,420 --> 00:21:43,490
vegna þess að í lok
allt þetta band, ég bara

501
00:21:43,490 --> 00:21:45,797
concatenate á upphrópunarmerki.

502
00:21:45,797 --> 00:21:48,380
Svo ef það var pabbi upp var
"halló, David," "halló, Hannah,"

503
00:21:48,380 --> 00:21:52,740
"halló, Maria," og svo framvegis, greinilega
að miðja hlutur á milli tveggja

504
00:21:52,740 --> 00:21:55,215
plús verður að gefa mér aðgang að hvað?

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

506
00:21:58,855 --> 00:22:01,991
Hvað er þarna fyrir víst?

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

508
00:22:02,490 --> 00:22:05,090
Svo ég ætla að þykjast hér
svara nafn sitt, ekki satt?

509
00:22:05,090 --> 00:22:10,380
Þannig að nafn þeirra smella upp í úrslitaleik
úrslit. Svo hvað þýðir þetta?

510
00:22:10,380 --> 00:22:15,080
Jæja, ég lagði fyrr í að
mynd sem svokölluð DOM

511
00:22:15,080 --> 00:22:18,580
hefur þetta sérstaka rótarstakið
leið upp efsta kallað skjal.

512
00:22:18,580 --> 00:22:21,660
Og nú kemur í ljós, það er að fara
að vera sérstakt alþjóðlegt breytu

513
00:22:21,660 --> 00:22:25,250
í JavaScript, byggt inn sem er
allt fullt af gagnlegum virkni.

514
00:22:25,250 --> 00:22:31,770
Meðal gagnlegt virkni er
hæfni til að fá á hvaða afkomandi hnút.

515
00:22:31,770 --> 00:22:37,760
Þeir ferningar eða rétthyrninga eða ellipses
eru bara hnúður í tré, svo að segja.

516
00:22:37,760 --> 00:22:41,850
>> Svo kemur í ljós að byggð í
Skjal mótmæla JavaScript er

517
00:22:41,850 --> 00:22:47,300
er fall, annars þekkt sem
aðferð, sem heitir getElementById.

518
00:22:47,300 --> 00:22:50,410
The setningafræði fyrir starf
fall í JavaScript

519
00:22:50,410 --> 00:22:55,220
sem er inni á hlut eða
breyta er bara með punktur tákn.

520
00:22:55,220 --> 00:22:57,950
Og við sáum þetta í C
hvað struct setningafræði.

521
00:22:57,950 --> 00:23:03,530
Þú sérð þetta í pset sjö, eins konar,
konar, þegar þú sérð CS50 :: fyrirspurn.

522
00:23:03,530 --> 00:23:08,070
The ristill hreinsun í PHP er annar
leið til að hringja í aðgerð sem er

523
00:23:08,070 --> 00:23:09,260
inni einhverjum hlut.

524
00:23:09,260 --> 00:23:11,960
>> En nú í JavaScript,
það er bara punktur.

525
00:23:11,960 --> 00:23:14,170
Og svo þessi aðgerð,
fallega nóg, eins konar

526
00:23:14,170 --> 00:23:16,810
segir hvað það does-- fá þáttur af ID.

527
00:23:16,810 --> 00:23:20,280
Þáttur er bara annað nafn
að merkinu eða hnút í DOM.

528
00:23:20,280 --> 00:23:26,900
Og svo fá þáttur með kennitölu "nafn"
þýðir this-- hér er HTML minn.

529
00:23:26,900 --> 00:23:31,910
Og á grundvelli þessa HTML, hvað
hnút eða hvað HTML tag er ég

530
00:23:31,910 --> 00:23:35,097
fara að kerfisbundið vera afhent
með því að kalla document.getElementById?

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

532
00:23:37,650 --> 00:23:38,500
>> Já, einmitt.

533
00:23:38,500 --> 00:23:42,670
Ég ætla að fá inntak
þáttur þar sem ID er "nafn".

534
00:23:42,670 --> 00:23:45,140
Svo sérstaklega, þú getur
hugsa um þessa aðgerð,

535
00:23:45,140 --> 00:23:49,560
getElementById, sem leið til að gefa
baka bendi það tiltekna hnút

536
00:23:49,560 --> 00:23:50,060
í trénu.

537
00:23:50,060 --> 00:23:51,980
Við höfum ekki dregið þetta
tré, en það er leið

538
00:23:51,980 --> 00:23:54,900
að fá aðgang að þeim
rétthyrningur eða að rétthyrningur

539
00:23:54,900 --> 00:23:58,090
með einstaklega þekkja það í gegnum ID hennar.

540
00:23:58,090 --> 00:23:59,760
>> Nú, af hverju er þetta að gagni?

541
00:23:59,760 --> 00:24:01,510
Jæja, það kemur í ljós
að þegar þú hefur fengið

542
00:24:01,510 --> 00:24:07,220
að hnút, að rétthyrningur frá
mynd, sem hnút inni af því,

543
00:24:07,220 --> 00:24:10,660
aftur á móti, hefur a heild búnt af
properties-- lykill-gildi par

544
00:24:10,660 --> 00:24:13,480
eða gögn, einn sem heitir gildi.

545
00:24:13,480 --> 00:24:16,500
Svo bókstaflega, það er góður af a
munnfylli til að útskýra allt hlutur.

546
00:24:16,500 --> 00:24:19,370
En í lok dagsins,
allt þetta gerir er að gefa þér

547
00:24:19,370 --> 00:24:23,070
band sem notandinn slegið í
í þessu hierarchic hátt.

548
00:24:23,070 --> 00:24:24,820
En mér líkar ekki
par af þessum hlutum.

549
00:24:24,820 --> 00:24:27,590
Eða öllu heldur, það er einhver forvitni enn.

550
00:24:27,590 --> 00:24:28,870
Allt sem virtist virka.

551
00:24:28,870 --> 00:24:33,420
Hvers vegna heldurðu að ég kom aftur
rangar eftir að hringja heilsa?

552
00:24:33,420 --> 00:24:35,910
Þetta lítur svolítið ljótt, sem
Ég hef tvær yfirlýsingar þar

553
00:24:35,910 --> 00:24:38,730
aðskilin með semikommum.

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

555
00:24:39,310 --> 00:24:44,390
Ef ég fjarri return false, hvað
gæti gerst, bara dragast?

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

557
00:24:46,990 --> 00:24:49,460
Því miður, segi aftur?

558
00:24:49,460 --> 00:24:50,530
>> Opna fullt af Windows.

559
00:24:50,530 --> 00:24:52,780
Svo hugsanlega kannski eitthvað
svona myndi gerast.

560
00:24:52,780 --> 00:24:54,422
Hvað annað?

561
00:24:54,422 --> 00:24:55,630
Gæti senda beiðni þar?

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

563
00:24:59,109 --> 00:25:00,510
Á sömu síðu.

564
00:25:00,510 --> 00:25:03,110
Svo, í raun, það er það
því nær svara hér,

565
00:25:03,110 --> 00:25:05,890
jafnvel þó, ólíkt
í fortíðinni, ég hef ekki

566
00:25:05,890 --> 00:25:09,300
tilgreint aðgerð eiginleiki,
sem venjulega við þurfum að gera.

567
00:25:09,300 --> 00:25:11,780
Skrúfjárn út það er sjálfgefið.
Ef þú tilgreinir ekki til aðgerða,

568
00:25:11,780 --> 00:25:15,370
það er eins og að segja vitna, unquote
eða nafn skrá sig,

569
00:25:15,370 --> 00:25:17,850
sem í þessu tilfelli myndi
vera eins og DOM-0.html.

570
00:25:17,850 --> 00:25:20,420
Það er bara svona álykta,
eða öllu heldur gefið í skyn.

571
00:25:20,420 --> 00:25:22,420
>> Og svo ef ég geri þetta ekki, við skulum taka.

572
00:25:22,420 --> 00:25:23,230
Leyfðu mér að spara þetta.

573
00:25:23,230 --> 00:25:25,270
Og ég hef eytt return false.

574
00:25:25,270 --> 00:25:27,759
Leyfðu mér að fara aftur á þessa
dæmi og afl endurhlaða hana.

575
00:25:27,759 --> 00:25:30,800
Og þú gætir hafa séð mig stinga
þetta á CS50 Ræddu fullt af sinnum.

576
00:25:30,800 --> 00:25:34,560
Ef eitthvað er alltaf vinna angurvær og
Vafrinn er ekki atferlis eins og þú búist við,

577
00:25:34,560 --> 00:25:37,410
oftsinnis þú þarft að halda
Shift og smelltu síðan á Reload.

578
00:25:37,410 --> 00:25:41,480
Sem mun neyða alla skrána til að endurhlaða
og ekki nota staðbundin skyndiminni vafrans

579
00:25:41,480 --> 00:25:47,032
eða afrita svo að nú, láta mig fara á undan og
opna Eftirlitsmaður minn, á flipann Network.

580
00:25:47,032 --> 00:25:48,740
Ég ætla að smella
Varðveita Innskráning því ég

581
00:25:48,740 --> 00:25:51,660
vil ekki það að eyða raðir
Þegar ég fá whisked burt annars staðar.

582
00:25:51,660 --> 00:25:54,650
>> Leyfðu mér að fara á undan hér og
tegund í Andi, smelltu á Senda.

583
00:25:54,650 --> 00:25:55,150
Allt í lagi.

584
00:25:55,150 --> 00:25:56,480
Það virðist eins og búist var við.

585
00:25:56,480 --> 00:25:57,440
Það segir "halló, Andi."

586
00:25:57,440 --> 00:25:59,420
Leyfðu mér að smella á OK.

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

588
00:26:00,610 --> 00:26:05,100
Takið eftir að síða breytt,
að vísu á upprunalegu síðuna.

589
00:26:05,100 --> 00:26:06,770
Takið slóðina konar breytt.

590
00:26:06,770 --> 00:26:09,430
Það bætti spurningarmerki,
sem er yfirleitt vísbending

591
00:26:09,430 --> 00:26:11,260
að við reyndum að leggja eitthvað.

592
00:26:11,260 --> 00:26:13,570
Og þá neðst,
jafnvel ennþá afdráttarlausara

593
00:26:13,570 --> 00:26:17,570
hér er í raun HTTP beiðni,
sem fékk svar 200 sem

594
00:26:17,570 --> 00:26:18,490
leiddi mig aftur hingað.

595
00:26:18,490 --> 00:26:20,250
>> Svo er þetta ekki hvað
við viljum gera, ekki satt?

596
00:26:20,250 --> 00:26:22,166
Vegna þess að ég vil ekki að
endurhlaða alla síðuna.

597
00:26:22,166 --> 00:26:24,970
Ég vildi þess í stað að fara aftur
rangar þannig að skammhlaup

598
00:26:24,970 --> 00:26:28,840
Sjálfgefið í vafranum, sem
var, að sjálfsögðu, til að leggja á síðunni.

599
00:26:28,840 --> 00:26:31,700
>> Svo skulum taka a líta á a
ívið betri dæmi.

600
00:26:31,700 --> 00:26:33,920
Þetta er dom útgáfa einn.

601
00:26:33,920 --> 00:26:36,680
Og taka eftirfarandi.

602
00:26:36,680 --> 00:26:39,150
Það er allt í lagi ef þú grok ekki
allar línur af kóða.

603
00:26:39,150 --> 00:26:41,750
En hvað er í grundvallaratriðum öðruvísi
um þessa framkvæmd?

604
00:26:41,750 --> 00:26:44,690
Ég kveða það hegðar sér
sama, gerir það sama.

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

606
00:26:49,320 --> 00:26:51,570
Hvað hef ég gert augljóslega öðruvísi?

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

608
00:26:52,266 --> 00:26:53,182
>> Áhorfendur: [inaudible].

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

610
00:27:03,421 --> 00:27:04,170
DAVID Malan: Já.

611
00:27:04,170 --> 00:27:08,620
Svo aðgerð er skilgreind differently--
í öðrum orðum, fjarverandi frá formi,

612
00:27:08,620 --> 00:27:13,180
þar upp á línu 7-- eða
frekar, lína 8-- ekki lengur

613
00:27:13,180 --> 00:27:15,070
ég hef onsubmit eiginleiki.

614
00:27:15,070 --> 00:27:16,750
Í fyrra dæmi, ég hafði þetta.

615
00:27:16,750 --> 00:27:18,530
Og þá er ég skrifaði bókstaflega númerið mitt hér.

616
00:27:18,530 --> 00:27:20,210
Og þá sagði ég aftur rangar.

617
00:27:20,210 --> 00:27:22,180
Og ef það var ekki nudda
þú röng leið enn,

618
00:27:22,180 --> 00:27:26,140
það ætti að byrja að svo miklu leyti
sem, rétt eins og í HTML,

619
00:27:26,140 --> 00:27:29,530
þegar við byrjuðum að samstarf blanda það
með CSS í stíl eiginleika,

620
00:27:29,530 --> 00:27:32,890
það byrjaði bara að fá smá
sóðalegur eða finnst lítið rangt.

621
00:27:32,890 --> 00:27:35,020
>> Á sama hátt hér, ef
þú byrjar að taka HTML,

622
00:27:35,020 --> 00:27:37,419
og þá sjálfkrafa
plop sumir JavaScript kóða

623
00:27:37,419 --> 00:27:40,460
í the miðja af a vitnað band, það er
ekki að fara að vera mjög haldist.

624
00:27:40,460 --> 00:27:40,630
Ekki satt?

625
00:27:40,630 --> 00:27:43,690
Það er ekki einu sinni augljóst í fyrstu
stað þar sem JavaScript kóða er.

626
00:27:43,690 --> 00:27:46,590
Svo það væri mjög gott og
meginregla betri hönnun,

627
00:27:46,590 --> 00:27:50,500
við skulum halda HTML okkar alveg
aðskilið frá okkar JavaScript.

628
00:27:50,500 --> 00:27:53,150
>> Svo til að gera það, það sem við höfum
gert hér er following--

629
00:27:53,150 --> 00:27:56,790
við notum einfaldlega HTML fyrir Markup aðeins.

630
00:27:56,790 --> 00:28:00,730
Og svo í útgáfu eitt af þessu, allt
Ég hef er mynd með einstakt auðkenni.

631
00:28:00,730 --> 00:28:04,630
Og þá niður hér, ég að taka kostur
á sérstaka eiginleika JavaScript

632
00:28:04,630 --> 00:28:08,480
þar sem ég get haft það er
kallað nafnlaus aðgerð.

633
00:28:08,480 --> 00:28:14,150
Svo kemur í ljós að ef ég kalla
document.getElementById af '' demo

634
00:28:14,150 --> 00:28:18,890
það er eins og að gefa mér bendi
þetta hnút í tré minn, form þáttur,

635
00:28:18,890 --> 00:28:20,100
svo að segja.

636
00:28:20,100 --> 00:28:22,220
>> Nú, ég veit bara frá
vita smá HTML

637
00:28:22,220 --> 00:28:26,330
nú erum við að hafa lesið nokkrar netinu
tilvísun, að ein mynd þáttur styður

638
00:28:26,330 --> 00:28:29,950
a heild búnt af atburði listeners-- í
öðrum orðum, þvottahús lista atburður

639
00:28:29,950 --> 00:28:31,700
hlustun sem við sáum áðan.

640
00:28:31,700 --> 00:28:35,950
Ég veit af því að lesa gögn
að onsubmit er gild atburður

641
00:28:35,950 --> 00:28:38,520
hlustandi fyrir gefinn frumefni.

642
00:28:38,520 --> 00:28:41,480
>> Svo þegar ég veit það,
það er óhætt fyrir mig að gera

643
00:28:41,480 --> 00:28:45,390
sem following-- fá þessi hnút
af trénu, formi þáttur,

644
00:28:45,390 --> 00:28:48,070
og aðgang þess svokallaða
onsubmit eign.

645
00:28:48,070 --> 00:28:49,880
Svo punktur þýðir bara
þetta er eign sem

646
00:28:49,880 --> 00:28:52,180
eins og sérstakt gildi innan þess.

647
00:28:52,180 --> 00:28:55,590
Og hvaða gögn tegund er ég
framselja virðist,

648
00:28:55,590 --> 00:28:58,900
til að onsubmit, sem er
í raun a breyta inni

649
00:28:58,900 --> 00:29:01,010
þess hnút í trénu?

650
00:29:01,010 --> 00:29:04,100
Það er sviði innan þess strúktúr.

651
00:29:04,100 --> 00:29:05,810
Hvað er gögn tegund?

652
00:29:05,810 --> 00:29:07,030
>> A virka, já.

653
00:29:07,030 --> 00:29:08,607
Svo kemur í ljós að PHP er þetta.

654
00:29:08,607 --> 00:29:10,440
Og jafnvel þótt við
ekki segja þér frá því,

655
00:29:10,440 --> 00:29:16,240
C hefur einnig virka ábendingum, því
getu til að fara og tengja aðgerðir

656
00:29:16,240 --> 00:29:18,330
sem gildi sjálfra breytur.

657
00:29:18,330 --> 00:29:20,280
Og við erum ekki að fara
til regress aftur til C

658
00:29:20,280 --> 00:29:23,250
En nú, kemur í ljós að
á hægri hönd hlið hér,

659
00:29:23,250 --> 00:29:26,260
jafnvel þó að það lítur svolítið
angurvær, þetta þýðir, hey vafra,

660
00:29:26,260 --> 00:29:27,550
gefa mér virka.

661
00:29:27,550 --> 00:29:30,560
Ég ætla ekki að einu sinni nenna að gefa
það nafn vegna þess að ég er bókstaflega

662
00:29:30,560 --> 00:29:34,450
að fara að úthluta skulum kalla það
veffang þessa aðgerð

663
00:29:34,450 --> 00:29:35,994
strax að onsubmit.

664
00:29:35,994 --> 00:29:39,160
Með öðrum orðum, vafra, þú þarft ekki
að vita hvað þessi aðgerð er kallað.

665
00:29:39,160 --> 00:29:41,890
Þú þarft bara að vita
þar sem það er í minni.

666
00:29:41,890 --> 00:29:44,210
Og svo nægir það bara að
hafa jafnan merki þar

667
00:29:44,210 --> 00:29:48,240
og ekki að standa í því að nefna þetta, eins og
foo eða heilsa eða annað orð.

668
00:29:48,240 --> 00:29:50,150
Og nú er þetta bara stylistic hlutur.

669
00:29:50,150 --> 00:29:53,100
Ég gæti farið á þessa hrokkið Brace
á the-- sorry-- næstu línu

670
00:29:53,100 --> 00:29:54,750
eins og við gerum venjulega CS50.

671
00:29:54,750 --> 00:29:57,550
En í JavaScript, það er
reyndar stylistically algengar

672
00:29:57,550 --> 00:30:00,450
bara halda hrokkið Brace er
fyrsta, þann fyrsta línu.

673
00:30:00,450 --> 00:30:02,620
>> En hér, það er
ekkert áhugavert.

674
00:30:02,620 --> 00:30:05,830
Að opna hrokkið Brace bara
demarcates upphaf virka mínum.

675
00:30:05,830 --> 00:30:09,320
Fallið er nú
eins, nema ég hef

676
00:30:09,320 --> 00:30:11,452
ma return false
inni þessa aðgerð.

677
00:30:11,452 --> 00:30:13,160
Því það kemur out--
og þú vildi bara

678
00:30:13,160 --> 00:30:14,980
veit þetta af lestri
sem documentation--

679
00:30:14,980 --> 00:30:19,740
að ef fallið sem þú gefur
til onsubmit dýraþjálfari False,

680
00:30:19,740 --> 00:30:23,420
vafrinn veit bara og samþykkir
ekki að senda inn mynd til miðlara.

681
00:30:23,420 --> 00:30:27,210
Ef það skilar satt, mun hún leggja fram
það að miðlara fyrir ástæðum munum við sjá

682
00:30:27,210 --> 00:30:28,700
eru gagnlegar í bara smá stund.

683
00:30:28,700 --> 00:30:31,000
>> Og þá semíkommu eftir
hrokkið Brace það bara

684
00:30:31,000 --> 00:30:32,541
þýðir að ég er búin að skilgreina hlutverk.

685
00:30:32,541 --> 00:30:36,600
Þú veist hvað ég á að kalla strax
eins og þú heyrir uppgjöf.

686
00:30:36,600 --> 00:30:37,100
Allt í lagi.

687
00:30:37,100 --> 00:30:40,650
Þetta er enn að öllum líkindum konar ljót.

688
00:30:40,650 --> 00:30:42,190
Svo hvað meira getum við gert?

689
00:30:42,190 --> 00:30:45,000
>> Jæja, það kemur í ljós þá í
útgáfa tveimur, sem er last--

690
00:30:45,000 --> 00:30:46,780
og við verðum bara litið á þetta.

691
00:30:46,780 --> 00:30:49,850
Í hættu á að gera
það ljótari, snýr það út

692
00:30:49,850 --> 00:30:52,160
að það er bókasafn í
heimurinn heitir jQuery.

693
00:30:52,160 --> 00:30:54,900
Og jQuery er frábær
Vinsælast JavaScript bókasafn

694
00:30:54,900 --> 00:30:57,930
það er svo vinsæll að flestir
allir Javascript-- það er ekki

695
00:30:57,930 --> 00:31:00,540
óalgengt að fólk rugla
jQuery JavaScript.

696
00:31:00,540 --> 00:31:01,070
Hvers vegna?

697
00:31:01,070 --> 00:31:04,990
JavaScript sjálft hefur mjög
fjölorður leiðir til að gera things--

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

699
00:31:07,820 --> 00:31:10,510
Þú endar með mjög
lengi línur af kóða.

700
00:31:10,510 --> 00:31:15,550
>> Svo náungi að nafni John Resid,
sem í raun virkar fyrir ræsingu

701
00:31:15,550 --> 00:31:18,630
upp þessa dagana, kom út
Með þessu bókasafni ár

702
00:31:18,630 --> 00:31:22,070
síðan að margir hafa stuðlað
að kallað jQuery að breytingar

703
00:31:22,070 --> 00:31:23,449
setningafræði á eftirfarandi hátt.

704
00:31:23,449 --> 00:31:25,740
Og bara svo þú hefur séð þetta,
vegna þess að þú munt ávallt

705
00:31:25,740 --> 00:31:28,140
séð þetta ef gera a
vefur byggir lokaverkefni,

706
00:31:28,140 --> 00:31:33,270
þetta myndi vera jafngildi leið
framkvæmd þeirrar sömu aðgerð með

707
00:31:33,270 --> 00:31:34,630
þetta sérstaka bókasafn.

708
00:31:34,630 --> 00:31:36,680
>> Nú, frekar en stríða
það í sundur í heild sinni,

709
00:31:36,680 --> 00:31:38,520
skulum bara líta á nokkrar mynstrum.

710
00:31:38,520 --> 00:31:44,850
Þetta setningafræði virðist hafa
hversu margir nafnlaus virka

711
00:31:44,850 --> 00:31:49,584
eða nafnlaus virka
eða AKA Lambda aðgerðir?

712
00:31:49,584 --> 00:31:50,190
Tveir, ekki satt?

713
00:31:50,190 --> 00:31:52,690
Og þú veist það, jafnvel þótt
þú ert ekki frábær notalega með þetta,

714
00:31:52,690 --> 00:31:55,780
bara af því að það
segir fall () tvisvar.

715
00:31:55,780 --> 00:31:58,172
>> Og það kemur í ljós að
hvað þetta númer er doing--

716
00:31:58,172 --> 00:32:01,255
og við munum vísa til online tilvísanir,
lokum, fá aðstoð við þetta.

717
00:32:01,255 --> 00:32:04,480
Þetta þýðir bara að þegar
skjalið er tilbúið,

718
00:32:04,480 --> 00:32:07,490
fara á undan og skrá
eftirfarandi aðgerð

719
00:32:07,490 --> 00:32:12,064
sem leggja dýraþjálfari fyrir HTML
þáttur sem einstök hugmynd er kynningu.

720
00:32:12,064 --> 00:32:14,480
Og svo, þegar það gerist,
kalla þessar tvær línur af kóða.

721
00:32:14,480 --> 00:32:18,677
Og þetta er, tragically, meira
fjölorður leið til að segja return false.

722
00:32:18,677 --> 00:32:21,510
Og við nefndi þetta bara vegna þess að
þú munt sjá kóðann svona netinu.

723
00:32:21,510 --> 00:32:23,140
Og það er ekkert að daunted.

724
00:32:23,140 --> 00:32:26,057
Heldur hafa í huga að það er
að fara að vera algengt í JavaScript

725
00:32:26,057 --> 00:32:26,765
er þetta hugmyndafræði.

726
00:32:26,765 --> 00:32:29,510
Og svo er það þess vegna sem við sýna það fyrir nú.

727
00:32:29,510 --> 00:32:30,010
Allt í lagi.

728
00:32:30,010 --> 00:32:32,730
Svo án þess að bústað of
mikið á því setningafræði,

729
00:32:32,730 --> 00:32:37,800
eru það eru einhverjar spurningar um
þessi dæmi eða hugmyndir svona langt?

730
00:32:37,800 --> 00:32:38,300
Allt í lagi.

731
00:32:38,300 --> 00:32:40,220
Svo skulum við nota þetta fyrir eitthvað gagnlegt.

732
00:32:40,220 --> 00:32:47,070
Gerð vefsíðu sem bara segir halló,
svo og svo er ekki allt sem áhugavert,

733
00:32:47,070 --> 00:32:47,830
ekki að underwhelm.

734
00:32:47,830 --> 00:32:51,038
Þetta eitt er ekki að fara að vera fallegur,
en það er að fara að gera eitthvað gagnlegt.

735
00:32:51,038 --> 00:32:56,350
Leyfðu mér að fara aftur til skrá minn
hér og opna upp, segja, form-0.html.

736
00:32:56,350 --> 00:32:59,320
>> Svo býst þetta er freshman
intramural íþróttir skráning síðu

737
00:32:59,320 --> 00:33:01,780
án CSS eða hvaða skilningi hönnun.

738
00:33:01,780 --> 00:33:05,404
Og ég vil fara á undan og
að skrá sig hér með lykilorði.

739
00:33:05,404 --> 00:33:08,320
Og ég ætla að samþykkja skilmála
og skilyrði og smelltu Register.

740
00:33:08,320 --> 00:33:11,700
Og nú website segir, "Þú ert
að skrá sig! (Jæja, eiginlega ekki.) "

741
00:33:11,700 --> 00:33:15,070
Það virðist eins og það virkaði, en
láta mig fara á undan og neyða endurhlaða.

742
00:33:15,070 --> 00:33:18,720
>> Og láta mig segja, nei, þú ert ekki
þarf raunverulegt netfangið mitt.

743
00:33:18,720 --> 00:33:21,820
Eða kannski að við munum bara segja póst þar.

744
00:33:21,820 --> 00:33:25,080
Lykilorð verður, eins og, 12345.

745
00:33:25,080 --> 00:33:28,810
Og þá, bara vegna þess að ég er
hálfviti, nú er það 123456789.

746
00:33:28,810 --> 00:33:31,150
Og ég ætla ekki að fara að athuga kassann.

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

748
00:33:31,850 --> 00:33:32,350
Allt í lagi.

749
00:33:32,350 --> 00:33:34,920
Svo er þó nokkur tækifæri það
til úrbóta hér.

750
00:33:34,920 --> 00:33:39,070
Og þú veist, eða munt sjá í pset
sjö, sem þú getur skrifað code--

751
00:33:39,070 --> 00:33:41,890
og þú þarft að skrifa
númer í PHP-- að verja

752
00:33:41,890 --> 00:33:45,780
gegn þessum tegundum af notanda
villur vegna þess að notandi greinilega

753
00:33:45,780 --> 00:33:46,790
hefur ekki unnið.

754
00:33:46,790 --> 00:33:49,680
Og hann eða hún hefur ekki gefið þér alla
gildi þú vildir eða jafnvel í formi

755
00:33:49,680 --> 00:33:50,630
að þú vildir þá.

756
00:33:50,630 --> 00:33:53,250
Svo þú munt sjá í pset sjö sem
við gætum vissulega hafa sumir

757
00:33:53,250 --> 00:33:55,680
ef skilyrðum sem segja
Ef netfangið

758
00:33:55,680 --> 00:33:59,450
er ekki username@something.edu,
við gátum bara

759
00:33:59,450 --> 00:34:02,575
segja fyrirgefðu og biðjumst við notanda
mikið, eins og þú gætir verið á pset sjö.

760
00:34:02,575 --> 00:34:05,700
Eða ef þeir hafa ekki kannað kassann,
kemur í ljós í PHP, getur þú uppgötva að

761
00:34:05,700 --> 00:34:06,200
líka.

762
00:34:06,200 --> 00:34:09,389
Og vissulega ef lykilorð
passa ekki eins og í register.php

763
00:34:09,389 --> 00:34:11,521
fyrir pset sjö, getur þú uppgötva það.

764
00:34:11,521 --> 00:34:13,770
En það er verk í
háls í að nú eru þeir óska

765
00:34:13,770 --> 00:34:15,510
okkur að fara alla leið til the framreiðslumaður.

766
00:34:15,510 --> 00:34:17,053
Notandinn er upplýst um villuna.

767
00:34:17,053 --> 00:34:19,219
Og að minnsta kosti nema þú notir
sumir áhugamaður tækni,

768
00:34:19,219 --> 00:34:20,929
nú hafa þeir að smella á örina til baka.

769
00:34:20,929 --> 00:34:23,300
Væri ekki gott, eins og
a einhver fjöldi af websites dag,

770
00:34:23,300 --> 00:34:26,190
ef þú hefðir meira strax
viðbrögð, í stað?

771
00:34:26,190 --> 00:34:31,389
>> Með öðrum orðum, láta mig fara í útgáfu
einn, sem er að fara að vera fallegri.

772
00:34:31,389 --> 00:34:33,469
En það hjartarskinn hafa þennan möguleika.

773
00:34:33,469 --> 00:34:39,590
Malan, 12345, 123456789, ekki
fara til stöðva the kassi, Register.

774
00:34:39,590 --> 00:34:41,330
Lykilorðin stemma ekki.

775
00:34:41,330 --> 00:34:44,459
Svo jafnvel þótt það pop-upp er ugly--
getum við skipta þessu á endanum

776
00:34:44,459 --> 00:34:47,000
með eitthvað eins og ræsi,
sem þú munt sjá í pset sjö

777
00:34:47,000 --> 00:34:50,239
er mjög vinsæll library-- ég gerði
uppgötva að lykilorðin eru ekki.

778
00:34:50,239 --> 00:34:50,739
Allt í lagi.

779
00:34:50,739 --> 00:34:52,530
Jæja, láttu mig laga það sem notandi.

780
00:34:52,530 --> 00:34:55,460
Leyfðu mér að fara á undan og segja 12345, 12345.

781
00:34:55,460 --> 00:34:57,780
Enn ekki að haka við samning.

782
00:34:57,780 --> 00:35:00,210
Þú verður að samþykkja
skilmálum og skilyrðum.

783
00:35:00,210 --> 00:35:01,760
Svo hvers vegna?

784
00:35:01,760 --> 00:35:04,100
>> Ef við höfum þegar afhent
að það er leið,

785
00:35:04,100 --> 00:35:07,260
og við höfum krafist að þú í
pset sjö til greina villa

786
00:35:07,260 --> 00:35:09,780
aðstæður eins og þetta
framreiðslumaður-hlið, hvers vegna ætti ég

787
00:35:09,780 --> 00:35:13,940
nennir líka að gera þetta í JavaScript?

788
00:35:13,940 --> 00:35:15,850
Hvað er rök í
hag af því að bæta það sem

789
00:35:15,850 --> 00:35:18,760
þú ert að fara að sjá sem some--
það er til viðbótar flókið.

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

791
00:35:23,610 --> 00:35:25,930
>> Kannski er engin kosti.

792
00:35:25,930 --> 00:35:26,924
Hvað gæti það verið?

793
00:35:26,924 --> 00:35:27,840
Áhorfendur: [inaudible].

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

795
00:35:31,132 --> 00:35:32,340
DAVID Malan: Oh, áhugavert.

796
00:35:32,340 --> 00:35:33,530
Hugsanlega hetjudáð.

797
00:35:33,530 --> 00:35:37,540
Svo viss, ef þú ert ekki meðhöndlun
rangra notandi inntak sem mikill,

798
00:35:37,540 --> 00:35:40,170
kannski er það allt betra ef það
ekki einu sinni ná framreiðslumaður.

799
00:35:40,170 --> 00:35:42,160
Ég myndi ýta aftur þangað og
segja, ættir þú líklega

800
00:35:42,160 --> 00:35:43,284
festa báðum þessum vandamálum.

801
00:35:43,284 --> 00:35:44,140
En það er sanngjarnt.

802
00:35:44,140 --> 00:35:44,710
Hvað annað?

803
00:35:44,710 --> 00:35:45,626
>> Áhorfendur: [inaudible].

804
00:35:45,626 --> 00:35:47,970

805
00:35:47,970 --> 00:35:49,014
>> DAVID Malan: Já.

806
00:35:49,014 --> 00:35:51,680
Þetta númer, eins og ég sagði áður, er
túlka á client-megin.

807
00:35:51,680 --> 00:35:53,846
Það þýðir ekki að trufla miðlara,
sem þýðir að það er ekki

808
00:35:53,846 --> 00:35:55,930
áhrif hlaða netþjóns eða getu.

809
00:35:55,930 --> 00:35:59,840
Og nú, fyrir litla gamla mig,
þetta hefur engin marktæk áhrif

810
00:35:59,840 --> 00:36:01,970
vegna þess að ég hef einn notandi núna.

811
00:36:01,970 --> 00:36:04,010
>> En ef þú ert eitthvað
vefsíða ágætis stærð,

812
00:36:04,010 --> 00:36:07,400
sérstaklega stærsta, eins og Facebook,
því meira sem þú getur haldið fólki burt

813
00:36:07,400 --> 00:36:09,927
af vefþjóninum þínum því betra
vegna þess að miðlara, að sjálfsögðu,

814
00:36:09,927 --> 00:36:12,510
aðeins hefur endanlegt magn af RAM,
endanlegri fjölda gigahertz,

815
00:36:12,510 --> 00:36:16,340
endanlegt tala af hlutur
það getur gert á hverri tímaeiningu.

816
00:36:16,340 --> 00:36:19,170
Þannig að ef það eru fleiri fólk í
heimurinn hitting miðlara,

817
00:36:19,170 --> 00:36:21,750
tilviljun að skrá þig inn
rangt, eins vel ef þú

818
00:36:21,750 --> 00:36:23,254
hægt að halda því álag á vefþjóninum þínum.

819
00:36:23,254 --> 00:36:25,420
Plus, sérstaklega á farsíma
device-- ef þú hefur einhvern tíma

820
00:36:25,420 --> 00:36:29,190
skrá þig inn my.harvard eða
NETIÐ Yale eða þess háttar,

821
00:36:29,190 --> 00:36:32,330
það er þetta leynd með fullt af
vefsíður eins og að þar sem það tekur,

822
00:36:32,330 --> 00:36:34,110
eins og, fjandinn sekúndu eða tveimur stundum.

823
00:36:34,110 --> 00:36:37,979
Og þá, Guð minn, ef þú mistype,
þá verður þú að lemja til baka og endurtaka það.

824
00:36:37,979 --> 00:36:40,520
Svo er það leynd, sérstaklega
á hægari nettengingar.

825
00:36:40,520 --> 00:36:43,030
En JavaScript, vegna
það liggur á viðskiptavininn

826
00:36:43,030 --> 00:36:46,720
og þarf ekki að fara fram og til baka
yfir hugsanlega hægur

827
00:36:46,720 --> 00:36:49,780
tengingu er hægt að fá
næstum tafarlaus viðbrögð.

828
00:36:49,780 --> 00:36:50,760
>> Svo skulum líta á þetta.

829
00:36:50,760 --> 00:36:54,280
Leyfðu mér að opna form-0 og
líta á HTML hér.

830
00:36:54,280 --> 00:36:56,040
Og við skulum bara sjá hvað er að gerast.

831
00:36:56,040 --> 00:36:59,460
Þetta er mynd sem
aðgerð er register.php.

832
00:36:59,460 --> 00:37:01,530
Ég ætla bara að nota færð svo
að ég gæti séð slóðina.

833
00:37:01,530 --> 00:37:05,030
En fyrir lykilorð, viljum við vafalaust vilja
að breyta þessu til að senda í raun.

834
00:37:05,030 --> 00:37:06,910
Hér er inntak sviði tegund texta.

835
00:37:06,910 --> 00:37:09,050
Hér er annað inntak
sviði tegund lykilorð.

836
00:37:09,050 --> 00:37:13,150
Hér er, ef þú hefur aldrei séð,
inntak af gerðinni kassann.

837
00:37:13,150 --> 00:37:15,250
>> En það er engin JavaScript
hér af neinu tagi.

838
00:37:15,250 --> 00:37:18,170
Þetta er bara HTML sem
fer til register.php.

839
00:37:18,170 --> 00:37:21,020
En í útgáfu eitt, þar sem ég
byrjaði að fá þær pop-ups,

840
00:37:21,020 --> 00:37:23,010
við skulum sjá hvað raunverulega gerist hér.

841
00:37:23,010 --> 00:37:26,757
Í útgáfu einum, hvað
Ég ætla að see-- I

842
00:37:26,757 --> 00:37:29,340
Hélt ég gæti tefja nóg
með nógu orðum, en ég hljóp út.

843
00:37:29,340 --> 00:37:35,180

844
00:37:35,180 --> 00:37:38,590
>> Í útgáfu one-- það við förum.

845
00:37:38,590 --> 00:37:43,180
Í útgáfu einum, eftir að following--
og er ekki besta framkvæmd,

846
00:37:43,180 --> 00:37:44,420
en það er mitt fyrsta.

847
00:37:44,420 --> 00:37:47,680
Takið eftir að hér er
form, ég er með handrit tag.

848
00:37:47,680 --> 00:37:49,430
Og handrit tag þýðir,
hey, vafrinn, hér

849
00:37:49,430 --> 00:37:52,340
kemur nokkur númer í,
yfirleitt, JavaScript.

850
00:37:52,340 --> 00:37:54,420
Og nú, eftir því sem ég er að gera.

851
00:37:54,420 --> 00:37:59,070
Á line-- ég get varla
lesa it-- línu 32, það segir,

852
00:37:59,070 --> 00:38:01,420
Var form-- svo gefa mér
breytu sem heitir form.

853
00:38:01,420 --> 00:38:05,049
Og þá fá document.getElementId
af "skráning".

854
00:38:05,049 --> 00:38:05,590
Hvað er þetta?

855
00:38:05,590 --> 00:38:07,290
Jæja, láttu mig baka upp hér.

856
00:38:07,290 --> 00:38:11,510
Og takið eftir, Ah, gaf ég mynd þáttur
handahófskennt en lýsandi hugmynd

857
00:38:11,510 --> 00:38:13,050
skráningar.

858
00:38:13,050 --> 00:38:16,820
Svo gefur þetta mér breytu sem
leyfa mér að grípa þessi hnút,

859
00:38:16,820 --> 00:38:19,580
að rétthyrningur í trénu heitir formi.

860
00:38:19,580 --> 00:38:24,460
form.onsubmit þýðir hey vafra,
skráir atburð hlustandi

861
00:38:24,460 --> 00:38:25,470
á þessu eyðublaði.

862
00:38:25,470 --> 00:38:28,890
Með öðrum orðum, þegar þetta form er
lögð, framkvæma eftirfarandi kóða.

863
00:38:28,890 --> 00:38:30,810
Það þarf ekki nafnið því
hví þú þarft að vita nafnið?

864
00:38:30,810 --> 00:38:32,880
Þú þarft bara að vita
hvað á að framkvæma, Ergo

865
00:38:32,880 --> 00:38:35,610
það er nafnlaus eða lambda virka.

866
00:38:35,610 --> 00:38:37,632
Og það virka er
allar þessar línur hér.

867
00:38:37,632 --> 00:38:40,840
Og nú, til að vera heiðarlegur, jafnvel þó að þú
gæti ekki hafa alltaf skrifað JavaScript

868
00:38:40,840 --> 00:38:44,200
áður, það er bara C og PHP rökfræði.

869
00:38:44,200 --> 00:38:51,720
Svo ef form.email.value == "" -
þannig að ef tölvupóstur reitur er auður,

870
00:38:51,720 --> 00:38:54,980
æpa á notanda með "Þú verður
veita netfangið þitt. "

871
00:38:54,980 --> 00:38:58,980
Annað ef form.password.value
er auður æpa á notanda,

872
00:38:58,980 --> 00:39:00,400
"Þú verður að gefðu upp lykilorð þitt."

873
00:39:00,400 --> 00:39:04,240
>> Meira Athyglisvert rökrétt,
ef form.password.value ekki

874
00:39:04,240 --> 00:39:08,630
jafnt form.confirmation.value--
hvar var staðfesting koma frá?

875
00:39:08,630 --> 00:39:09,470
Leyfðu mér að baka.

876
00:39:09,470 --> 00:39:12,870
Jæja, ég kallaði þetta inntak
reit hér lykilorð.

877
00:39:12,870 --> 00:39:15,180
Og ég kallaði þetta einn hér staðfesting.

878
00:39:15,180 --> 00:39:17,850
Ég hefði getað kallað það
lykilorð tveir eða eitthvað annað.

879
00:39:17,850 --> 00:39:20,560
Ég ætla bara að rökrétt að skoða
að þessir tveir eru eins.

880
00:39:20,560 --> 00:39:25,760
Else-- það kemur í ljós að þetta er Mr. Boole
again-- Boolean gildi, í kassann.

881
00:39:25,760 --> 00:39:29,810
Þannig að ef ég segi, upphrópun point--
ef ekki form.agreement.checked,

882
00:39:29,810 --> 00:39:31,820
æpa á notanda eins og heilbrigður.

883
00:39:31,820 --> 00:39:34,470
>> Svo þetta setningafræði sem þú munt sjá er
mjög algengar í JavaScript,

884
00:39:34,470 --> 00:39:35,970
þar sem þú þarft þessa dotted tákn.

885
00:39:35,970 --> 00:39:37,460
Þú byrjar með hlut hér.

886
00:39:37,460 --> 00:39:41,430
Þú kafa dýpra til a til
eign eins lykilorð.

887
00:39:41,430 --> 00:39:43,280
Og þá færðu á verðgildi hennar.

888
00:39:43,280 --> 00:39:45,830
Og aftur, hér er inntak.

889
00:39:45,830 --> 00:39:47,310
Hér er nafn lykilorð.

890
00:39:47,310 --> 00:39:50,860
Og gildi þess er hvað
maður hefur í raun slegið í.

891
00:39:50,860 --> 00:39:53,610
>> Svo í öll þessi
tilvikum, ég aftur ósatt.

892
00:39:53,610 --> 00:39:55,800
En ef ekki, ég aftur satt.

893
00:39:55,800 --> 00:39:58,030
Og svo nú sjáum við
sannfærandi notkun þegar

894
00:39:58,030 --> 00:40:00,620
þú vildi return false til
hætta hvað notandinn er að gera

895
00:40:00,620 --> 00:40:03,200
og gera honum eða henni að velja
aftur eða slá aftur.

896
00:40:03,200 --> 00:40:05,870
Annars, aftur við satt.

897
00:40:05,870 --> 00:40:08,585
>> Og láta mig kynna einn
Annað Afbrigði af þessari bara

898
00:40:08,585 --> 00:40:13,140
til fræ skilning þeirra.

899
00:40:13,140 --> 00:40:16,850
Jæja, í útgáfu 2 af þessu, form-2--
Ég skal gera það með bylgju af hendi.

900
00:40:16,850 --> 00:40:19,920
Þetta er fyrir þá forvitinn,
jQuery útgáfa,

901
00:40:19,920 --> 00:40:23,330
þá sem gæti langað til að
notaði í viðkomandi safni.

902
00:40:23,330 --> 00:40:25,145
En við skulum start-- og einhverjar spurningar?

903
00:40:25,145 --> 00:40:29,230
Leyfðu mér að gera hlé fyrir stund vegna
sem var fljótur og mikið.

904
00:40:29,230 --> 00:40:32,610
>> En ágætur hlutur hér er að allar
kóða er laglegur mikill the sami.

905
00:40:32,610 --> 00:40:33,985
Hin nýja efni er hvað er dom?

906
00:40:33,985 --> 00:40:35,115
Hvað eru þessir ferhyrningar?

907
00:40:35,115 --> 00:40:35,990
Hvað eru þessir hnútar?

908
00:40:35,990 --> 00:40:37,540
Hvað er nafnlaus aðgerð?

909
00:40:37,540 --> 00:40:38,830
Hvað er atburður dýraþjálfari?

910
00:40:38,830 --> 00:40:43,480
En sem betur fer, flest það er bara
hring úr td viku núll.

911
00:40:43,480 --> 00:40:43,980
Allt í lagi.

912
00:40:43,980 --> 00:40:46,070
Svo eitthvað örlítið meira áhugavert?

913
00:40:46,070 --> 00:40:49,340
Jæja, fyrst af öllu, láta mig fara
á undan og opna Google Maps.

914
00:40:49,340 --> 00:40:53,360
Og þú munt taka eftir því að a
stund, á hættu annað,

915
00:40:53,360 --> 00:40:55,930
eftir hvað gerist þegar
Ég smelli nógu hratt.

916
00:40:55,930 --> 00:40:59,720
Og þessi tenging við Harvard er svo
hratt að þú í raun ekki taka eftir því.

917
00:40:59,720 --> 00:41:04,469
En hvað gerir þú svona eins konar sjá
ef ég smelli og dragðu mjög hratt?

918
00:41:04,469 --> 00:41:07,010
Þau ykkar horfa á netinu,
ef þú hægja þetta 0.5x hraða,

919
00:41:07,010 --> 00:41:09,640
þú getur séð þetta betur.

920
00:41:09,640 --> 00:41:13,550
>> Hvað var að gerast bara
áður en ég smellti og dró?

921
00:41:13,550 --> 00:41:15,900
Leyfðu mér að reyna here-- láta mig gera
eitthvað annað, eins og 90210.

922
00:41:15,900 --> 00:41:17,550
Við skulum fara langt í burtu.

923
00:41:17,550 --> 00:41:19,000
Það var mjög hratt líka.

924
00:41:19,000 --> 00:41:22,460
Hvernig væri Disney World?

925
00:41:22,460 --> 00:41:23,190
Það sem við förum.

926
00:41:23,190 --> 00:41:23,690
OK.

927
00:41:23,690 --> 00:41:26,030
Hvað sástu fyrir hættu annað?

928
00:41:26,030 --> 00:41:27,200
Bara eins og ferninga, ekki satt?

929
00:41:27,200 --> 00:41:28,930
Staðgengla fyrir flísar?

930
00:41:28,930 --> 00:41:30,270
>> Jæja, hvað er að gerast hér?

931
00:41:30,270 --> 00:41:35,410
Google Maps er gott dæmi um
þessi tækni sem heitir Ajax.

932
00:41:35,410 --> 00:41:38,510
Og þetta er þar sem við munum byrja að
nota JavaScript í sérstaklega

933
00:41:38,510 --> 00:41:39,277
alluring leið.

934
00:41:39,277 --> 00:41:41,610
Til baka í dag, það var
þetta vefsvæði kallað MapQuest.

935
00:41:41,610 --> 00:41:44,120
Og ég ætti að hafa tekið
screenshot af þessu frá 1990,

936
00:41:44,120 --> 00:41:45,820
þar sem ef þú vildir
líta upp hér á kortinu,

937
00:41:45,820 --> 00:41:48,590
þú vildi bókstaflega smella ör
upp efst sem sýndi þér

938
00:41:48,590 --> 00:41:49,870
annað veldi kortinu.

939
00:41:49,870 --> 00:41:51,790
Ef þú vildir fara til vinstri, þér
smellt á örina sem sýndi þér

940
00:41:51,790 --> 00:41:53,210
annað veldi kortinu.

941
00:41:53,210 --> 00:41:54,840
Og sumir vefsíður gera enn þetta í dag.

942
00:41:54,840 --> 00:41:57,820
En jafnvel MapQuest hefur fengið
betra, eins og Google Maps.

943
00:41:57,820 --> 00:42:01,880
>> Þess í stað, hvað er betra þetta
daga er vefsíður sem nota AJAX.

944
00:42:01,880 --> 00:42:04,510
AJAX-- annars þekkt sem
Ósamstilltur JavaScript og XML,

945
00:42:04,510 --> 00:42:08,370
sem er bara fínt leið til að segja
tækni eða tækni sem

946
00:42:08,370 --> 00:42:14,200
gerir vafra með javascript
að gera frekari HTTP beiðnir

947
00:42:14,200 --> 00:42:16,390
eftir að síða hefur verið hlaðinn.

948
00:42:16,390 --> 00:42:17,479
Svo hvað þýðir þetta?

949
00:42:17,479 --> 00:42:19,270
Jæja, það væri góður
pirrandi í Gmail

950
00:42:19,270 --> 00:42:21,103
ef í hvert skipti sem þú vildir
að athuga póstinn þinn,

951
00:42:21,103 --> 00:42:24,940
þú hefðir bókstaflega högg Control-R eða
Command-R eða smella á Reload hnappinn

952
00:42:24,940 --> 00:42:26,580
og allt fjári síðu myndi endurhlaða.

953
00:42:26,580 --> 00:42:26,800
Ekki satt?

954
00:42:26,800 --> 00:42:28,460
Það myndi blikka hvítt
sennilega fyrir sekúndu.

955
00:42:28,460 --> 00:42:30,043
Þú vildi sjá heimskur framfarir bar.

956
00:42:30,043 --> 00:42:33,170
Og bara til að sjá hvort þú hefur nýr
mail, allt vefsíðan og slóðin

957
00:42:33,170 --> 00:42:34,580
þú ert á þyrfti að endurhlaða.

958
00:42:34,580 --> 00:42:35,960
>> En það er ekki það sem gerist í Gmail.

959
00:42:35,960 --> 00:42:36,459
Ekki satt?

960
00:42:36,459 --> 00:42:40,300
Þegar þú færð nýjan tölvupóst í
Gmail, hvað gerist á skjánum?

961
00:42:40,300 --> 00:42:41,480
Það sýnir bara upp, ekki satt?

962
00:42:41,480 --> 00:42:44,280
Það bara dularfullur birtist
sem nýja röð í töflunni.

963
00:42:44,280 --> 00:42:47,030
Sem raunverulega felur í sér
ágætis magn af flókið.

964
00:42:47,030 --> 00:42:51,892
Í staðreynd, ef þú hugsar um þetta tré,
sem jafnvel þó er einföld hér,

965
00:42:51,892 --> 00:42:54,100
Gmail-- og ég myndi þurfa að leita
á kóða til að vera sure--

966
00:42:54,100 --> 00:42:58,710
sennilega hefur HTML töflu eða kannski
óraðaðan lista sem það gerir

967
00:42:58,710 --> 00:43:01,060
hvert innanborðs tölvupóst sem.

968
00:43:01,060 --> 00:43:04,050
>> Og svo ef þú ímynda sér þetta þar
er tré í minni þegar þú ert

969
00:43:04,050 --> 00:43:09,050
Gmail sem lítur svona eins konar
eins og þetta, þegar Google áttar, ooh,

970
00:43:09,050 --> 00:43:12,770
þú ert með nýjan póst, er það ekki
langar að endurbyggja allt tréð.

971
00:43:12,770 --> 00:43:16,430
Frekar, vill það til að finna hnút í
tré sem táknar pósthólfið

972
00:43:16,430 --> 00:43:18,580
og bara að setja inn nýjan hnút.

973
00:43:18,580 --> 00:43:24,640
>> Svo mjög svipuð pset fimm, þar sem þú
þurfti að setja hnúta í kjötkássa töflunni,

974
00:43:24,640 --> 00:43:28,410
álíka er Google, um
JavaScript kóða sem hún hefur skrifað,

975
00:43:28,410 --> 00:43:31,890
Traverse þessu tré, reikna út hvar
er að pósthólfið hluti af glugganum,

976
00:43:31,890 --> 00:43:33,440
og síðan að setja inn nýja línu.

977
00:43:33,440 --> 00:43:37,460
Og ný röð þýðir bara eitt
eða fleiri ný hnútar í tré.

978
00:43:37,460 --> 00:43:41,340
>> Og svo er AJAX þessi aðferð
sem gerir ráð fyrir einmitt það.

979
00:43:41,340 --> 00:43:44,440
Þegar þú hefur heimsótt vefslóð,
þó brjálaður lengi það er,

980
00:43:44,440 --> 00:43:46,472
og þegar síðan hefur
verið hlaðinn, getur þú samt

981
00:43:46,472 --> 00:43:48,430
grípa fleiri gögn úr
internet-- hvort sem það er

982
00:43:48,430 --> 00:43:52,460
tölvupóstur eða flísar á map--
grípa það á bak við tjöldin

983
00:43:52,460 --> 00:43:55,290
og þá setja það inn á síðuna
svo að mönnum er í raun ekki

984
00:43:55,290 --> 00:43:56,910
að bíða fyrir það.

985
00:43:56,910 --> 00:43:58,980
>> Facebook Messenger virkar á sama hátt.

986
00:43:58,980 --> 00:44:01,562
Allir tala um aðrar websites--
ó, reyndar, jafnvel þessi.

987
00:44:01,562 --> 00:44:04,270
Ég meina, þetta er satt, eins konar
pirrandi eru þessa dagana.

988
00:44:04,270 --> 00:44:07,500
Ef ég byrja að leita að cats-- þetta
er eins konar hræðilegt reynslu notenda.

989
00:44:07,500 --> 00:44:08,990
Það bara byrjar að leita að mér.

990
00:44:08,990 --> 00:44:10,050
Jæja hvað er það að gera?

991
00:44:10,050 --> 00:44:12,920
The URL hefur í raun ekki breyst
síðan ég byrjaði að skrifa.

992
00:44:12,920 --> 00:44:17,330
En hvað er að fara yfir
wire-- OK, Hmm áhugavert.

993
00:44:17,330 --> 00:44:20,470
Hvað er að gerast yfir á
vír hér bara fær weirder.

994
00:44:20,470 --> 00:44:21,090
>> OK.

995
00:44:21,090 --> 00:44:24,670
Svo láta mig fara á undan og skoða
þáttur og fara í Network flipanum

996
00:44:24,670 --> 00:44:27,040
og reyna að gera þetta
tæknilega og minna um ketti.

997
00:44:27,040 --> 00:44:32,595
Eins og ÉG tegund, bókstaflega, kettir
and-- hvað er að gerast

998
00:44:32,595 --> 00:44:37,710
per-- Ég ætla ekki að fara að smella því.

999
00:44:37,710 --> 00:44:38,210
Allt í lagi.

1000
00:44:38,210 --> 00:44:44,280
Svo hérna, hvað er að gerast á hverjum
þegar ég skrifa staf, greinilega?

1001
00:44:44,280 --> 00:44:45,000
Eins og lágt?

1002
00:44:45,000 --> 00:44:47,860
Hvað er að gerast við hvert þeirra
stafi Ég er að slá á lyklaborðinu mínu?

1003
00:44:47,860 --> 00:44:48,359
Já?

1004
00:44:48,359 --> 00:44:50,950
Áhorfendur: [inaudible].

1005
00:44:50,950 --> 00:44:52,340
>> DAVID Malan: Einmitt.

1006
00:44:52,340 --> 00:44:55,600
Hver af þeim stafi er
að fara á Google, eitt í einu.

1007
00:44:55,600 --> 00:44:58,490
Þeir eru að byggja upp band
á netþjóni þeirra sem táknar

1008
00:44:58,490 --> 00:44:59,936
allt sem ég hef slegið í svona langt.

1009
00:44:59,936 --> 00:45:01,810
Og í hvert skipti sem ég slá
annar karakter, þeir

1010
00:45:01,810 --> 00:45:04,530
nota leyndarmál sósu þeirra a
leita reiknirit og reikna út,

1011
00:45:04,530 --> 00:45:07,370
hann við þessa köttur síðu
eða þetta köttur síðu eða þess háttar?

1012
00:45:07,370 --> 00:45:10,620
Svo í einhverjum skilningi, það veitir mér með
betri reynslu í að ég er ekki einu sinni

1013
00:45:10,620 --> 00:45:11,860
þarf að ljúka hugsun mína.

1014
00:45:11,860 --> 00:45:14,440
Og reyndar, það er gagnlegt
hlutur, sjálfvirkri útfyllingu almennt.

1015
00:45:14,440 --> 00:45:17,690
Ef reiknirit þeirra eru nógu gott
og ef leitir mínir eru augljóst nóg,

1016
00:45:17,690 --> 00:45:19,300
Ég þarf ekki að slá allt orðið.

1017
00:45:19,300 --> 00:45:22,110
Þeir eru að fara að segja mér hvað það
er ég í raun að leita að.

1018
00:45:22,110 --> 00:45:25,940
Svo hvað Google kallar augnablik
leit er bara að nota AJAX,

1019
00:45:25,940 --> 00:45:30,820
með kóða sem gerir þeim kleift að óska ​​eftir
fleiri efni í gegnum a vefur flettitæki

1020
00:45:30,820 --> 00:45:34,026
bak við tjöldin með þetta
nýtt tungumál, JavaScript.

1021
00:45:34,026 --> 00:45:35,400
Þannig að við höfum nokkrar mínútur eftir.

1022
00:45:35,400 --> 00:45:37,710
Og láta mig kalla upp félagi minn
Colton upp á sviðið,

1023
00:45:37,710 --> 00:45:40,090
þar sem það virtist
sérstaklega gaman síðasta sinn

1024
00:45:40,090 --> 00:45:42,290
að kynna tækni
að sumir af þú

1025
00:45:42,290 --> 00:45:44,769
hafa lýst yfir áhuga
í fyrir lokaverkefni.

1026
00:45:44,769 --> 00:45:47,310
Við héldum að það væri gaman að koma
upp sjálfboðaliði, þó, í dag

1027
00:45:47,310 --> 00:45:50,074
til að sýna þér viðbót við
þetta sem gerir you-- já,

1028
00:45:50,074 --> 00:45:50,990
Ég sá þessa hönd fyrst.

1029
00:45:50,990 --> 00:45:52,900
Komdu upp.

1030
00:45:52,900 --> 00:45:53,560
Mjög vel gert.

1031
00:45:53,560 --> 00:45:55,035
Vel gert.

1032
00:45:55,035 --> 00:45:57,410
Ég ætla að verkefnið þetta á
skjárinn í bara smá stund.

1033
00:45:57,410 --> 00:45:58,150
Hvað er nafn þitt fyrir alla?

1034
00:45:58,150 --> 00:45:59,180
>> EFA: Ég er 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: Já.

1039
00:46:00,730 --> 00:46:01,250
>> DAVID Malan: Gaman að sjá þig.

1040
00:46:01,250 --> 00:46:01,600
Allt í lagi.

1041
00:46:01,600 --> 00:46:02,590
Leyfðu mér að fá þetta tilbúið.

1042
00:46:02,590 --> 00:46:04,423
Komdu til
miðja með Colton hér.

1043
00:46:04,423 --> 00:46:07,050
Hvað Colton hefur í höndum sínum
í dag er fjarstýring.

1044
00:46:07,050 --> 00:46:10,440
Svo frekar en bara standa þarna í
þrívítt heiminum að leita í kring

1045
00:46:10,440 --> 00:46:14,080
eins Colton gerði, nú Efa getur
reyndar ganga um með því að fara upp,

1046
00:46:14,080 --> 00:46:16,689
niður, til vinstri og hægri eins og
Nintendo eða Xbox stjórnandi.

1047
00:46:16,689 --> 00:46:18,230
EFA: Ég ætla að falla niður af sviðinu.

1048
00:46:18,230 --> 00:46:20,500
DAVID Malan: Ég mun
standa u.þ.b. hérna.

1049
00:46:20,500 --> 00:46:21,991
En það er hætta á.

1050
00:46:21,991 --> 00:46:22,490
OK.

1051
00:46:22,490 --> 00:46:25,690
Svo fara á undan og setja þá á.

1052
00:46:25,690 --> 00:46:29,315
Leyfðu mér að fara á undan og
skipta á skjáinn hér.

1053
00:46:29,315 --> 00:46:30,670
Leyfðu mér að dekkja ljósin.

1054
00:46:30,670 --> 00:46:32,780
Og Colton, láttu mig
koma standa við hliðina á þér.

1055
00:46:32,780 --> 00:46:35,520
>> Viltu útskýra hér
með mic hvað við erum að gera?

1056
00:46:35,520 --> 00:46:36,380
Gjörðu svo vel.

1057
00:46:36,380 --> 00:46:37,280
>> COLTON: Jú.

1058
00:46:37,280 --> 00:46:39,980
Svo núna erum við
hleðsla upp Oculus,

1059
00:46:39,980 --> 00:46:43,070
Ég held operating-- ekki starfandi
kerfi, en the aðalæð program, þar

1060
00:46:43,070 --> 00:46:46,630
þú getur fengið aðgang að öllum leikjum og
forrit sem eru í bókasafninu þínu.

1061
00:46:46,630 --> 00:46:50,060
Svo núna, það ætti að segja
bankaðu snerta til að byrja.

1062
00:46:50,060 --> 00:46:53,430
Snerta er að fara að vera á
Hægri hlið heyrnartól.

1063
00:46:53,430 --> 00:46:54,569
Svo fara á undan og tap--

1064
00:46:54,569 --> 00:46:55,110
EFA: Ó, maður.

1065
00:46:55,110 --> 00:46:56,443
DAVID Malan: Já, þar sem þú ferð.

1066
00:46:56,443 --> 00:47:00,340

1067
00:47:00,340 --> 00:47:02,460
The gæði Efa er að sjá
er miklu meiri gæði.

1068
00:47:02,460 --> 00:47:03,831
Þetta er bara Wi-Fi hér.

1069
00:47:03,831 --> 00:47:05,580
COLTON: Það sem þú ert
fara til að vilja gera

1070
00:47:05,580 --> 00:47:08,350
er að leita í átt að efst
hægri á skjánum.

1071
00:47:08,350 --> 00:47:10,420
Já, þessi leikur á mjög efst til hægri.

1072
00:47:10,420 --> 00:47:14,780
Og svo þegar þú ert að velja
það, pikkaðu á snerta aftur.

1073
00:47:14,780 --> 00:47:17,010
Ég held Dreadhalls sínum.

1074
00:47:17,010 --> 00:47:20,820
Og þá er hér a-- hér, við skulum
mig halda gleraugu fyrir þig.

1075
00:47:20,820 --> 00:47:24,420

1076
00:47:24,420 --> 00:47:25,790
>> Svo ég gaf honum bara stjórnandi.

1077
00:47:25,790 --> 00:47:28,886
Svo nú getur hann stjórna leiknum.

1078
00:47:28,886 --> 00:47:30,510
Hann getur fært í kring og svoleiðis.

1079
00:47:30,510 --> 00:47:31,968
Svo fara á undan og horfa upp á toppinn.

1080
00:47:31,968 --> 00:47:33,640
Þú ættir að sjá nýjan leik.

1081
00:47:33,640 --> 00:47:36,310
Svo fara á undan og þú getur gert það.

1082
00:47:36,310 --> 00:47:39,320
Nú ættir þú að vera fær um að stjórna
sjálfur með stýringu,

1083
00:47:39,320 --> 00:47:43,860
eins og heilbrigður, eins fljótt og
leikurinn hleðst upp hér.

1084
00:47:43,860 --> 00:47:46,356
Þetta gæti verið svolítið ógnvekjandi.

1085
00:47:46,356 --> 00:47:47,300
>> EFA: Nú þú segja mér.

1086
00:47:47,300 --> 00:47:50,132
OK.

1087
00:47:50,132 --> 00:47:51,080
>> COLTON: Allt í lagi.

1088
00:47:51,080 --> 00:47:52,650
Svo að staðfesta að þú getur fært um.

1089
00:47:52,650 --> 00:47:52,750
OK.

1090
00:47:52,750 --> 00:47:53,583
Þú getur fært um.

1091
00:47:53,583 --> 00:47:54,300
Perfect.

1092
00:47:54,300 --> 00:47:56,470
Þannig að ef þú lítur niður, hefur þú kort.

1093
00:47:56,470 --> 00:47:58,170
Kort sýnir þér hvar þú ert.

1094
00:47:58,170 --> 00:47:59,720
Þú getur litið í kring the herbergi.

1095
00:47:59,720 --> 00:48:01,440
Þú getur alveg snúið.

1096
00:48:01,440 --> 00:48:02,128
Já, einmitt.

1097
00:48:02,128 --> 00:48:02,627
Snúðu við.

1098
00:48:02,627 --> 00:48:05,370

1099
00:48:05,370 --> 00:48:07,125
>> Svo líta til vinstri.

1100
00:48:07,125 --> 00:48:09,875
Ég held að það er eitthvað sem þú getur
tekið upp á tunnu í herberginu.

1101
00:48:09,875 --> 00:48:11,709
>> EFA: Hvernig fæ ég
kort út af the vegur?

1102
00:48:11,709 --> 00:48:12,375
COLTON: Horfðu upp.

1103
00:48:12,375 --> 00:48:12,980
Bara líta upp.

1104
00:48:12,980 --> 00:48:13,480
Allt í lagi.

1105
00:48:13,480 --> 00:48:13,765
Þar sem þú ferð.

1106
00:48:13,765 --> 00:48:15,181
Nú fara á undan og bara snúa.

1107
00:48:15,181 --> 00:48:21,460

1108
00:48:21,460 --> 00:48:24,620
Svo líta lengra til vinstri.

1109
00:48:24,620 --> 00:48:25,530
Halda áfram vinstri.

1110
00:48:25,530 --> 00:48:26,960
Halda að leita eftir.

1111
00:48:26,960 --> 00:48:27,541
Haltu áfram.

1112
00:48:27,541 --> 00:48:28,040
Já.

1113
00:48:28,040 --> 00:48:28,720
>> EFA: Ó, þannig.

1114
00:48:28,720 --> 00:48:29,261
>> COLTON: Já.

1115
00:48:29,261 --> 00:48:30,999
Ganga að því með stýringu.

1116
00:48:30,999 --> 00:48:31,540
Þar sem þú ferð.

1117
00:48:31,540 --> 00:48:32,790
Nú ætti að segja taka það upp.

1118
00:48:32,790 --> 00:48:33,360
Þar sem þú ferð.

1119
00:48:33,360 --> 00:48:34,290
Taka það upp.

1120
00:48:34,290 --> 00:48:35,550
Allt í lagi.

1121
00:48:35,550 --> 00:48:38,286
Nú, við skulum fá út úr þessu herbergi.

1122
00:48:38,286 --> 00:48:42,209
Fara á undan og ganga að þeim dyrum.

1123
00:48:42,209 --> 00:48:45,000
Svo þú ert að fara að hold-- það segir
halda á hnappinn til að þvinga það opið.

1124
00:48:45,000 --> 00:48:46,333
Svo fara á undan og halda takkanum.

1125
00:48:46,333 --> 00:48:48,250
Já, þvingunar það opið.

1126
00:48:48,250 --> 00:48:48,750
Allt í lagi.

1127
00:48:48,750 --> 00:48:49,410
Vel gert.

1128
00:48:49,410 --> 00:48:50,826
Nú erum við að ganga út úr herberginu.

1129
00:48:50,826 --> 00:48:56,970

1130
00:48:56,970 --> 00:49:01,366
Þannig að ég ætla að láta restina upp
til þín og sjá hvað þú finnur út.

1131
00:49:01,366 --> 00:49:02,865
EFA: Ég ætla ekki að fara í myrkvuðu herbergi.

1132
00:49:02,865 --> 00:49:07,315

1133
00:49:07,315 --> 00:49:07,815
Ó, bíddu.

1134
00:49:07,815 --> 00:49:09,314
Nú þarf ég að fara niður ganginn?

1135
00:49:09,314 --> 00:49:10,785
OK, ég ætla aftur [inaudible].

1136
00:49:10,785 --> 00:49:15,520

1137
00:49:15,520 --> 00:49:16,270
COLTON: Allt í lagi.

1138
00:49:16,270 --> 00:49:17,560
Sumir fleiri atriði til að ná upp.

1139
00:49:17,560 --> 00:49:19,370
Lítur út eins og sumir mynt.

1140
00:49:19,370 --> 00:49:22,242
Það er lás velja.

1141
00:49:22,242 --> 00:49:24,200
Svo ef þú finnur læst
dyr, þú getur notað það.

1142
00:49:24,200 --> 00:49:27,755

1143
00:49:27,755 --> 00:49:28,380
Ertu hræddur?

1144
00:49:28,380 --> 00:49:29,371
>> EFA: Ekki enn.

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-- já.

1148
00:49:35,497 --> 00:49:37,330
Bara láta sem þú ert
í raun að standa þarna.

1149
00:49:37,330 --> 00:49:39,580
Og ef þú kveikir around--
þú hefur fengið að venjast því.

1150
00:49:39,580 --> 00:49:40,752
En það er vit í.

1151
00:49:40,752 --> 00:49:43,960
DAVID Malan: Og á meðan Efa áfram að
spila, þar sem við gætum gert þetta allan daginn,

1152
00:49:43,960 --> 00:49:45,381
við getum öll þjórfé-tá út hér.

1153
00:49:45,381 --> 00:49:48,130
En við höfum tvo aðra pör,
ef þú vilt koma upp og leika.

1154
00:49:48,130 --> 00:49:49,980
Annars munum við sjá
þú næst á miðvikudag.

1155
00:49:49,980 --> 00:49:51,354
Þakka þér að sjálfboðaliðinn okkar í dag.

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
>> [TÓNLIST - "Seinfeld þemað"]

1159
00:49:57,392 --> 00:49:58,222

1160
00:49:58,222 --> 00:50:00,180
Ræðumaður 1: Jæja, ég er
setja ný PL fjall á.

1161
00:50:00,180 --> 00:50:01,800
Ég breytti bara OLPF--

1162
00:50:01,800 --> 00:50:03,980
>> Ræðumaður 2: Hvað
nákvæmlega ertu að gera?

1163
00:50:03,980 --> 00:50:07,063
>> Ræðumaður 1: Jæja, hver these--
hér, ég sýna þér hana í hér.

1164
00:50:07,063 --> 00:50:08,690
Þú getur séð það hérna.

1165
00:50:08,690 --> 00:50:09,510
>> Ræðumaður 3: Ég held að ég er góður með þessar.

1166
00:50:09,510 --> 00:50:09,933
Þú vilt meira?

1167
00:50:09,933 --> 00:50:11,325
>> Ræðumaður 4: Nei, ég er góður. [Inaudible].

1168
00:50:11,325 --> 00:50:12,200
>> Ræðumaður 3: Nei, [inaudible].

1169
00:50:12,200 --> 00:50:12,700
Hafa sumir.

1170
00:50:12,700 --> 00:50:21,165

1171
00:50:21,165 --> 00:50:22,290
Ræðumaður 1: Mismunandi litur.

1172
00:50:22,290 --> 00:50:22,890
Ræðumaður 2: OK.

1173
00:50:22,890 --> 00:50:26,690
Ræðumaður 1: Svo að lokum hvað það
gerir er að það lagar litinn of--