1
00:00:00,000 --> 00:00:39,630

2
00:00:39,630 --> 00:00:41,880
DAVID J. Malan: Bone,
tiel ĉi tie estas la Myo brako

3
00:00:41,880 --> 00:00:44,450
bando, paro de kiuj ni
havas por CS50 fina projektoj.

4
00:00:44,450 --> 00:00:47,533
Kaj tio estis pruvo ni vosto
vin anticipe kie esence

5
00:00:47,533 --> 00:00:51,120
tiu sufiĉe firme brako bando tien
aŭskultas viajn muskolajn movadoj

6
00:00:51,120 --> 00:00:54,280
kiuj tiam mapita en programaro
al Colton la tekkomputilo tien kiu

7
00:00:54,280 --> 00:00:57,230
havis iTunes kaj ke
kanto jam vosto supren.

8
00:00:57,230 --> 00:01:00,270
Anstataŭ mi demoing ĉi,
Colton pasis en la laboratorio

9
00:01:00,270 --> 00:01:04,129
klare ĉiu semajno prenanta manifestacio
pretaj por unu kuraĝa volontulo.

10
00:01:04,129 --> 00:01:07,430
Se iu volus veni
sur up-- vidis vian manon unue.

11
00:01:07,430 --> 00:01:09,540
-Venu.

12
00:01:09,540 --> 00:01:12,530
>> Bone.

13
00:01:12,530 --> 00:01:13,886
Kaj kia estas via nomo?

14
00:01:13,886 --> 00:01:14,800
>> Publiko: Uh, Maria.

15
00:01:14,800 --> 00:01:16,550
>> DAVID J. Malan: Maria, agrable vidi vin.

16
00:01:16,550 --> 00:01:17,310
Venu ĉi tien.

17
00:01:17,310 --> 00:01:19,550
Lasu min prezenti vin al Colton.

18
00:01:19,550 --> 00:01:21,290
Colton, tiu estas Maria.

19
00:01:21,290 --> 00:01:23,050
>> Colton: Hi, agrable renkonti vin.

20
00:01:23,050 --> 00:01:24,330
>> DAVID J. Malan: Ĉiuj
Bone, do tretas unu, ni estas

21
00:01:24,330 --> 00:01:26,204
havos vin meti
tio sur via antaŭbrako

22
00:01:26,204 --> 00:01:29,280
tiel ke ĝi estas bela
firme supren proksime via kubuto.

23
00:01:29,280 --> 00:01:31,940
Kaj dume, ni havas
surmetis nian Google Vitra

24
00:01:31,940 --> 00:01:33,720
kaj ni miksas teknologioj hodiaŭ.

25
00:01:33,720 --> 00:01:36,340
>> Colton: Unue ni devos
hoko jeonon al la aĵoj.

26
00:01:36,340 --> 00:01:37,170
>> DAVID J. Malan: Bone.

27
00:01:37,170 --> 00:01:39,795
Fakte, ni kunigu vian brakon kiel
proksime al tiu kablo kiel ebla

28
00:01:39,795 --> 00:01:41,160
tiel ke ni povas unue sinkronigi ĝin.

29
00:01:41,160 --> 00:01:42,740
>> Colton: Ni faros.

30
00:01:42,740 --> 00:01:46,500
>> DAVID J. Malan: Kaj dume, do
ke ĉiuj povas ricevi pli proksiman rigardon,

31
00:01:46,500 --> 00:01:50,290
ni rulos Andrew ĉambro
supren sur la ekrano.

32
00:01:50,290 --> 00:01:54,460
Do ni havas USB kablon tio
esti konektita al Maria braceleto.

33
00:01:54,460 --> 00:02:00,230
Kaj mi rulos Colton la ekrano
supren sur la proyector proksima.

34
00:02:00,230 --> 00:02:06,000
>> Do Colton estas registri la aparato
nun kiel Myo konektita al ĉi kablo.

35
00:02:06,000 --> 00:02:08,060
Kaj nun kio Maria
faros momente

36
00:02:08,060 --> 00:02:10,120
Efektive trairu
la calibración paŝoj

37
00:02:10,120 --> 00:02:12,830
kaj instruos la programaron
kiom ŝi muskoloj respondi

38
00:02:12,830 --> 00:02:16,070
kiam ŝi faras iujn pre-difinita
Gestoj ke la programaro komprenas.

39
00:02:16,070 --> 00:02:17,910
Se vi ŝatus eniri
antaŭ la ekrano.

40
00:02:17,910 --> 00:02:26,840

41
00:02:26,840 --> 00:02:30,090
OK, provadi.

42
00:02:30,090 --> 00:02:31,860
>> Colton: Iru kiel ĉi.

43
00:02:31,860 --> 00:02:32,970
Kaj kiel tio.

44
00:02:32,970 --> 00:02:34,563
Kaj la tutan vojon al la dekstra.

45
00:02:34,563 --> 00:02:35,922
Reiru.

46
00:02:35,922 --> 00:02:37,740
>> DAVID J. Malan: Bone.

47
00:02:37,740 --> 00:02:38,960
Malsama perspektivo.

48
00:02:38,960 --> 00:02:39,620
Ne estas vi.

49
00:02:39,620 --> 00:02:40,350
Estas ni.

50
00:02:40,350 --> 00:02:41,749
>> MARIA: OK.

51
00:02:41,749 --> 00:02:42,540
DAVID J. Malan: No.

52
00:02:42,540 --> 00:02:46,720

53
00:02:46,720 --> 00:02:51,540
Ni movi ŝin pli supren tiel ĝi estas
proksima al via kubuto, aŭ eĉ pli strikta.

54
00:02:51,540 --> 00:02:52,680
Bone.

55
00:02:52,680 --> 00:02:53,270
>> Tie ni iras.

56
00:02:53,270 --> 00:02:56,780
Tiu estus bona tempo por CS52X.

57
00:02:56,780 --> 00:02:57,670
Tie ni iras.

58
00:02:57,670 --> 00:02:58,760
>> Tre agrabla.

59
00:02:58,760 --> 00:03:01,170
OK.

60
00:03:01,170 --> 00:03:02,790
Dikfingro al Pinky.

61
00:03:02,790 --> 00:03:03,380
>> Tre agrabla.

62
00:03:03,380 --> 00:03:05,140
Diskonigi vian fingroj.

63
00:03:05,140 --> 00:03:06,240
Bonan.

64
00:03:06,240 --> 00:03:06,910
Skuu pravas.

65
00:03:06,910 --> 00:03:15,052

66
00:03:15,052 --> 00:03:17,010
Ĝi estas kurioze montrante
vin per la maldekstra hand--

67
00:03:17,010 --> 00:03:19,665
>> Colton: Yeah, jen Wierd.

68
00:03:19,665 --> 00:03:21,790
DAVID J. Malan: Ondo de
dekstren kaj movi antauxen.

69
00:03:21,790 --> 00:03:22,998
Rapida antaŭen salti aŭ proksimaj.

70
00:03:22,998 --> 00:03:25,020
Tio estas OK Ondo pravas.

71
00:03:25,020 --> 00:03:26,650
>> MARIA Mi don't-- atendu.

72
00:03:26,650 --> 00:03:28,430
>> DAVID J. Malan: Bezonas helpon?

73
00:03:28,430 --> 00:03:30,027
>> Colton: Do vi iras kiel ĉi.

74
00:03:30,027 --> 00:03:31,860
MARIA: ĝi turniĝas la
alia afero, tamen.

75
00:03:31,860 --> 00:03:32,390
Colton: Jes.

76
00:03:32,390 --> 00:03:34,250
DAVID J. Malan: Jes mi ne konas
kial estas montranta vin leftie.

77
00:03:34,250 --> 00:03:36,458
Colton: Kial ne try--
nur provu iri kiel ĉi.

78
00:03:36,458 --> 00:03:38,910

79
00:03:38,910 --> 00:03:40,090
>> DAVID J. Malan: Neniu?

80
00:03:40,090 --> 00:03:42,580
Eble atingos vian brakon
el iom pli rekta

81
00:03:42,580 --> 00:03:46,070
kaj fari ĝin pli abrupta kiel ĉi.

82
00:03:46,070 --> 00:03:48,176
Jes, bone, venu.

83
00:03:48,176 --> 00:03:49,670
>> MARIA: Mi bedaŭras.

84
00:03:49,670 --> 00:03:51,170
DAVID J. Malan: Ne via kulpo.

85
00:03:51,170 --> 00:03:53,018
Colton: Estas bone.

86
00:03:53,018 --> 00:03:55,430
DAVID J. Malan: Bone.

87
00:03:55,430 --> 00:03:56,220
Well--

88
00:03:56,220 --> 00:03:57,620
>> Maria: Ĉu ni salti ĉi, do?

89
00:03:57,620 --> 00:03:59,620
DAVID J. Malan: Jes, ni
lasu vin trompi la hoko.

90
00:03:59,620 --> 00:04:03,130
Do se iu volas fari
fina projekto uzanta ĉi avangardo

91
00:04:03,130 --> 00:04:07,707
aparataro, realigi eble simple
preni iom alkutimiĝi al.

92
00:04:07,707 --> 00:04:10,290
Kaj this-- la realeco estas ĉi
Estas vere tre sanganta latero.

93
00:04:10,290 --> 00:04:12,040
>> Ĉi tio estas kion nomas
la ellaboranto kit, kiu

94
00:04:12,040 --> 00:04:14,956
estas intencita esti esence antaŭ-ĵeto
tiel ke homoj povas fari ekzakte

95
00:04:14,956 --> 00:04:18,690
this-- batali kontraux gxi, figuro
ekster kiel popola korpojn labori

96
00:04:18,690 --> 00:04:19,980
kun la teknologio.

97
00:04:19,980 --> 00:04:21,750
Do se vi volas
Poste, post prelego,

98
00:04:21,750 --> 00:04:23,750
povas ke vi venu kaj
preni alian ponardopiko ĉe ĝi.

99
00:04:23,750 --> 00:04:26,970
Sed alie, ronda de aplaŭdoj, se
ni povis, por Maria por veni supren.

100
00:04:26,970 --> 00:04:28,770
>> MARIA: Dankon.

101
00:04:28,770 --> 00:04:30,390
>> DAVID J. Malan: Dankon.

102
00:04:30,390 --> 00:04:34,945
Ni pendigu sur ĉi tio, sed ni donos
you-- kiom pri streso pilkon tien?

103
00:04:34,945 --> 00:04:38,620
Ho, kaj- if-- yeah, dankon.

104
00:04:38,620 --> 00:04:39,715
Bone.

105
00:04:39,715 --> 00:04:45,750
Do por la scivola, se vi estus
ne konas la sonon elekto

106
00:04:45,750 --> 00:04:47,670
ke ni faris tie
antaŭe, miriga TV

107
00:04:47,670 --> 00:04:50,210
montri, ke vi devus absolute
esti Binge-rigardante sur Netflix

108
00:04:50,210 --> 00:04:51,110
Estas ĉi tie.

109
00:04:51,110 --> 00:04:54,472
>> SPEAKER 1: Sinjorinoj kaj sinjoroj,
magiisto nomata Josh.

110
00:04:54,472 --> 00:05:04,710

111
00:05:04,710 --> 00:05:08,050
>> DAVID J. Malan: Kaj ŝajne, estas
aferon tekston mi dum prelego nun.

112
00:05:08,050 --> 00:05:11,190
Mi kalkulitan ke Maria
havis naskiĝtagon hieraŭ.

113
00:05:11,190 --> 00:05:14,095
Tiel feliĉa naskiĝtago de
CS50 Maria tiel.

114
00:05:14,095 --> 00:05:18,720

115
00:05:18,720 --> 00:05:22,090
>> Do vi eble legis en la lastaj monatoj
ke ĉi sinjoroj tie, Steve

116
00:05:22,090 --> 00:05:25,260
Ballmer, kiuj estis reale
Klaso de 1977 en la universitato,

117
00:05:25,260 --> 00:05:27,170
ĵus retiriĝis por Microsoft.

118
00:05:27,170 --> 00:05:29,620
Li estis studento tie,
tiam paron jaroj poste

119
00:05:29,620 --> 00:05:31,910
trovis sin je
Stanford Business School

120
00:05:31,910 --> 00:05:34,160
kiam li ricevis telefono
alvoki de amiko de sia kiuj

121
00:05:34,160 --> 00:05:36,516
vivis en la koridoro
de li tie ĉe Harvard.

122
00:05:36,516 --> 00:05:38,640
Ke amiko nomiĝis Vilcxjo
Pordegoj, kaj tiutempe,

123
00:05:38,640 --> 00:05:42,700
li provis varbi Steve esti
la unua negoco persono, vere,

124
00:05:42,700 --> 00:05:45,720
je malgranda kompanio nomon Microsoft.

125
00:05:45,720 --> 00:05:48,960
>> A longan rakonton, Steve
estis finfine gajnita super,

126
00:05:48,960 --> 00:05:52,130
aliĝis Microsoft kiam
havis nur 30 dungitojn.

127
00:05:52,130 --> 00:05:54,300
Kaj kiam li
retiriĝis lastatempe,

128
00:05:54,300 --> 00:05:58,100
la kompanio havis 100.000 oficistoj
dum la pasintaj kelkaj jaroj.

129
00:05:58,100 --> 00:06:01,171
Ktp afiŝinto konata kiel The Verge
preparis ĉi omaĝon en video

130
00:06:01,171 --> 00:06:02,920
ke ni opiniis, ke ni
dividita kiu donas vin

131
00:06:02,920 --> 00:06:08,380
senton de kiom da energio Steve
alportas al ajna prezento donas.

132
00:06:08,380 --> 00:06:11,884

133
00:06:11,884 --> 00:06:12,550
[VIDEO Playback]

134
00:06:12,550 --> 00:06:16,220
-Microsoft Estas kiel kvara infano.

135
00:06:16,220 --> 00:06:18,260
Infanoj fari forlasi la domon.

136
00:06:18,260 --> 00:06:21,875
En tiu kazo, mi supozas
Mi foriros al la domo.

137
00:06:21,875 --> 00:06:23,270
Hej Bill, whazzap?

138
00:06:23,270 --> 00:06:24,200
>> -Wazzap?

139
00:06:24,200 --> 00:06:25,320
>> -Hey, Wazzap?

140
00:06:25,320 --> 00:06:28,590
Ni estis doninta
enorma ŝanco.

141
00:06:28,590 --> 00:06:30,210
Kaj Bill donis al ni, ke ŝanco.

142
00:06:30,210 --> 00:06:35,520

143
00:06:35,520 --> 00:06:36,770
Mi deziras danki al Bill por tio.

144
00:06:36,770 --> 00:06:39,630
Mi volas ke vi ankaŭ.

145
00:06:39,630 --> 00:06:42,500
La ritmo de novigo
ne tuj malrapidas.

146
00:06:42,500 --> 00:06:45,140
>> Ĝi tuj akiri pli rapide.

147
00:06:45,140 --> 00:06:50,165
Tie povus esti kelkaj konkurantoj
kiuj bedaŭrinde forigita!

148
00:06:50,165 --> 00:06:54,337

149
00:06:54,337 --> 00:06:59,564
>> Mi amas ĉi tiu kompanio.

150
00:06:59,564 --> 00:07:00,064
Jes!

151
00:07:00,064 --> 00:07:03,452

152
00:07:03,452 --> 00:07:08,250
Mi PC, kaj mi amas tiun entreprenon!

153
00:07:08,250 --> 00:07:13,090
>> Ellaborantoj, programistoj, programistoj,
programistoj, programistoj, programistoj,

154
00:07:13,090 --> 00:07:14,560
programistoj, programistoj.

155
00:07:14,560 --> 00:07:17,500

156
00:07:17,500 --> 00:07:18,970
Jes!

157
00:07:18,970 --> 00:07:19,950
Desarrolladores retejo!

158
00:07:19,950 --> 00:07:21,420
>> Desarrolladores retejo!

159
00:07:21,420 --> 00:07:22,890
Desarrolladores retejo!

160
00:07:22,890 --> 00:07:25,830

161
00:07:25,830 --> 00:07:28,770
Aŭskultu kion ajn vi
atingi neniun ekstran postenon!

162
00:07:28,770 --> 00:07:31,960
>> MS-DOS plenuma, nomumo
calandra, karto amaso, noto kuseneto,

163
00:07:31,960 --> 00:07:33,750
horloĝo, kontrolo panelo.

164
00:07:33,750 --> 00:07:35,461
Kaj, ĉu vi povas kredi tion?

165
00:07:35,461 --> 00:07:35,960
Reversie!

166
00:07:35,960 --> 00:07:37,270
>> Bruligi ilin KD!

167
00:07:37,270 --> 00:07:38,660
Sendi ilin al MSN!

168
00:07:38,660 --> 00:07:40,422
Vi sendu ilin al amikoj!

169
00:07:40,422 --> 00:07:41,790
>> Ĉiuj kun unu klako!

170
00:07:41,790 --> 00:07:48,670
Unu Microsoft, strategio, unu team--
enfokusigita, disciplinado, profesiaj,

171
00:07:48,670 --> 00:07:50,610
kaj sperta en cxio, kion ni faras.

172
00:07:50,610 --> 00:07:52,670
Lasu min uzi linion de malnova filmo.

173
00:07:52,670 --> 00:07:54,810
>> Interrilatoj estas kiel ŝarkoj.

174
00:07:54,810 --> 00:07:57,480
Ili moviĝas antaŭen aŭ mortas.

175
00:07:57,480 --> 00:08:01,470
Mi vere pensas tech
kompanioj estas samaj.

176
00:08:01,470 --> 00:08:04,801
>> [END VIDEO Playback]

177
00:08:04,801 --> 00:08:08,050
DAVID J. Malan: Do ni estas tiom plaĉis al
anonci ke Steve estos aniĝon

178
00:08:08,050 --> 00:08:13,320
tie en CS50 proksima merkredo je
la kutima loko kaj tempo tie.

179
00:08:13,320 --> 00:08:14,750
Spaco probable estos limigita.

180
00:08:14,750 --> 00:08:19,650
Kaj tiel aliĝi al nia persono, bonvolu
kapo aŭ malmulta poste

181
00:08:19,650 --> 00:08:22,600
al cs50.harvard.edu/register.

182
00:08:22,600 --> 00:08:25,780
>> Kaj ni sekvos per
Mardo konfirmante makuloj.

183
00:08:25,780 --> 00:08:29,900
Estos atentaj por ke apud
Merkredo dum prelego en CS50.

184
00:08:29,900 --> 00:08:33,706
Nun, en aliaj novaĵoj, mi hazarde
ektrovas ĉi en The Crimson simple

185
00:08:33,706 --> 00:08:34,289
La alia tago.

186
00:08:34,289 --> 00:08:37,370
>> Ĝi rezultas ke unu el CS50 bastono
kaj almenaŭ unu el CS50 la lernantojn

187
00:08:37,370 --> 00:08:40,299
Nuntempe kurante por UC
prezidanto kaj vicprezidanto,

188
00:08:40,299 --> 00:08:42,950
kiu revenigis min
al mia propra vivo reen

189
00:08:42,950 --> 00:08:45,920
kiam mi perdis la UC elekto mizere.

190
00:08:45,920 --> 00:08:48,210
Sed la arĝento kovraĵo
en kiu mi ĉiam

191
00:08:48,210 --> 00:08:50,604
diru la rakonto estas ke
unu el la mi certas

192
00:08:50,604 --> 00:08:52,770
multaj kialoj, mi perdis la
elekto estis kompleta manko

193
00:08:52,770 --> 00:08:54,103
El kikaro por publika parolanto.

194
00:08:54,103 --> 00:08:56,950
Kaj tiel tute honeste, ĝi
pelis min, tiu sperto

195
00:08:56,950 --> 00:09:02,235
Mi opinias, ke mia unua jaro, por fakte subskribi
ĉe Harvard Computer Society, kiu

196
00:09:02,235 --> 00:09:04,610
estas la grupo sur campus kiu
tenas diversajn teknikajn prelegoj

197
00:09:04,610 --> 00:09:05,318
kaj aliaj aĵoj.

198
00:09:05,318 --> 00:09:08,117
Kaj mi transprenis ilian instruadon
seminarioj kaj sekve

199
00:09:08,117 --> 00:09:09,950
havis ŝanco,
mirinda ŝanco,

200
00:09:09,950 --> 00:09:12,620
komenci labori en ĝuste ĉi.

201
00:09:12,620 --> 00:09:15,000
Sed ankaŭ mi havis okazon
dum tiu sperto

202
00:09:15,000 --> 00:09:16,930
instrui min des pli HTML.

203
00:09:16,930 --> 00:09:21,080
Kaj tial mi procrastinated lasta nokto de
rigardis tra la HTML bazita retejo

204
00:09:21,080 --> 00:09:28,066
Mi faris same 1997, '98, pro mia
kampanjo kiu aspektas kiel ĉi tie.

205
00:09:28,066 --> 00:09:29,920
Mi scias.

206
00:09:29,920 --> 00:09:33,340
>> Because-- kaj kompreneble, avizo
tiu mirinda dezajno decido en 1998

207
00:09:33,340 --> 00:09:33,850
aŭ whatnot.

208
00:09:33,850 --> 00:09:36,475
La unua afero kiun vi volas uzantoj
fari sur vizitas vian retejon

209
00:09:36,475 --> 00:09:39,860
estas havi klaki alia ligilo ĝuste
eniri vian retejon tie kun la monaĥo

210
00:09:39,860 --> 00:09:43,940
malantaŭ kiel vualitaj kurteno kie
Ŝajne mia kampanjo platformo estis.

211
00:09:43,940 --> 00:09:46,330
Kaj tio estas ĉio vi ricevos
hodiaŭ estas ĝuste ekrankopio.

212
00:09:46,330 --> 00:09:49,500
Sed mi legis tra, kiel,
mia kampanjo afiŝoj lasta nokto

213
00:09:49,500 --> 00:09:50,490
kaj mia platformo.

214
00:09:50,490 --> 00:09:52,960
>> Kaj mi estis tiel kolera tiutempe.

215
00:09:52,960 --> 00:09:55,380
Mia platformo was-- estis interesa.

216
00:09:55,380 --> 00:09:57,730
Do mi trankviligis tiam.

217
00:09:57,730 --> 00:10:03,550
Sed iun tagon, mi kuros denove kaj
espereble pli bone tiu tempo.

218
00:10:03,550 --> 00:10:07,265
>> Do HTML, tiu lingvo en kiu mi faris
ke in-- vi baldaŭ fari multe more--

219
00:10:07,265 --> 00:10:09,140
Estas io ni estis
parolante pri jxus

220
00:10:09,140 --> 00:10:12,460
kaj grandparte prenante por permesite nun
ke ni translogxigxis al aliaj lingvoj.

221
00:10:12,460 --> 00:10:15,650
Sed ni paŭzi por momento kaj
meti iun el tiuj aferoj, en kunteksto.

222
00:10:15,650 --> 00:10:18,040
Do en la frazo, kio estas HTML?

223
00:10:18,040 --> 00:10:19,370
>> Aŭ, kio estas uzata por?

224
00:10:19,370 --> 00:10:20,208
Iu?

225
00:10:20,208 --> 00:10:20,708
Jes.

226
00:10:20,708 --> 00:10:22,002
>> Publiko: Markup por retejoj.

227
00:10:22,002 --> 00:10:23,460
DAVID J. Malan: Markup por retejo.

228
00:10:23,460 --> 00:10:27,100
Do ĝi estas markado lingvo
ebligas strukturi retpaĝo.

229
00:10:27,100 --> 00:10:30,040
Header iras tien, titolo
iras tien, korpo iras tien.

230
00:10:30,040 --> 00:10:33,280
Tio estas grasa tiparfasono, tiu estas
italics-- tiaj detaloj.

231
00:10:33,280 --> 00:10:33,830
>> OK, nu.

232
00:10:33,830 --> 00:10:37,620
Tiel CSS lasas you-- kaj mi
prenis kelkajn liberecojn tie

233
00:10:37,620 --> 00:10:40,990
kun la aŭdacaj-Facing kaj kursive ĉar
ke estas pli bone implementado kun ĉi tiu.

234
00:10:40,990 --> 00:10:42,096
CSS is-- kio?

235
00:10:42,096 --> 00:10:42,845
Diru en frazo.

236
00:10:42,845 --> 00:10:46,000

237
00:10:46,000 --> 00:10:46,720
Iu ajn.

238
00:10:46,720 --> 00:10:46,870
Yeah.

239
00:10:46,870 --> 00:10:49,286
>> Publiko: ornamoj kaj
ŝtofo, ekzemple kiel desegni ĝin.

240
00:10:49,286 --> 00:10:51,769

241
00:10:51,769 --> 00:10:52,810
DAVID J. Malan: Bone, vi bona.

242
00:10:52,810 --> 00:10:55,420
Ornamoj kiuj permesas vin
desegni ĝin aŭ stylize ĝi

243
00:10:55,420 --> 00:10:59,540
kun aĵoj kiel grasa tiparfasono kaj
kursivo kaj koloroj kaj ankaŭ pli fajna

244
00:10:59,540 --> 00:11:01,330
dika situado de elementoj.

245
00:11:01,330 --> 00:11:04,520
Ĝi ia permesas preni aĵojn la
lasta mejlo tiel ke se, ekzemple,

246
00:11:04,520 --> 00:11:08,130
en Pset7, eble vi rimarkis en via
biletujo paĝo se vi estas ĉe tiu punkto

247
00:11:08,130 --> 00:11:12,270
jam ke defaŭlta tablo ke vi
fari por montri la uzanto stock ekspluatadoj

248
00:11:12,270 --> 00:11:15,740
kaj mono probable aspektas bela malbelega
implicite sen blanka spaco.

249
00:11:15,740 --> 00:11:18,420
Ĉio speco de superplenigas
kune en vicoj kaj kolumnoj.

250
00:11:18,420 --> 00:11:20,662
>> Nu, kun iom da
CSS, kiel vi eble rimarkos,

251
00:11:20,662 --> 00:11:23,870
Vi povas fakte tweak tio kaj fari
io multe pli familiara kaj multe

252
00:11:23,870 --> 00:11:24,870
belaj por rigardi.

253
00:11:24,870 --> 00:11:27,730
Tiel CSS estas pri la
estilización de retejoj.

254
00:11:27,730 --> 00:11:31,970
Sed tiam ni enkondukis alian
lingvo, PHP, kiu ebligas al ni fari kion?

255
00:11:31,970 --> 00:11:36,400

256
00:11:36,400 --> 00:11:37,590
>> Ni nur faru kion?

257
00:11:37,590 --> 00:11:38,177
Neniu.

258
00:11:38,177 --> 00:11:40,010
Got riski preter
La unua paro vicoj.

259
00:11:40,010 --> 00:11:40,260
Yeah.

260
00:11:40,260 --> 00:11:41,719
>> Publiko: Krei dinamikan enhavon.

261
00:11:41,719 --> 00:11:42,718
DAVID J. Malan: Perfekta.

262
00:11:42,718 --> 00:11:43,850
Generi dinamikan enhavon.

263
00:11:43,850 --> 00:11:45,808
Kaj vi povas tion fari en
ajna nombro da lingvoj.

264
00:11:45,808 --> 00:11:50,120
Ni hazarde uzas PHP ĉar estas
parte tiel simila al C sintakso.

265
00:11:50,120 --> 00:11:52,000
>> Sed PHP faras ĝuste tion.

266
00:11:52,000 --> 00:11:54,620
Ĝi permesas dinamike generi eligo.

267
00:11:54,620 --> 00:11:57,890
Kaj iom de tiu eliro povus esti
HTML, kiel ni tipe estis faranta.

268
00:11:57,890 --> 00:12:00,160
Kaj ĝi estas ankaŭ, ĉar ĝi estas
programlingvo, estas

269
00:12:00,160 --> 00:12:03,240
la mekanismo tra kiu
ni povas paroli kun datumbazoj.

270
00:12:03,240 --> 00:12:05,730
>> Kaj ni povas fari konsultojn al
aliaj serviloj kiel Yahoos

271
00:12:05,730 --> 00:12:08,660
kaj programmatically fari ion
vere, ke vi povus alimaniere

272
00:12:08,660 --> 00:12:10,400
volas devigi komputilon fari.

273
00:12:10,400 --> 00:12:13,580
Do PHP permesas ni starti
dinamike outputting enhavo.

274
00:12:13,580 --> 00:12:16,900
Do, per tiu logiko, mi ne havis
dinamika retejo reen en 1998.

275
00:12:16,900 --> 00:12:18,460
>> Estis nur statika TTT-paĝo.

276
00:12:18,460 --> 00:12:22,250
Mia enhavo devis esti ŝanĝita per
permane kun gedit aŭ ekvivalento.

277
00:12:22,250 --> 00:12:25,290
Sed PHP estas kion ni uzas aŭ
povus esti uzitaj prefere

278
00:12:25,290 --> 00:12:27,260
por iu kiel la
Frosh IMS retejo, kiun

279
00:12:27,260 --> 00:12:31,160
supozeble prenas registriĝoj kaj
administri liston de users-- aferoj

280
00:12:31,160 --> 00:12:33,550
efektive ŝanĝanta super
tempo, ecx kvankam ni okazi

281
00:12:33,550 --> 00:12:35,990
uzi Perl, malsama
lingvo de la epoko.

282
00:12:35,990 --> 00:12:40,350
>> Kaj poste laste, ni enkondukis
SQL-- Strukturita Query Language.

283
00:12:40,350 --> 00:12:43,845
Do ankoraŭ alia lingvo
ke estas uzata por kio?

284
00:12:43,845 --> 00:12:46,660

285
00:12:46,660 --> 00:12:47,639
Uzata por kio?

286
00:12:47,639 --> 00:12:49,430
Povas aventuran slight--
OK, ni ne iros

287
00:12:49,430 --> 00:12:51,263
akiri multe pli malproksimen
ol la orkestron tie.

288
00:12:51,263 --> 00:12:53,432
Publiko: Estas protokolo
kutimis paroli kun datumbazoj.

289
00:12:53,432 --> 00:12:55,640
DAVID J. Malan: Protokolo
kutimis paroli kun datumbazoj.

290
00:12:55,640 --> 00:12:56,181
Lasu min tweak.

291
00:12:56,181 --> 00:12:59,280
Ĝi estas natura lingvo uzata
paroli al databases-- selektu

292
00:12:59,280 --> 00:13:01,280
kaj inserta kaj forigas
kaj ĝisdatigoj kaj reale

293
00:13:01,280 --> 00:13:03,840
eĉ pli karakterizaĵoj kiuj
Ni eĉ ne eniĝis

294
00:13:03,840 --> 00:13:07,920
en sed vi volas explore-- havas
esplori por, ni diru, fina projekto.

295
00:13:07,920 --> 00:13:09,560
Do estas tiuj diversaj pecoj.

296
00:13:09,560 --> 00:13:13,100
>> Kaj espereble Pset7, kvankam
lia especificación estas sufiĉe longa,

297
00:13:13,100 --> 00:13:15,990
ĝi estas intence longe promenadi vin
tra kiom tio povas ĉiuj

298
00:13:15,990 --> 00:13:17,210
esti tajpita kune.

299
00:13:17,210 --> 00:13:20,300
Nun, lunde, ni
enkondukis nian lastan lingvon

300
00:13:20,300 --> 00:13:23,430
ke ni formale enkonduki en
la course-- te Javascript.

301
00:13:23,430 --> 00:13:25,720
Tio, kiel PHP, estas
interpretita lingvo.

302
00:13:25,720 --> 00:13:28,110
>> Sed ŝlosila distingo
Mi proponis lunde

303
00:13:28,110 --> 00:13:32,730
estas ke dum PHP estas ekzekuti aŭ
interpreto sur la servilo, kiu

304
00:13:32,730 --> 00:13:35,990
en ĉi tiu kazo estas la CS50 aparaton,
aŭ eble iu komerca retejo

305
00:13:35,990 --> 00:13:39,370
servilo sur la Interreto,
Ĝavoskripto Ĝenerale

306
00:13:39,370 --> 00:13:43,650
estas lingvo kiu funkcias kliento flanko
Ne servilo side-- tiel en la retumilo.

307
00:13:43,650 --> 00:13:46,970
Kiu estas, same kiel kiam mi malfermis
supren Facebook fontkodo kaj trovis ĉiujn

308
00:13:46,970 --> 00:13:51,510
de tiuj .js-aj dosieroj, la implico estis
Kiam vi vizitas Facebook aŭ pli

309
00:13:51,510 --> 00:13:54,810
retejoj tiuj tagoj, vi ricevas
Ne nur HTML, ne nur CSS

310
00:13:54,810 --> 00:13:59,370
sed tutan faskon de Ĝavoskripto
kodo ofte en la formo de .js-aj dosieroj.

311
00:13:59,370 --> 00:14:03,970
Kaj tiam ĝi estas la browser-- via propra
Mac aŭ PC-- kiu ekzekutas tiu kodo.

312
00:14:03,970 --> 00:14:05,990
>> Sed via retumilo ekzekutu lin.

313
00:14:05,990 --> 00:14:08,070
Vi povas pensi en varo de sandbox.

314
00:14:08,070 --> 00:14:12,420
Ke kodo JavaScript ne devus esti
povis forviŝi dosierojn sur via komputila.

315
00:14:12,420 --> 00:14:14,730
Ĝi ne devus esti kapabla
sendas retpoŝtojn pri vi.

316
00:14:14,730 --> 00:14:17,760
Via retumilo ia limiganta
kion vi povas fari kun ĝi.

317
00:14:17,760 --> 00:14:20,630
>> Do en tiu senco, estas iom
malpli potencaj, eble, ol C.

318
00:14:20,630 --> 00:14:24,030
Sed Javascript povas, kiel
flanken, uzita sur la servilo,

319
00:14:24,030 --> 00:14:27,740
kvankam ni emas ne paroli
pri ĝi en tiu kunteksto.

320
00:14:27,740 --> 00:14:29,740
Do nun ni ligi tiujn kune.

321
00:14:29,740 --> 00:14:34,000
Semajno pli malantaŭen, ni prezentis kelkajn HTML
sur la left-- súper enuiga retpaĝo.

322
00:14:34,000 --> 00:14:35,000
>> Simple diras saluton mondo.

323
00:14:35,000 --> 00:14:38,110
Kaj poste mi proponis en la
dekstra povas ia ŝteli ideojn

324
00:14:38,110 --> 00:14:41,470
el nia diskuto de
datumstrukturoj en C

325
00:14:41,470 --> 00:14:45,270
kaj pensas pri kiel tiu hierarkia
markado lingvo maldekstre

326
00:14:45,270 --> 00:14:49,720
povus esti desegnitaj aŭ implementado en memoro
kiel reala arbo strukturo kun nodoj

327
00:14:49,720 --> 00:14:51,400
kaj punteros kaj tiaj detaloj.

328
00:14:51,400 --> 00:14:53,820
Dekstre ni nomas
ke DOM-- Dokumento

329
00:14:53,820 --> 00:14:56,800
Kontesti Model-- justajxon
ornama maniero diri arbo.

330
00:14:56,800 --> 00:14:59,520
>> Nun, kial tiu utila
pensi en alia maniero?

331
00:14:59,520 --> 00:15:01,680
Ĉar nun kun
Ĝavoskripto, ĉar ni havas

332
00:15:01,680 --> 00:15:05,810
kodo kiu alvenas al ludi en ĉi
medio, la efektiva HTML tio

333
00:15:05,810 --> 00:15:08,360
estis sendita al la retumilo
Jam kaj havas jam

334
00:15:08,360 --> 00:15:12,690
estis ŝarĝita en memoron de la
browser en arbo en via komputilo

335
00:15:12,690 --> 00:15:18,270
RAM kiel tion, ni povas uzi JavaScript
efektive _traverse_ aŭ marŝi aŭ serĉo

336
00:15:18,270 --> 00:15:21,800
aŭ ŝanĝi tion DOM arbo tamen ni deziras.

337
00:15:21,800 --> 00:15:24,040
Do fakte, se vi opinias
pri facebook.com,

338
00:15:24,040 --> 00:15:27,660
se vi uzas la babilejo karakterizaĵo, se vi
uzo de Gmail kaj la gchat karakterizaĵo,

339
00:15:27,660 --> 00:15:30,540
ion kie vi havas
mesaĝojn venas denove kaj denove

340
00:15:30,540 --> 00:15:35,880
kaj ree, tiuj mesaĝoj estas probable,
kiel, LI etikedo, listeron etikedoj, eble.

341
00:15:35,880 --> 00:15:37,940
>> Aŭ eble ili estas nur
divs plenumantojn aperi

342
00:15:37,940 --> 00:15:39,770
ĉiufoje kiam vi ricevas momenteto mesaĝo.

343
00:15:39,770 --> 00:15:42,960
Kaj tial simple signifas kion
Facebook aŭ Google faras

344
00:15:42,960 --> 00:15:45,200
Estas ajna momento vi ricevos
mesaĝo de la servilo,

345
00:15:45,200 --> 00:15:48,740
Ili probable uzante JavaScript
por simple aldonu alian nodo

346
00:15:48,740 --> 00:15:52,700
al ĉi tree-- alia nodo ĉi
arbo kiu tiam vide simple aspektas

347
00:15:52,700 --> 00:15:54,570
kiel nova linio de teksto sur via ekrano.

348
00:15:54,570 --> 00:15:57,100
Sed ili estas enmeto
en tiu datumstrukturo.

349
00:15:57,100 --> 00:15:59,742
>> Do en klasoj kiel
CS124 kaj aliaj, vi

350
00:15:59,742 --> 00:16:02,200
efektive skribi pli kodo kontraŭ
datumstrukturoj kiel ĉi.

351
00:16:02,200 --> 00:16:04,310
Sed nuntempe en JavaScript,
ni simple supozi

352
00:16:04,310 --> 00:16:07,920
ni atingos ĉion ĉi funcionalidad
senpage de la lingvo mem.

353
00:16:07,920 --> 00:16:09,210
Do ni rigardu ekzemplon.

354
00:16:09,210 --> 00:16:13,120
>> Lasu min malfermi dosieron nomatan form.html.

355
00:16:13,120 --> 00:16:14,601
Estas súper simpla.

356
00:16:14,601 --> 00:16:15,600
Ĝi simple aspektas kiel ĉi.

357
00:16:15,600 --> 00:16:17,860
>> Neniu CSS forgesis estetiko.

358
00:16:17,860 --> 00:16:19,810
Ĝi estas pure funkcia
kaj ŝajne mi estas

359
00:16:19,810 --> 00:16:24,000
petante email, pasvorto,
Pasvorto denove, kaj tiam ĉeko

360
00:16:24,000 --> 00:16:26,150
konveni al kelkaj terminoj kaj kondiĉoj.

361
00:16:26,150 --> 00:16:28,740
Kion la fontkodon por tiu
aspektas kiel verŝajne estas io

362
00:16:28,740 --> 00:16:31,030
vi eble diveni per
iomete da pensado nun.

363
00:16:31,030 --> 00:16:32,840
Mi havas formon etikedo tie.

364
00:16:32,840 --> 00:16:36,190
>> Ago estas ŝajne tuj
iru al dosiero nomata register.php.

365
00:16:36,190 --> 00:16:37,870
La metodo mi tuj uzos estas akiri.

366
00:16:37,870 --> 00:16:40,880
Kaj tiam mi hvas teksto
kampo kies nomo estas retpoŝto.

367
00:16:40,880 --> 00:16:43,340
>> Mi havas pasvorton kampo
kies nomo estas pasvorto.

368
00:16:43,340 --> 00:16:45,420
Mi havas alian
Pasvorto kampo kies nomo

369
00:16:45,420 --> 00:16:47,342
Estas iom arbitre konfirmo.

370
00:16:47,342 --> 00:16:49,690
Estas nur alia HTTP parametro.

371
00:16:49,690 --> 00:16:54,430
>> Kaj tiam ni jam ne uzas tiujn krom
ekde la Frosh IMS demo en class--

372
00:16:54,430 --> 00:16:56,692
ĉeko skatolo kiu estas
nur tipo egalas ĉeko.

373
00:16:56,692 --> 00:16:57,900
Kaj Mi vokos ke interkonsento.

374
00:16:57,900 --> 00:17:00,700
Do mi havas specon de arbitre sed
oportune nomis tiujn kampojn.

375
00:17:00,700 --> 00:17:03,450
Tial nun, kiam tiu formo ricevas
prezentis, vidu kio okazas.

376
00:17:03,450 --> 00:17:07,290
Se mi faras malan@harvard.edu,
Mi tion faros pasvorton de karmezina.

377
00:17:07,290 --> 00:17:09,530
Mi tion faros pasvorton nenion.

378
00:17:09,530 --> 00:17:10,910
Ni ne kunlaboras.

379
00:17:10,910 --> 00:17:12,280
>> Mi ne kontrolu la skatolo.

380
00:17:12,280 --> 00:17:13,940
Lasu min klaku Register.

381
00:17:13,940 --> 00:17:15,420
Kaj ĝi diras, hm, vi estas registrita.

382
00:17:15,420 --> 00:17:16,069
Ne vere.

383
00:17:16,069 --> 00:17:17,450
>> Sed la URL ŝanĝiĝis.

384
00:17:17,450 --> 00:17:22,280
Do tiu formo estis klare permesita
submetiĝi al register.php.

385
00:17:22,280 --> 00:17:25,160
Sed supozeble, mi estus
kapti kelkajn el tiuj eraroj.

386
00:17:25,160 --> 00:17:27,569
Nun, en Pset7 kaj iuj
de nia prelego ekzemplojn,

387
00:17:27,569 --> 00:17:30,130
ni ĝenerale elprinti
granda ruĝa erarmesaĝo tie

388
00:17:30,130 --> 00:17:33,760
dirante mankas nomon
aŭ malaperita pasvorton.

389
00:17:33,760 --> 00:17:37,680
Ni faris tion antaŭe kaj ni
farita servilo flanko eraro detekto.

390
00:17:37,680 --> 00:17:41,580
>> Sed multaj retejoj tiuj tagoj
fari kliento flanko eraro detekto

391
00:17:41,580 --> 00:17:42,810
kie la URL ne ŝanĝas.

392
00:17:42,810 --> 00:17:44,101
La tuta paĝo ne fortigu.

393
00:17:44,101 --> 00:17:46,940
Vi akiri momenteto sugestoj
de la navegador.

394
00:17:46,940 --> 00:17:48,070
Eble iu iras ruĝa.

395
00:17:48,070 --> 00:17:49,190
>> Eble vi ricevas popo supren.

396
00:17:49,190 --> 00:17:53,240
Sed vi ne malŝparu tempon sendante al
La servilo datumoj kiuj estas nekompleta.

397
00:17:53,240 --> 00:17:56,050
Do ni vidu kiel ni povus
sukcesi tiu karakterizaĵo tiel.

398
00:17:56,050 --> 00:17:59,660
>> Permesu al mi iri al form1.html,
kiu aspektas sama.

399
00:17:59,660 --> 00:18:03,530
Sed se tiu tempo Mi faros
malan@harvard.edu kaj mi tajpas karmezina

400
00:18:03,530 --> 00:18:07,350
kaj mi ne plu kunlabori
sed alklaki Register, rimarkis nun.

401
00:18:07,350 --> 00:18:08,940
Ne estas la pli sexy solvo.

402
00:18:08,940 --> 00:18:10,900
Mi almenaŭ kaptis tiun eraron.

403
00:18:10,900 --> 00:18:12,900
Kaj mi uzis la atentigo
funkcio en JavaScript--

404
00:18:12,900 --> 00:18:14,090
kiun ni nur uzas en klaso.

405
00:18:14,090 --> 00:18:16,430
Ĝenerale, oni ne devus uzi ĉi
ĉar ĝi povas tre rapide eliri

406
00:18:16,430 --> 00:18:17,160
de kontrolo.

407
00:18:17,160 --> 00:18:19,180
Sed pasvortoj ne kongruas estas la eraro.

408
00:18:19,180 --> 00:18:21,120
>> Lasu min kaj alklaku OK.

409
00:18:21,120 --> 00:18:25,040
Sed kio estas la ŝlosilo takeaway tie
estas ke la URL ne ŝanĝis.

410
00:18:25,040 --> 00:18:27,960
Do mi ne tedis forvelkado
La servilo tiam demandas lin

411
00:18:27,960 --> 00:18:30,750
demando kiu mi povis havi
komprenis la respondon al mi.

412
00:18:30,750 --> 00:18:33,210
>> Kaj la uzanto, kvankam
parolis pri tio

413
00:18:33,210 --> 00:18:35,264
Pli longa ol la uzanto
tuj pensas pri tio,

414
00:18:35,264 --> 00:18:36,680
tuj havos momenteto sugestoj.

415
00:18:36,680 --> 00:18:39,044
Mankas latencia kun
La reto conectividad.

416
00:18:39,044 --> 00:18:40,460
Do ni rigardas tiun fontkodon.

417
00:18:40,460 --> 00:18:45,600
>> Form1.html rigardoj
strukture similaj ĝis tie.

418
00:18:45,600 --> 00:18:46,810
La formo estas fakte la sama.

419
00:18:46,810 --> 00:18:48,330
Sed ni vidu, kion mi faris tie.

420
00:18:48,330 --> 00:18:49,913
Kaj ekzistas malsamaj manieroj fari tion.

421
00:18:49,913 --> 00:18:53,690
Kaj mi faris la plej rektaj
sekvanto sed ne plej eleganta maniero ankoraŭ.

422
00:18:53,690 --> 00:18:54,869
Mi havas skripton etikedo.

423
00:18:54,869 --> 00:18:57,035
Mi tiam nomita
document.getElementByID ('registro').

424
00:18:57,035 --> 00:19:00,090

425
00:19:00,090 --> 00:19:04,420
Kaj mi stoki ke valoro
en formo, ŝanĝiĝeman.

426
00:19:04,420 --> 00:19:05,520
>> Do kion mi faris?

427
00:19:05,520 --> 00:19:08,960
Vi povas pensi
document.getElementByID kiel estante

428
00:19:08,960 --> 00:19:11,200
speciala funkcio kiu
Ĝavoskripto donas

429
00:19:11,200 --> 00:19:14,400
kiu laŭvorte manoj vin
montrilon al unu el la nodoj

430
00:19:14,400 --> 00:19:16,520
aŭ ortanguloj en tiu arbo.

431
00:19:16,520 --> 00:19:21,470
Do nun jen kio, nia formo variablo
en JavaScript oni efektive fingromontrante.

432
00:19:21,470 --> 00:19:25,120
>> Do nun la sintakso estas malsama
C. Sed ni faras kelkajn aferojn tie.

433
00:19:25,120 --> 00:19:30,360
Unu, ĉi tiu estas iom stranga
rigardante, certe kontre C.

434
00:19:30,360 --> 00:19:32,180
Sed rigardu linio 35.

435
00:19:32,180 --> 00:19:35,130
Do maldekstre form.onsubmit.

436
00:19:35,130 --> 00:19:38,060
Memoru ke onsubmit estas
kiel kampo en struct.

437
00:19:38,060 --> 00:19:41,480
Se vi pensas pri la formo variablo
estas nur esti C struct,

438
00:19:41,480 --> 00:19:42,600
ĝi povus havi iujn kampojn.

439
00:19:42,600 --> 00:19:46,410
>> Reen en la tago, ni havis studentojn nomoj
IDs, domoj, tiuj speco de kampoj.

440
00:19:46,410 --> 00:19:48,520
Nur pensi onsubmit kiel alia kampo.

441
00:19:48,520 --> 00:19:53,380
Sed estas speciala kampo ĉar la
retumilo estas antaŭprogramita atendi

442
00:19:53,380 --> 00:19:57,530
.onsubmit por ne esti valoro
kiel numero aŭ ŝnuro,

443
00:19:57,530 --> 00:20:01,180
sed reale esti funkcio
aŭ la adreson de funkcio

444
00:20:01,180 --> 00:20:02,570
en la komputila memoro.

445
00:20:02,570 --> 00:20:04,740
>> Kaj efektive, jen kio
tiu ŝlosilvorto tie faras.

446
00:20:04,740 --> 00:20:06,710
Ĉi tio diras, donu al mi novan funkcion.

447
00:20:06,710 --> 00:20:09,390
Sed kia estas lia nomo
tuj estos, ŝajne?

448
00:20:09,390 --> 00:20:10,800
>> Pensante reen al lundo.

449
00:20:10,800 --> 00:20:13,430

450
00:20:13,430 --> 00:20:17,170
Kio estas la nomo de tiu
funkcio bazita sur ĉi sintakso?

451
00:20:17,170 --> 00:20:19,784
Ne, mi volas diri, estas klare
neniu nomo associated-- certe

452
00:20:19,784 --> 00:20:21,200
ne kion mi reliefigis tie.

453
00:20:21,200 --> 00:20:22,560
>> Sed tio fakte OK.

454
00:20:22,560 --> 00:20:25,840
Tiu estas anonima funkcio, aŭ
lambda funkcio kiel iu povus nomi ĝin.

455
00:20:25,840 --> 00:20:27,589
Kaj tio nur signifas
ĝi estas ankoraŭ funkcio.

456
00:20:27,589 --> 00:20:29,400
Estas nur, vi ne povas nomi ŝin laŭnome.

457
00:20:29,400 --> 00:20:30,057
Sed tio estas bone.

458
00:20:30,057 --> 00:20:33,140
Ĉar denove, la navegador estis
antaŭprogramita de kompanioj kiel Google

459
00:20:33,140 --> 00:20:38,540
aŭ Microsoft aŭ Mozilla aŭ aliuloj
nur scias ke se la .onsubmit kampo

460
00:20:38,540 --> 00:20:43,400
ene de formo elemento havas la
valoro, trakti ĝin kiel function--

461
00:20:43,400 --> 00:20:44,750
funkcio montrilo, se vi volas.

462
00:20:44,750 --> 00:20:46,910
Kaj nomu ĝin kiam la formo estas prezentita.

463
00:20:46,910 --> 00:20:50,350
>> Do kio kodo devus esti ekzekutita
kiam la formo estas prezentita?

464
00:20:50,350 --> 00:20:52,526
Ŝajne, ĉiu
ene de la frizita krampoj.

465
00:20:52,526 --> 00:20:53,650
Kaj ĉi tio estas nur stila.

466
00:20:53,650 --> 00:20:55,626
>> Vi povus fari tion kiel
ni kutimas fari en CS50.

467
00:20:55,626 --> 00:20:58,250
Sed en JavaScript, la plej multaj homoj
emas subteni ĝin sur la sama linio

468
00:20:58,250 --> 00:21:01,960
nur ĉar ĝi pli klare estas
asociita kun tiu ŝlosilvorto funkcio.

469
00:21:01,960 --> 00:21:03,240
Do nun kion mi faras?

470
00:21:03,240 --> 00:21:08,616
>> Se form.email.value egalas egaluloj
la malplena linio aŭ nenio, jen

471
00:21:08,616 --> 00:21:11,490
garde kie mi intencis diri,
vi devas provizi vian retpoŝtadreson,

472
00:21:11,490 --> 00:21:12,690
kaj tiam reveni falsaj.

473
00:21:12,690 --> 00:21:15,720
Kaj estas kiu revenas falsa ke
malhelpas la formo de esti prezentita.

474
00:21:15,720 --> 00:21:19,480
Dume, se la pasvorto valoro estas
blank, mi tuj krias al la uzanto

475
00:21:19,480 --> 00:21:21,150
kaj diri: vi devas doni la pasvorton.

476
00:21:21,150 --> 00:21:23,700
>> Dume tio estas akirantaj
iom amatoro tie.

477
00:21:23,700 --> 00:21:29,160
Se form.password.value ne
egala form.confirmation.value,

478
00:21:29,160 --> 00:21:31,680
la alia kampo, krias al
la uzanton ke la pasvortoj

479
00:21:31,680 --> 00:21:33,860
ne egalas al ili
ne antaŭ momento.

480
00:21:33,860 --> 00:21:35,780
Kaj tiam ĉi tiu estas
iom sexier ĉar mi

481
00:21:35,780 --> 00:21:40,470
scias mi sciis koncepte ke
kontrolis estas markobutono nomo.

482
00:21:40,470 --> 00:21:45,680
>> Do mi povas nur uzi ekkrion
punkto diri se la ĉeko estas ne

483
00:21:45,680 --> 00:21:48,040
checked-- estas la bulea
valoro, vera aŭ false--

484
00:21:48,040 --> 00:21:49,700
Mi krias al la uzanto por tio.

485
00:21:49,700 --> 00:21:52,300
Alie, se ni fi nos
ĉiuj ĉi tiuj kondiĉoj,

486
00:21:52,300 --> 00:21:53,270
ni simple reveni vera.

487
00:21:53,270 --> 00:21:54,700
Lasu la formo esti proponita.

488
00:21:54,700 --> 00:21:56,560
Kaj ĉi tiam okazos.

489
00:21:56,560 --> 00:21:57,740
>> Ni entajpu karmezina.

490
00:21:57,740 --> 00:22:00,230
Ni marku la skatoleto, alklaku Register.

491
00:22:00,230 --> 00:22:01,979
Kaj nun mi iras tra la celloko.

492
00:22:01,979 --> 00:22:03,270
Nun, ne estas datumbazo tie.

493
00:22:03,270 --> 00:22:05,370
Nenio interesa
en register.php.

494
00:22:05,370 --> 00:22:07,980
Mi nur bezonis ion
por vere paroli.

495
00:22:07,980 --> 00:22:09,140
Do lasu min paŭzi, tie.

496
00:22:09,140 --> 00:22:16,270
Demandojn sur kion ni ĵus faris
aŭ kion iuj de ĉi nova sintakso estas?

497
00:22:16,270 --> 00:22:17,640
OK, jes?

498
00:22:17,640 --> 00:22:20,025
>> Publiko: Do ​​ajna checkbox
estas aŭtomate Bulea.

499
00:22:20,025 --> 00:22:21,650
Vi ne devas deklari gxin tiel.

500
00:22:21,650 --> 00:22:22,649
>> DAVID J. Malan: korekta.

501
00:22:22,649 --> 00:22:29,340
Ajna markobutono ke estas sendita al vi de
HTML formo via JavaScript kodo

502
00:22:29,340 --> 00:22:31,760
estos traktata, jes, kiel
Buleaj value-- vera aŭ malvera.

503
00:22:31,760 --> 00:22:32,635
Estas bona demando.

504
00:22:32,635 --> 00:22:36,080
Dum la aliaj valoroj de
Certe, estis teksto, AKA kordoj.

505
00:22:36,080 --> 00:22:38,500
>> Bone, do lasu min
malantaŭenigi iom plu.

506
00:22:38,500 --> 00:22:39,900
Kio estis la tuta punkto de ĉi?

507
00:22:39,900 --> 00:22:41,400
Nur por esti klara.

508
00:22:41,400 --> 00:22:44,940
Kiel ni jam scias, jam de Pset7
kaj eĉ de la pasinta semajno prelego

509
00:22:44,940 --> 00:22:51,120
ekzemploj, kiujn ni povas evidente kontroli
$ _GET $ _POST Vidi se la uzanto donas al ni

510
00:22:51,120 --> 00:22:52,200
malplena valoro.

511
00:22:52,200 --> 00:22:54,400
Memoru la malplena funkcio en PHP.

512
00:22:54,400 --> 00:22:58,040
>> Do nur por esti klara, kio estas
unu kialo ni povus ankaŭ

513
00:22:58,040 --> 00:23:00,535
volas fari tiun eraron kontrolanta
ene de la navegador?

514
00:23:00,535 --> 00:23:03,350

515
00:23:03,350 --> 00:23:06,080
Kio estas la motivado tie?

516
00:23:06,080 --> 00:23:06,580
Yeah.

517
00:23:06,580 --> 00:23:09,735
>> Publiko: Faster, kaj vi ne
sendu senutila datumoj al la servilo.

518
00:23:09,735 --> 00:23:10,610
DAVID J. Malan: Bone.

519
00:23:10,610 --> 00:23:11,170
Ĝi estas rapida.

520
00:23:11,170 --> 00:23:12,920
Vi ne sendu senutila
datumoj por la servilo.

521
00:23:12,920 --> 00:23:14,670
>> Do vi reiri pli
tujan respondon.

522
00:23:14,670 --> 00:23:16,560
Kaj ĝenerale, la uzanto
sperto estas bona.

523
00:23:16,560 --> 00:23:17,900
Pensu pri la alternativo.

524
00:23:17,900 --> 00:23:21,160
>> Se por Gmail-- kaj estis
la kazo de multaj jaroj antaŭ.

525
00:23:21,160 --> 00:23:24,160
Supozi vi akiris novan retpoŝton via Gmail
konto, sed la sola maniero per

526
00:23:24,160 --> 00:23:26,510
Vidi kiu estas, kiel,
reŝarĝi la tuta paĝo.

527
00:23:26,510 --> 00:23:29,030
Aŭ hipotezu vi alklakas
ligilo por legi retmesaĝon.

528
00:23:29,030 --> 00:23:31,600
>> Ĉiu devas reŝargi tiel
ke vi povas vidi la retpoŝto.

529
00:23:31,600 --> 00:23:33,380
Aŭ Facebook-- vi ricevas babilejo mesaĝo.

530
00:23:33,380 --> 00:23:36,000
Vi ne vidos, ĝis vi reŝarĝi
la paĝo aŭ alklaki iun ligilon.

531
00:23:36,000 --> 00:23:38,380
>> Kiel, tio estus terure
ĝena uzanto sperto.

532
00:23:38,380 --> 00:23:41,300
Kaj tiu estas kio estis kiel,
klare, dorso, kiam mi kuris por UC

533
00:23:41,300 --> 00:23:44,760
kaj la retejo estis multe malpli dinamika
kaj JavaScript ne estis tiel popularigis

534
00:23:44,760 --> 00:23:45,601
kiel estas nun.

535
00:23:45,601 --> 00:23:47,850
Kaj aĵoj estas akirantaj multe
pli dinamika kaj multo pli

536
00:23:47,850 --> 00:23:49,900
kliento flanko en tiu senco.

537
00:23:49,900 --> 00:23:54,370
>> Sed estas catch tie, kaj
tio estas ia ĝena Gotcha.

538
00:23:54,370 --> 00:23:58,720
Nur ĉar vi aldonas kliento flanko
detekto ŝatas ĉi ne signifas

539
00:23:58,720 --> 00:24:01,430
Vi povas aŭ devas forlasi
servilo flanko detekto.

540
00:24:01,430 --> 00:24:04,080
Vi esence volas meti vian
eraro kontrolanta en ambaŭ lokoj.

541
00:24:04,080 --> 00:24:05,830
Pro kio estis unu
de la leciono lernita

542
00:24:05,830 --> 00:24:10,270
el la artikolo mi legis kelkajn ekstraktojn
el kun tiu stulta CMS system--

543
00:24:10,270 --> 00:24:14,410
Enhavo Management System-- kiu estis
implementar lia autenticación sistemo,

544
00:24:14,410 --> 00:24:16,790
lia saluto per kia mekanismo?

545
00:24:16,790 --> 00:24:19,515

546
00:24:19,515 --> 00:24:20,469
Ĝavoskripto.

547
00:24:20,469 --> 00:24:21,499
>> Publiko: JavaScript.

548
00:24:21,499 --> 00:24:23,290
DAVID J. Malan:
Ĝavoskripto, ĝuste, ĉu ne?

549
00:24:23,290 --> 00:24:24,610
Ĝi uzas Javascript.

550
00:24:24,610 --> 00:24:27,120
Kaj laŭvorte, vi uloj havas
ludis iomete probable

551
00:24:27,120 --> 00:24:28,700
kun Chrome La Inspektisto.

552
00:24:28,700 --> 00:24:30,890
Kaj se mi povas trovi ĝin, inspekti elemento.

553
00:24:30,890 --> 00:24:33,670
>> Permesu al mi iri al fari
ĉiuj Chrome la ebloj.

554
00:24:33,670 --> 00:24:37,080
Kaj jen kiel facile ĝi estas
malaktivigi JavaScript en retumilo.

555
00:24:37,080 --> 00:24:38,950
Kontrolu, neniu pli Javascript.

556
00:24:38,950 --> 00:24:41,070
>> Do juste multe
de la retejo tiuj tagoj

557
00:24:41,070 --> 00:24:43,430
estas nur tuj rompos ĉar
Gmail kaj aliaj sites--

558
00:24:43,430 --> 00:24:46,140
Facebook-- supozi ke
JavaScript estas ebligita.

559
00:24:46,140 --> 00:24:50,180
Sed se vi faras ion stultan
kiel nur validigi uzantoj enigo

560
00:24:50,180 --> 00:24:52,520
kaj kontrolanta ĝin
eraroj en la kliento flanko

561
00:24:52,520 --> 00:24:54,940
atakanto povus facile tion fari.

562
00:24:54,940 --> 00:24:57,180
Kaj tiam eĉ pli inteligenta
kontrauxulo kiel vi infanoj

563
00:24:57,180 --> 00:25:01,120
nun povus uzi Telnet aŭ Curl
aŭ simple komandlinio komandoj

564
00:25:01,120 --> 00:25:05,300
kaj fakte sendu mesaĝojn al la servilo
kiuj simile ne eraro kontrolis.

565
00:25:05,300 --> 00:25:08,380
>> Do ĉi tiu estas pli ol
uzulinterfaco decido

566
00:25:08,380 --> 00:25:13,060
ol ĝi estas aktuala teknika
improvement-- efektivigo

567
00:25:13,060 --> 00:25:14,410
io kliento flanko kiel tiu.

568
00:25:14,410 --> 00:25:16,800
Do nun rapidan rigardon, sed tiam
Mi cedu al la reta promeno

569
00:25:16,800 --> 00:25:17,674
tra ĉi tiu unu.

570
00:25:17,674 --> 00:25:21,480
En formo de du, ni fakte iris tra
kaj purigis la kodon iomete.

571
00:25:21,480 --> 00:25:23,650
Sed mi cedu unu
de la videoj Ni verŝajna

572
00:25:23,650 --> 00:25:27,970
embed en Pset8 ke nur montras al vi
simila sintakso uzante biblioteko nomita

573
00:25:27,970 --> 00:25:32,320
jQuery, kio estas super, super
populara biblioteko en JavaScript

574
00:25:32,320 --> 00:25:34,510
kiuj sincere plej homoj
nur uzi tiujn tagojn

575
00:25:34,510 --> 00:25:37,070
kaj ecx konfuzas kiel
estaĵo Javascript mem.

576
00:25:37,070 --> 00:25:38,950
>> Kaj ĝi inklinas implici
iuj dolaro signoj

577
00:25:38,950 --> 00:25:41,350
kaj ŝlosilvortoj kiel dokumento
en krampoj tie.

578
00:25:41,350 --> 00:25:44,480
Sed denove, lasu min cedu al
kelkaj malrapidaj tutoriales linio

579
00:25:44,480 --> 00:25:46,750
anstataŭ get ligita en nur sintakson.

580
00:25:46,750 --> 00:25:48,630
Ni pluiru al
iu iom pli malvarmeta

581
00:25:48,630 --> 00:25:50,520
en terminoj de la aplikoj de tiu.

582
00:25:50,520 --> 00:25:57,730
>> Do en aparta, lasu min iri
antaŭen kaj malfermu ĉi tie.

583
00:25:57,730 --> 00:25:58,340
Venu.

584
00:25:58,340 --> 00:25:59,380
Tie ni iras.

585
00:25:59,380 --> 00:26:01,500
>> Lasu min malfermi tiun bildon ĉi tie.

586
00:26:01,500 --> 00:26:03,450
Nenecese komplika
rigardi, sed

587
00:26:03,450 --> 00:26:07,880
priskribas teknikon nomita AJAX--
Nesinkrona JavaScript kaj XML, kie

588
00:26:07,880 --> 00:26:10,530
la X por XML estas reale
ne vere uzita.

589
00:26:10,530 --> 00:26:13,430
Inklinas uzi ion
alie nomita JSON.

590
00:26:13,430 --> 00:26:16,560
>> Sed ĉi tie estas kiel iu kiel
Google Maps aŭ Google Earth funkcias.

591
00:26:16,560 --> 00:26:18,060
Ni provu ĉi sur la muŝo, fakte.

592
00:26:18,060 --> 00:26:21,590
Lasu min kaj malfermu
supren Chrome en mia retumilo.

593
00:26:21,590 --> 00:26:26,236
>> Kaj mi iros en:
diru maps.google.com.

594
00:26:26,236 --> 00:26:29,260

595
00:26:29,260 --> 00:26:31,930
Kaj efektive, se vi estas maljuna
sufiĉas memori kion,

596
00:26:31,930 --> 00:26:35,600
kiel, MapQuest estis kiel reen en la tago,
kaj eble ili ankoraŭ funkcias kiel ĉi.

597
00:26:35,600 --> 00:26:38,870
Kiam vi uzas por serĉi something--
33 Oxford Street, Cambridge, Mass,

598
00:26:38,870 --> 00:26:40,650
ni faru this-- vin
efektive, se vi

599
00:26:40,650 --> 00:26:43,000
volis tut supren kaj
sube, maldekstra kaj dekstra,

600
00:26:43,000 --> 00:26:44,920
Vi devus rigardi kiel
granda sago sur, kaj ĝi

601
00:26:44,920 --> 00:26:46,921
montrus al vi alian
kadro de la mapon tien.

602
00:26:46,921 --> 00:26:49,753
Aŭ vi klaku forlasis kaj vin
irus tien aux alia klako

603
00:26:49,753 --> 00:26:51,000
kaj vi irus tien.

604
00:26:51,000 --> 00:26:53,000
Sed anstataŭe tiuj
tagoj, ni kompreneble nur

605
00:26:53,000 --> 00:26:55,970
preni por donita ke ni povas iri
ĉirkaŭ Kembriĝo bela rapide

606
00:26:55,970 --> 00:26:57,550
nur alklakante kaj trenante.

607
00:26:57,550 --> 00:26:59,130
Sed rimarki tie estas kelkaj malglataĵojn.

608
00:26:59,130 --> 00:27:02,160
>> Se mi tion sufiĉe rapide,
kio ŝajnas esti pasante

609
00:27:02,160 --> 00:27:05,960
kiel mi treni iom tro rapida
por la komputila teni supren?

610
00:27:05,960 --> 00:27:07,160
Kion vi vidas?

611
00:27:07,160 --> 00:27:07,660
Yeah.

612
00:27:07,660 --> 00:27:09,232
>> Publiko: La rastrumeroj ne fortigu.

613
00:27:09,232 --> 00:27:10,940
DAVID J. Malan: La
bilderoj ne fortigu.

614
00:27:10,940 --> 00:27:12,870
Ekzistas actually-- kaj vi
povis vidi tion, efektive,

615
00:27:12,870 --> 00:27:15,360
Se vi rigardas en linio kaj paŭzo
tiu aŭ reale prokrastas tion malsupren

616
00:27:15,360 --> 00:27:18,600
por once-- vi vidos ke ne estas
azuleĥoj, kvadratoj, aŭ ortanguloj kiuj

617
00:27:18,600 --> 00:27:22,040
mankas en la mapo ĝis
fendi dua poste, pli datumoj,

618
00:27:22,040 --> 00:27:24,390
pli bildoj reale
aperas sur la ekrano.

619
00:27:24,390 --> 00:27:29,810
Kaj fakte, se ni faras tion per rigardante
supren Chrome's-- diru, Chrome--

620
00:27:29,810 --> 00:27:30,310
ni vidu.

621
00:27:30,310 --> 00:27:31,090
Ni ne povas fari tion.

622
00:27:31,090 --> 00:27:31,860
>> Ho, Whoops.

623
00:27:31,860 --> 00:27:34,761
Ni malfermas maps.google.com.

624
00:27:34,761 --> 00:27:36,660
Lasu min fari la fenestro granda denove.

625
00:27:36,660 --> 00:27:38,836
>> Reiru al 33 Oksfordostrato.

626
00:27:38,836 --> 00:27:42,010

627
00:27:42,010 --> 00:27:43,760
Kio estis la retejo mi estis lastatempe?

628
00:27:43,760 --> 00:27:46,440
Mi havis tion, kiel, privata rant al
mi mem ke mi tute tiam momenteto mesaĝon

629
00:27:46,440 --> 00:27:48,470
iu amiko kiu estis en linio
kiu volis auxskulti.

630
00:27:48,470 --> 00:27:49,345
Ekzistas iuj retejo.

631
00:27:49,345 --> 00:27:52,680
Mi kredas ke estas Comcast-- tiel
tre grandan Usona ISP.

632
00:27:52,680 --> 00:27:56,355
Vi povas kiam subskribi supre por nova kablo
modemon servo aŭ kablo TV servo,

633
00:27:56,355 --> 00:27:59,230
Ili havas formon tre prudente
kie demandi vin pri via adreso.

634
00:27:59,230 --> 00:28:01,450
Kaj havi ĉi miriga
karakterizaĵo nomita auto kompleta,

635
00:28:01,450 --> 00:28:04,600
kiel Google, kiu komencas plenigi
en la respondo al via demando.

636
00:28:04,600 --> 00:28:08,090
>> La problemo estas, ke ili faru auto kompleta
la unuaj aferoj kiujn vi tajpas.

637
00:28:08,090 --> 00:28:12,890
Do se vi ektajpu en 33, tio
montros vin laŭvorte dome

638
00:28:12,890 --> 00:28:15,790
en Ameriko kiu startas
kun la numero 33

639
00:28:15,790 --> 00:28:17,920
antaŭ daŭre
atendi vin tajpi pli.

640
00:28:17,920 --> 00:28:20,660
Do se vi tajpas 33 Oksfordo,
tiam montras al vi cxiujn strato

641
00:28:20,660 --> 00:28:24,726
en Ameriko kiu havas 33 Oksfordo en
lia nomo, sendepende de la urbo

642
00:28:24,726 --> 00:28:25,350
ke vi estas en.

643
00:28:25,350 --> 00:28:26,320
>> Kaj tiam vi daŭre tajpadon.

644
00:28:26,320 --> 00:28:28,930
Kaj fine, ĝi rimarkas ke ili ne
oferto servon por via hejmo en Kembriĝo

645
00:28:28,930 --> 00:28:29,920
aŭ io simila.

646
00:28:29,920 --> 00:28:33,410
Sed la punkto estas, tiu estas la plej
asinine efektivigo de auto

647
00:28:33,410 --> 00:28:34,140
kompletigi cxiam.

648
00:28:34,140 --> 00:28:36,400
>> Kaj Mi nur pafante
sur tiu tangento denove.

649
00:28:36,400 --> 00:28:39,040
Sed estas bonaj manieroj
uzas Javascript kaj malbonaj manieroj.

650
00:28:39,040 --> 00:28:40,750
Kaj tio ne estas nepre la pli bona.

651
00:28:40,750 --> 00:28:46,360
>> Sed la punkto ĉi tie, antaŭ tiu
diatriba, iris malfermi iloj malsupren tie

652
00:28:46,360 --> 00:28:49,480
kaj malfermu programisto iloj
kiel ni kuraĝigis antaŭ,

653
00:28:49,480 --> 00:28:52,840
kaj prigardi la Reto
langeto kiam mi premas vere rapida.

654
00:28:52,840 --> 00:28:55,400
Kaj rimarki tutan faskon
de ricevi petojn okazis.

655
00:28:55,400 --> 00:28:57,310
Ĉio ĉi okazis ekde mi trenis.

656
00:28:57,310 --> 00:29:00,170
>> Kaj lin pli probabla, ja
multe de tiuj vicoj

657
00:29:00,170 --> 00:29:04,060
nun estas bildo oblikvo JPEG
MIME tipoj aŭ enhavon tipoj.

658
00:29:04,060 --> 00:29:07,750
Tio estas ĉar kion chrome faras
ĉiu tempo mi alklaki kaj treni, klaku

659
00:29:07,750 --> 00:29:11,650
kaj treni, ĉu estas rimarki, ho, mi
bezonas iri demandi Google por la kahelo

660
00:29:11,650 --> 00:29:15,080
sur la mapo kiu estas ĉi tie,
rapide elŝuti ĝin pere de HTTP,

661
00:29:15,080 --> 00:29:19,550
kaj tiam aldoni ĝin al la tn DOM
al la foliumiloj memore arbo

662
00:29:19,550 --> 00:29:24,430
reprezenton por ke la uzanto,
mi vidas ke ĝisdatigita kahelo.

663
00:29:24,430 --> 00:29:26,795
Kaj tio estas pro
teknikon nomita AJAX.

664
00:29:26,795 --> 00:29:28,920
Reen en la tago, ĝi vere
estis la kazo ke se vi

665
00:29:28,920 --> 00:29:33,050
volis ŝanĝi kio estas sur la ekrano,
Vi devus klaki supre, sube, maldekstra,

666
00:29:33,050 --> 00:29:33,550
dekstre.

667
00:29:33,550 --> 00:29:34,740
Kaj tiam nova paĝo malfermu.

668
00:29:34,740 --> 00:29:36,531
Sed tiuj tagoj, ĉiu
estas pli dinamika.

669
00:29:36,531 --> 00:29:40,490
Ĝi okazas en la maniero kiel ni homoj farus
esperas reale farus interage.

670
00:29:40,490 --> 00:29:43,210
Kaj ĝi atingas tion per
vojo de tekniko nomita

671
00:29:43,210 --> 00:29:46,170
AJAX, kiu estas eble la pli bona
klarigebla per ekzemplo.

672
00:29:46,170 --> 00:29:49,730
Unue, lasu min iri antaŭen
kaj malfermi dosieron

673
00:29:49,730 --> 00:29:53,540
nomita quote.php en
hodiaŭa dissendo kodo.

674
00:29:53,540 --> 00:29:56,200
>> Kaj tiam mi faru symbol-- Whoops.

675
00:29:56,200 --> 00:30:02,399
Lasu min fari simbolo = GOOG
por nur kelkaj stoko.

676
00:30:02,399 --> 00:30:04,440
Aŭ fakte, ni faru la
unu el la Pset SENPAGA.

677
00:30:04,440 --> 00:30:05,270
Eniri.

678
00:30:05,270 --> 00:30:06,580
>> Kaj nun rimarki kion mi revenos.

679
00:30:06,580 --> 00:30:09,210
Do tio estas vere
mallonga PHP dosiero kiun mi

680
00:30:09,210 --> 00:30:13,210
skribis ke simple depruntas kodo
el Pset7 la lookup funkcio

681
00:30:13,210 --> 00:30:17,830
kaj sputas el uzanta ĉi frizita streĉa kaj
citaĵoj kaj dupunkto skribmaniero, ŝajne,

682
00:30:17,830 --> 00:30:22,747
la nuna valoroj de prezo por la
Entrepreno kiu pasas en tra akiras.

683
00:30:22,747 --> 00:30:24,580
Do ĉi tiu estas malsama
el plejparto de kio ni

684
00:30:24,580 --> 00:30:26,496
farita en tiu avizo min
laŭvorte kracxi eliras

685
00:30:26,496 --> 00:30:27,870
kio aspektas kiel JavaScript kodo.

686
00:30:27,870 --> 00:30:30,020
>> Fakte, ĉi tiu estas JavaScript objekto.

687
00:30:30,020 --> 00:30:34,130
Fakte, nur por esti pli klara,
JavaScript Objekto Notation-- JSON--

688
00:30:34,130 --> 00:30:38,330
estas nur fantazio maniero diri ke vi
povas reprezenti datumojn en JavaScript multe

689
00:30:38,330 --> 00:30:41,660
kiel vi povas en PHP
uzante ŝlosila valoro paroj.

690
00:30:41,660 --> 00:30:44,270
Do se mi volis deklari
ŝanĝiĝema en JavaScript

691
00:30:44,270 --> 00:30:47,872
al reprezentas Zamyla, por
instance-- al struct por Zamyla--

692
00:30:47,872 --> 00:30:49,580
kaj ni nomas ĝin
studento, tiu variablo.

693
00:30:49,580 --> 00:30:53,060
Ŝia ID estas unu, domo
Winthrop kaj nomiĝas Zamyla.

694
00:30:53,060 --> 00:30:55,490
>> Sed mi povas ankaŭ havi tabelo de objektoj.

695
00:30:55,490 --> 00:30:58,710
Do se mi efektive volis havi
tabelo en JavaScript enhavanta

696
00:30:58,710 --> 00:31:01,740
multnombraj tiaj objektoj, ĉi
fojo reprezentante bastonon

697
00:31:01,740 --> 00:31:04,910
Mi ne havas tiujn tri
pecoj de kodo reen

698
00:31:04,910 --> 00:31:08,560
al malantaŭo al malantaŭo por tiuj
tri eks stabanojn.

699
00:31:08,560 --> 00:31:12,201
Do la sintakso, belaj
simila al both-- al PHP.

700
00:31:12,201 --> 00:31:13,700
Sed tio estas aparte Javascript.

701
00:31:13,700 --> 00:31:15,940
Ĝi estas objekto skribmaniero.

702
00:31:15,940 --> 00:31:17,240
Do kio estas tiu utila por?

703
00:31:17,240 --> 00:31:21,580
>> Se mi skribas kodo kiu sputas el JSON--
JavaScript Objekto Notation-- taskoj

704
00:31:21,580 --> 00:31:24,670
aspektas kiel tiu aŭ taskoj
aspektas kiel Zamyla strukturo,

705
00:31:24,670 --> 00:31:27,730
Mi povas reale uzi ĉi
en programoj mi skribas.

706
00:31:27,730 --> 00:31:30,660
Permesu al mi iri al ajax0.html.

707
00:31:30,660 --> 00:31:33,310
Kaj ĉi too-- ne multe
penso donis al estetiko.

708
00:31:33,310 --> 00:31:34,660
Sed viglu kio okazas.

709
00:31:34,660 --> 00:31:37,050
>> Lasu min kaj tajpu libera tie.

710
00:31:37,050 --> 00:31:38,490
Klaku akiri citaĵo.

711
00:31:38,490 --> 00:31:41,060
Kaj rimarkas la URL ne ŝanĝis.

712
00:31:41,060 --> 00:31:47,250
Sed mi tamen ekhavis popo kun ŝajne
hodiaŭa penny stock prezo de $ 0.15.

713
00:31:47,250 --> 00:31:49,062
Do ne ĉiuj kiuj malbone.

714
00:31:49,062 --> 00:31:52,020
Sed la diferenco estas ke iel
donitaĵoj venis reen al mi rekte.

715
00:31:52,020 --> 00:31:54,250
Sed ni prenu pasxo al
iu pli familiara.

716
00:31:54,250 --> 00:31:58,900
En versio de ĉi tiu, tiam mi
tajpu liberaj denove, klaku Get citaĵo,

717
00:31:58,900 --> 00:32:01,146
kaj now-- ho, tio estis
fakte la jQuery versio.

718
00:32:01,146 --> 00:32:03,270
Do lasu me-- mi ne
rapida antaŭen tute suficxe.

719
00:32:03,270 --> 00:32:05,830
Permesu al mi iri al versio du,
kio estas kie mi volis.

720
00:32:05,830 --> 00:32:07,260
Rimarku kion mi faris tie.

721
00:32:07,260 --> 00:32:10,370
Mi havas retejon page-- súper
simpla versio de ajna retpaĝo

722
00:32:10,370 --> 00:32:14,260
Vi povus uzi hodiaŭ kun tekstujon
tien senpage kaj tiam ŝajne simple

723
00:32:14,260 --> 00:32:14,880
teksto.

724
00:32:14,880 --> 00:32:16,860
>> Tiu ne estas formo tie, ŝajne.

725
00:32:16,860 --> 00:32:19,360
Sed se mi klakas akiri
citaĵo, rimarkos mian retpaĝon

726
00:32:19,360 --> 00:32:22,760
temas pri ŝanĝi kvazaux
ĵus nova momenteto mesaĝon

727
00:32:22,760 --> 00:32:25,360
aŭ kvazaŭ mi simple kopiis la
Mapo kaj bezonis atingi pli datumoj

728
00:32:25,360 --> 00:32:29,220
aldonita dinamike al la retpaĝo
sen la URL ŝanĝas kaj la uzanto

729
00:32:29,220 --> 00:32:30,980
sperto akiranta interrompita.

730
00:32:30,980 --> 00:32:35,750
Ja, mi estas ankoraŭ ĉe la
ĝusta sama place-- ajax2.html.

731
00:32:35,750 --> 00:32:39,080
>> Do ni rigardu nur je tiu ekzemplo
kaj vidi kiel tio okazas.

732
00:32:39,080 --> 00:32:42,490
Lasu min iri en ajax2.html.

733
00:32:42,490 --> 00:32:44,770
Kaj rimarki formo unue.

734
00:32:44,770 --> 00:32:47,092
>> Cxi tie, mi turniĝadas
for auto kompleta.

735
00:32:47,092 --> 00:32:48,800
Kelkfoje metas
ĝena se la retumilo

736
00:32:48,800 --> 00:32:50,508
provas montri vin
via tuta historio.

737
00:32:50,508 --> 00:32:53,450
Do vi povas fari ĝin en HTML
nur diras auto kompletigi ekstere.

738
00:32:53,450 --> 00:32:57,290
>> Mi jam donis tiun tekston kampo
symbol-- prefere IRU de simbolo.

739
00:32:57,290 --> 00:32:58,977
Kaj nun, tiu estas interesa karakterizaĵo.

740
00:32:58,977 --> 00:33:01,310
Ni ne parolis pri manlargxo
sed vi povas pensi pri ĝi

741
00:33:01,310 --> 00:33:03,177
kiel paragrafo etikedo aŭ div etikedo.

742
00:33:03,177 --> 00:33:05,010
Estas kio nomiĝas
en-linia elemento, kiu

743
00:33:05,010 --> 00:33:07,415
signifas ke vi ne ricevos paragrafo
rompi supre kaj sube.

744
00:33:07,415 --> 00:33:11,530
Estas nur restos en linio sen
batante la ekvivalenta eniri.

745
00:33:11,530 --> 00:33:17,980
Do mi donis tiun eron de HTML
por determini solan ensalutilo

746
00:33:17,980 --> 00:33:20,130
ke mi arbitre nomas prezo.

747
00:33:20,130 --> 00:33:21,560
Kaj mi havas Proponu butonon.

748
00:33:21,560 --> 00:33:25,420
>> Ĉar nun supren here-- kaj tio estas
efektive súper miriga kiom malmulte kodo

749
00:33:25,420 --> 00:33:27,660
Vi povas skribi al fari
relative neta things--

750
00:33:27,660 --> 00:33:31,800
rimarki kion mi faris ĝis tie, se mi
rulumu ĝis la kapo de ĉi tiu paĝo.

751
00:33:31,800 --> 00:33:34,970
Mi inkludis unue en
mia kapo skripto etikedo

752
00:33:34,970 --> 00:33:37,410
kiu fakte referencon al
JavaScript dosiero aliloke.

753
00:33:37,410 --> 00:33:39,702
Tiu estas de la organizo
kiuj skribas jQuery,

754
00:33:39,702 --> 00:33:42,660
kaj ĉi tio nur donis al vi la lastajn
versio de ilia jQuery bibliotekon.

755
00:33:42,660 --> 00:33:46,305
>> Do ĉi tiu estas speco de kiel akra
inkluzivi en C aŭ postulas en PHP.

756
00:33:46,305 --> 00:33:48,900
Vi uzas la skripto etikedo
kun fonto atributo.

757
00:33:48,900 --> 00:33:52,030
Sed nun mia propra kodo
tuj estos bone tie.

758
00:33:52,030 --> 00:33:54,170
>> Rimarku ke mi havas funkcion nomita Quotes.

759
00:33:54,170 --> 00:33:56,180
Kaj tio aspektas iom
kamufla unuavide.

760
00:33:56,180 --> 00:33:57,305
Sed ni turmentus tiu diferenco.

761
00:33:57,305 --> 00:33:59,090
Donu min variablo nomita retadreso.

762
00:33:59,090 --> 00:34:01,390
Atribui ĝin laŭvorte ĉi ŝnuro.

763
00:34:01,390 --> 00:34:04,530
Do, apostrofoj, citiloj en
Ĝavoskripto nur donas al mi kordo.

764
00:34:04,530 --> 00:34:06,900
Kion signifas la pli faru?

765
00:34:06,900 --> 00:34:08,199
Kunmeto.

766
00:34:08,199 --> 00:34:12,610
>> Do tio nun estas la jQuery sintakso
kiu prenas iom alkutimiĝi al.

767
00:34:12,610 --> 00:34:18,310
Sed tio simple signifas iri min la DOM
nodo kies identificador sola estas simbolo.

768
00:34:18,310 --> 00:34:21,929
La hashtag tie signifas
solan ensalutilo simbolo.

769
00:34:21,929 --> 00:34:24,929
>> La dolaro signo en la
krampoj simple signifas, envolver ĉi

770
00:34:24,929 --> 00:34:28,510
en jQuery ia sekreta saŭco tiel
vi ricevos pliajn funkciojn.

771
00:34:28,510 --> 00:34:31,880
Kaj tiam .val ŝajne
funkcio, aŭ kiel ni diras nun,

772
00:34:31,880 --> 00:34:35,219
metodon ene de tiu nodo
ke nur donas la valoron.

773
00:34:35,219 --> 00:34:38,896
Do resume, malbela kaj konfuzanta
kiel tio aspektas unuarigarde,

774
00:34:38,896 --> 00:34:42,020
tio simple signifas akiri la uzanto tajpita
en, metis ĝin ĉe la fino de la kordo

775
00:34:42,020 --> 00:34:42,880
per concatenando ĝin.

776
00:34:42,880 --> 00:34:43,739
Tio estas ĉio.

777
00:34:43,739 --> 00:34:46,070
>> Do nun, lasta tri linioj.

778
00:34:46,070 --> 00:34:48,690
Vi povas elpremi multan
funcionalidad el tri linioj.

779
00:34:48,690 --> 00:34:52,199
Ĉi dolaro signo, kiel
flanken, estas simple alnomo

780
00:34:52,199 --> 00:34:55,800
por speciala tutmonda variablo
nomita laŭvorte jQuery.

781
00:34:55,800 --> 00:34:57,060
>> Dolaro signo simple aspektas malvarmeta.

782
00:34:57,060 --> 00:35:00,080
Do la jQuery komunumo ĝuste speco
el uzis ĝin kiel ilian specialan simbolon.

783
00:35:00,080 --> 00:35:02,470
Ĝi ne signifas kion ĝi signifas en PHP.

784
00:35:02,470 --> 00:35:06,356
En JavaScript, dolaro signo estas
ĝuste kiel litero de la alfabeto

785
00:35:06,356 --> 00:35:07,480
aŭ nombro por variablo.

786
00:35:07,480 --> 00:35:09,000
>> Vi povas simple havi ĝin kiel nomon.

787
00:35:09,000 --> 00:35:09,770
Nur aspektas malvarmeta.

788
00:35:09,770 --> 00:35:11,890
Do la komunumo
adoptita kiel alnomo

789
00:35:11,890 --> 00:35:13,390
cxar ilia propra biblioteko nomita jQuery.

790
00:35:13,390 --> 00:35:15,060
>> Kaj estas súper populara.

791
00:35:15,060 --> 00:35:17,620
Do nepre JSON estas ĝuste tio.

792
00:35:17,620 --> 00:35:19,920
Ĝi estas funkcio kiu la
ulojn ĉe jQuery skribis

793
00:35:19,920 --> 00:35:23,340
kiu metas JSON el server--
JavaScript Objekto Skribmaniero.

794
00:35:23,340 --> 00:35:25,680
De kio URL ĝi iras
por akiri tiun informon?

795
00:35:25,680 --> 00:35:27,790
Ŝajne de tiu URL tie.

796
00:35:27,790 --> 00:35:31,180
>> Kaj kion faru la retumilo faru kiel
Kiam ĝi atingas reen ĉi respondo?

797
00:35:31,180 --> 00:35:36,500
Kaj tiu estas la magio de AJAX, tiel
speak-- Asynchronous JavaScript en XML.

798
00:35:36,500 --> 00:35:41,320
Estas malfacile vidi kun tia
Simpla ekzemplo kiel ni havis ĉi tie.

799
00:35:41,320 --> 00:35:44,730
>> Sed tiu estis nesinkrona en
la senco ke mia kodo kiam

800
00:35:44,730 --> 00:35:48,530
ekzekutita sendis mesaĝon al la
servilo iri min iom JSON.

801
00:35:48,530 --> 00:35:51,340
Kaj okazis super rapida
ke mi ricevis respondon.

802
00:35:51,340 --> 00:35:55,130
Sed kio estas interesa estas kiu ĉi
linio de kodo ne pendas mia komputilo.

803
00:35:55,130 --> 00:35:56,550
>> Mi ne vidis ŝpinita ikono.

804
00:35:56,550 --> 00:35:59,200
Mi ne perdis la
kapablo movi mian muson.

805
00:35:59,200 --> 00:36:01,340
Mia retumilo estis vere perfekte bone.

806
00:36:01,340 --> 00:36:06,290
>> Se la vojo JavaScript manipulas la
respondo de la servilo estas kiel sekvas.

807
00:36:06,290 --> 00:36:09,740
Vi registri kion vi volas alvoki
oni callback funkcio, kiu

808
00:36:09,740 --> 00:36:12,830
simple signifas, hej, Ĝavoskripto.

809
00:36:12,830 --> 00:36:16,100
Tuj kiam la servilo
respondas kun JSON,

810
00:36:16,100 --> 00:36:18,750
bonvolu voki ĉi anonima funkcio.

811
00:36:18,750 --> 00:36:23,910
>> Kaj bonvolu pasis en tiun funkcion
ajn ŝnuro la servilo kraĉis

812
00:36:23,910 --> 00:36:26,080
kiel argumento nomata datumoj.

813
00:36:26,080 --> 00:36:28,360
Do en aliaj vortoj, se
Mi ariganta dinamike

814
00:36:28,360 --> 00:36:33,370
URL quote.php pasi en ĉi
simbolon kiel FREE aŭ GOOG aŭ whatnot,

815
00:36:33,370 --> 00:36:36,830
Mi do rakontis
Ĝavoskripto iri bonstata URL.

816
00:36:36,830 --> 00:36:39,080
Memoru ke la retumilo
tuj revenos ion

817
00:36:39,080 --> 00:36:42,680
kiuj aspektas kiel ni vidis earlier-- ĉi.

818
00:36:42,680 --> 00:36:45,940
>> Kaj kio estas la dua argumento
tie akiri JSON estas diranta

819
00:36:45,940 --> 00:36:48,450
ĝi nomas tiun funkcion
kiam la servilo ricevas reen

820
00:36:48,450 --> 00:36:52,440
ĉu ĝi estas 10 milisekundoj
de nun aŭ 10 sekundoj de nun.

821
00:36:52,440 --> 00:36:55,840
Kaj kiam vi faros,
aldonu la prezo al la paĝo.

822
00:36:55,840 --> 00:36:58,030
Tiu sintakso tie nur
signifas iri preni la nodo

823
00:36:58,030 --> 00:37:01,940
el la arbo kies identificador sola
Estas price-- ke span ni vidis antaŭe.

824
00:37:01,940 --> 00:37:04,320
>> Tiu metodo nomata HTML
simple diras, iru anstataŭi

825
00:37:04,320 --> 00:37:08,770
la HTML kiu estas tie kun data.price.

826
00:37:08,770 --> 00:37:10,200
Kio data.price?

827
00:37:10,200 --> 00:37:12,850
Nu, la navegador, memoras,
montris al mi ĉi revenanta.

828
00:37:12,850 --> 00:37:14,540
Do tio estas datumoj.

829
00:37:14,540 --> 00:37:18,100
>> Kaj tial estas iom kamufla
vidi la komoj tie.

830
00:37:18,100 --> 00:37:19,350
Sed fakte, lasu min fari tion.

831
00:37:19,350 --> 00:37:22,890
Lasu min nur alglui ĉi
reala rapida en gedit

832
00:37:22,890 --> 00:37:27,240
kaj Tiukaze kiel ni montris
Zamyla strukturo antaŭe.

833
00:37:27,240 --> 00:37:31,610
>> Kion la servilo sendas reen estas
iom celo kiu aspektas kiel ĉi.

834
00:37:31,610 --> 00:37:37,140
Ktp data.price estas
nur donante min 0,1515.

835
00:37:37,140 --> 00:37:39,310
Tiel multa movanta
partoj tie cxiujn samtempe.

836
00:37:39,310 --> 00:37:41,860
>> Sed la ŝlosilo takeaways estas
ke ni havas tiun kapablon

837
00:37:41,860 --> 00:37:44,600
fari aldonan HTTP
petoj uzante JavaScript

838
00:37:44,600 --> 00:37:46,090
sen devi reŝarĝi la paĝon.

839
00:37:46,090 --> 00:37:49,580
Kaj tiam ni povas reale
ŝanĝi la retpaĝo sur la muŝo.

840
00:37:49,580 --> 00:37:51,850
Kaj ĝi rezultas ke
JavaScript kaj aliaj lingvoj

841
00:37:51,850 --> 00:37:54,510
povas esti uzata nun, ne nur
al mutate retpaĝojn,

842
00:37:54,510 --> 00:37:57,960
sed efektive skribi programaron
en reala komputilo,

843
00:37:57,960 --> 00:38:00,240
ne nur limigitaj al Chrome aŭ similaj.

844
00:38:00,240 --> 00:38:03,530
>> Fakte, if-- Colton, ĉu vi
ŝatus aliĝi kaj reen supren tie

845
00:38:03,530 --> 00:38:06,100
kun via laboratorio kodo, kaj Chang tiel?

846
00:38:06,100 --> 00:38:09,140
Ni iru antaŭen, li parolis
anonima funkcioj kaj callbacks

847
00:38:09,140 --> 00:38:13,090
kaj vere tentas sorton tie
kun live demo kun sanganta

848
00:38:13,090 --> 00:38:16,480
rando teknologio, unu el
tiuj Elite Motion mekanismoj.

849
00:38:16,480 --> 00:38:18,940
Nun, ĉi tiu mekanismo, recall,
Estas iom mekanismo USB

850
00:38:18,940 --> 00:38:25,620
tiel that-- tio beautiful--
kiu ŝaltas en via USB havenoj.

851
00:38:25,620 --> 00:38:29,120
>> Kaj tiam ĝi havigas enigo
en formo de homaj gestoj

852
00:38:29,120 --> 00:38:32,560
detektante uzante transruĝaj radioj,
esence, movadoj de via brako.

853
00:38:32,560 --> 00:38:35,150
Do dum kio Maria provis
antauxen iris muskola,

854
00:38:35,150 --> 00:38:39,000
vere sentas kio ŝanĝanta
via brako, tiu estas transruĝa bazita.

855
00:38:39,000 --> 00:38:44,390
Do ĝi serĉas movadoj ene
la varo de sfero de piedo aŭ tiel

856
00:38:44,390 --> 00:38:46,190
de la aparato mem.

857
00:38:46,190 --> 00:38:48,950
>> Do kial mi ne prenas
ponardopiko ĉe tiu unua?

858
00:38:48,950 --> 00:38:53,100
Kaj ni iru antaŭen kaj forĵetu
vin de la superkape tie.

859
00:38:53,100 --> 00:38:56,250
Do ni metu Colton la tekkomputilo tien.

860
00:38:56,250 --> 00:38:58,360
Ni havas Andreon sur la TV.

861
00:38:58,360 --> 00:39:00,160
Kaj kion vi ŝatus min fari unue?

862
00:39:00,160 --> 00:39:02,409
>> Colton: Iru antaŭen kaj nur
metu vian manon super tiu ulo

863
00:39:02,409 --> 00:39:04,430
kaj vi vidos iuj fabelaj scintilado.

864
00:39:04,430 --> 00:39:07,230
>> DAVID J. Malan: Tre bele.

865
00:39:07,230 --> 00:39:11,110
Tiu estas ĉiuj okazas en reala tempo.

866
00:39:11,110 --> 00:39:11,889
OK.

867
00:39:11,889 --> 00:39:12,680
Bone, kaj Yep.

868
00:39:12,680 --> 00:39:14,119
Tiel agrabla.

869
00:39:14,119 --> 00:39:15,410
Bone, kion alian ni povas fari?

870
00:39:15,410 --> 00:39:17,900
>> Colton: Iru al la sekva ekrano kaj vidu.

871
00:39:17,900 --> 00:39:19,136
>> DAVID J. Malan: Bone.

872
00:39:19,136 --> 00:39:21,780
>> Colton: Amuza ludeto
kie vi akiris fari robotoj.

873
00:39:21,780 --> 00:39:24,738
>> DAVID J. Malan: Bone, do ĉi
estas falsaj manojn montrante al mi kion fari.

874
00:39:24,738 --> 00:39:27,920
Colton: Jes Do iru antaŭen
kaj kroĉi unu el la blokoj

875
00:39:27,920 --> 00:39:30,637
kaj metis gxin sur supro de tiu roboto korpon.

876
00:39:30,637 --> 00:39:32,137
DAVID J. Malan: Ho, tie estas mia mano.

877
00:39:32,137 --> 00:39:34,000
Oh.

878
00:39:34,000 --> 00:39:34,780
OK, adorable.

879
00:39:34,780 --> 00:39:37,500

880
00:39:37,500 --> 00:39:38,650
Atendu minuton, OK.

881
00:39:38,650 --> 00:39:41,320
Tie ni iras.

882
00:39:41,320 --> 00:39:43,590
>> Colton: Mi faris unu akcidento.

883
00:39:43,590 --> 00:39:45,423
>> DAVID J. Malan: Bone, mi prenos tiun knabon.

884
00:39:45,423 --> 00:39:45,923
Damn it!

885
00:39:45,923 --> 00:39:48,467

886
00:39:48,467 --> 00:39:51,550
Kiam ni praktikis ĉi lasta
nokton, vi scias, kio estas tiu ekhavis en?

887
00:39:51,550 --> 00:39:54,285
>> Kiel tiu.

888
00:39:54,285 --> 00:39:55,490
OK.

889
00:39:55,490 --> 00:39:55,990
Proksima?

890
00:39:55,990 --> 00:39:56,860
>> Colton: Certe.

891
00:39:56,860 --> 00:39:58,818
>> DAVID J. Malan: Bone,
kaj jen mia tria.

892
00:39:58,818 --> 00:40:01,130

893
00:40:01,130 --> 00:40:01,674
Bone.

894
00:40:01,674 --> 00:40:03,215
Colton: Kaj en ĉi tiu, vi ricevas to--

895
00:40:03,215 --> 00:40:04,923
DAVID J. Malan: Oh,
ĉi onia bela.

896
00:40:04,923 --> 00:40:06,650
Colton: --yeah, elektu aparte tiu floro.

897
00:40:06,650 --> 00:40:07,441
DAVID J. Malan: Bone.

898
00:40:07,441 --> 00:40:11,170

899
00:40:11,170 --> 00:40:11,670
Neniu?

900
00:40:11,670 --> 00:40:14,515
Missed.

901
00:40:14,515 --> 00:40:15,570
>> Colton: Ho, tie vi iros.

902
00:40:15,570 --> 00:40:18,680
>> DAVID J. Malan: Ha, Rigardu tiun.

903
00:40:18,680 --> 00:40:19,830
Tre agrabla.

904
00:40:19,830 --> 00:40:22,470
Nu, kial dont 'ni preni
el unu volontulon tie

905
00:40:22,470 --> 00:40:24,180
kiuj volus veni supren.

906
00:40:24,180 --> 00:40:27,500
Kion pri pravas
en la verda, ĉu?

907
00:40:27,500 --> 00:40:30,540
>> Bone, kaj ni have--
anstataŭ fari tion, kelkaj de vi

908
00:40:30,540 --> 00:40:34,590
sciu ĉi ludo here--
tranĉi la ŝnuron, eble?

909
00:40:34,590 --> 00:40:35,100
Ni vidu.

910
00:40:35,100 --> 00:40:37,320
Ni havas niajn glasojn sur ĉi tien?

911
00:40:37,320 --> 00:40:38,625
>> OK.

912
00:40:38,625 --> 00:40:39,270
Dankon.

913
00:40:39,270 --> 00:40:39,380
Kio estas via nomo?

914
00:40:39,380 --> 00:40:40,350
>> Publiko: Laura.

915
00:40:40,350 --> 00:40:41,266
>> DAVID J. Malan: Laura?

916
00:40:41,266 --> 00:40:42,120
Nice vidi.

917
00:40:42,120 --> 00:40:45,600
Se vi ne gravas meti
Google Vitra super viaj okulvitroj.

918
00:40:45,600 --> 00:40:46,970
Tio estas Colton.

919
00:40:46,970 --> 00:40:47,650
>> Colton: Saluton.

920
00:40:47,650 --> 00:40:48,140
Agrable renkonti vin.

921
00:40:48,140 --> 00:40:49,600
>> DAVID J. Malan: Bone, venu sur ĉirkaŭ.

922
00:40:49,600 --> 00:40:52,516
Bone, do kion vi tuj
do tie ĉi, ludinte antauxvidante,

923
00:40:52,516 --> 00:40:55,650
metas la manon sur
La Leap Motion tie.

924
00:40:55,650 --> 00:40:57,210
Kaj nun viaj sago devus movi.

925
00:40:57,210 --> 00:40:57,710
Ho, Nope.

926
00:40:57,710 --> 00:40:58,066
>> Publiko: No.

927
00:40:58,066 --> 00:40:58,780
>> DAVID J. Malan: Ni
ne volas ĉesigi ankoraŭ.

928
00:40:58,780 --> 00:40:59,280
OK, atendu.

929
00:40:59,280 --> 00:41:01,200
Super tie.

930
00:41:01,200 --> 00:41:03,530
Do rimarki kiel vi tenas vian
Fingro super io,

931
00:41:03,530 --> 00:41:06,750
la muso komencas iri verda,
kiu estas kiel vi klaku.

932
00:41:06,750 --> 00:41:08,980
>> Do ŝvebi super Play.

933
00:41:08,980 --> 00:41:10,970
Kaj nur unu fingro estas fajna.

934
00:41:10,970 --> 00:41:13,869
Kaj nun klaku la eta
verda ulo maldekstre.

935
00:41:13,869 --> 00:41:15,410
Kaj nun tenas ĝis plenigita verdo.

936
00:41:15,410 --> 00:41:15,640
Bonan.

937
00:41:15,640 --> 00:41:16,990
Nun, kiel, ebenaĵo ĝis supro.

938
00:41:16,990 --> 00:41:20,190
>> Publiko: Yeah, ni volas ebenaĵo, tie.

939
00:41:20,190 --> 00:41:21,660
>> DAVID J. Malan: Bone.

940
00:41:21,660 --> 00:41:25,500
OK, do ĉiuj vi devas
fari estas tranĉi la ŝnuron.

941
00:41:25,500 --> 00:41:28,240
Vian kursoron estas blanka sube.

942
00:41:28,240 --> 00:41:28,880
>> Tre agrabla.

943
00:41:28,880 --> 00:41:31,290

944
00:41:31,290 --> 00:41:32,790
Bone, temas pri akiri malmola.

945
00:41:32,790 --> 00:41:34,800
Do teni fingron sur proksimaj nun.

946
00:41:34,800 --> 00:41:37,370

947
00:41:37,370 --> 00:41:39,030
Bonan.

948
00:41:39,030 --> 00:41:39,999
Ĉi tiu estas malglata.

949
00:41:39,999 --> 00:41:40,966
>> Publiko: Ho fek.

950
00:41:40,966 --> 00:41:41,466
OK.

951
00:41:41,466 --> 00:41:42,466
Ĝi volas iri tiun vojon.

952
00:41:42,466 --> 00:41:44,890
Ho fek, that--

953
00:41:44,890 --> 00:41:47,120
>> DAVID J. Malan: Jes.

954
00:41:47,120 --> 00:41:50,700
Malĉefa celo estas atingi ĉiujn stelojn.

955
00:41:50,700 --> 00:41:53,920
Bone, sekva.

956
00:41:53,920 --> 00:41:57,504
>> Vidu se vi povas akiri ĉi trian.

957
00:41:57,504 --> 00:41:58,004
Bonan.

958
00:41:58,004 --> 00:42:05,980

959
00:42:05,980 --> 00:42:06,840
OK, iru tien.

960
00:42:06,840 --> 00:42:08,850
>> Certa.

961
00:42:08,850 --> 00:42:11,230
Ho, tre afablaj.

962
00:42:11,230 --> 00:42:11,930
Bone.

963
00:42:11,930 --> 00:42:13,534
>> Do kial ni ne adjourn tien hodiaŭ?

964
00:42:13,534 --> 00:42:15,200
Estu iu trafos sur kiu volas ludi.

965
00:42:15,200 --> 00:42:16,880
Danke tiel por Laura nia volontulo.

966
00:42:16,880 --> 00:42:18,730
Kaj ni vidos vin lunde.

967
00:42:18,730 --> 00:42:21,190
>> Publiko: Vi probable volas tiujn dorso.

968
00:42:21,190 --> 00:42:23,640
>> SPEAKER 2: Al la sekva CS50--

969
00:42:23,640 --> 00:42:35,222