1
00:00:00,000 --> 00:00:02,862
>> [Muzikos grojimo]

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

3
00:00:10,030 --> 00:00:11,580
>> DAVID Malan: Tai CS50.

4
00:00:11,580 --> 00:00:12,880
Tai devynių savaitę pradžia.

5
00:00:12,880 --> 00:00:15,797
Ir tai, kas būtų
buvo pono Boole 200. gimtadienis.

6
00:00:15,797 --> 00:00:17,630
Taigi tai yra bičiuliai
kam mes užsiminė

7
00:00:17,630 --> 00:00:21,800
gana kartais apie naudojant
Būlio kintamieji true ir false,

8
00:00:21,800 --> 00:00:22,910
1 ir 0, ir tokių.

9
00:00:22,910 --> 00:00:25,270
Ir tai buvo "Google"
duoklė jam šiandien.

10
00:00:25,270 --> 00:00:26,489
Jis pasuko 200.

11
00:00:26,489 --> 00:00:28,280
Taigi, jei norite
prisijungti prie mūsų CS50 pietums,

12
00:00:28,280 --> 00:00:30,279
pažvelgti į nuorodą išvaizdą
kurso tinklalapyje.

13
00:00:30,279 --> 00:00:33,580
Ir tokie veidai ir draugai kaip
tai laukia Jūsų čia Cambridge.

14
00:00:33,580 --> 00:00:35,360
Veidai, kaip šie jūsų laukia New Haven.

15
00:00:35,360 --> 00:00:37,800
Ir, tiesą sakant, Ken
Niu Heivenas maloniai padarė

16
00:00:37,800 --> 00:00:41,594
tai, kas vadinama animacinis GIF Helego
čia neseniai lunch-- GIF dar

17
00:00:41,594 --> 00:00:44,260
kitas grafinis failo formatas,
su kuria jūs familiar-- kad

18
00:00:44,260 --> 00:00:46,300
atrodo šiek tiek kažką panašaus į tai.

19
00:00:46,300 --> 00:00:48,179
Taigi tiesiog seka of-- Gerai.

20
00:00:48,179 --> 00:00:49,720
Niekas čia Kembridžo juokiasi.

21
00:00:49,720 --> 00:00:51,720
Bet New Haven, tai
yra tikrai juokinga, tiesa?

22
00:00:51,720 --> 00:00:52,350
Gerai.

23
00:00:52,350 --> 00:00:53,940
>> Taigi, prisijungti prie mūsų ten.

24
00:00:53,940 --> 00:00:55,900
Čia Harvarde,
Tiksliau, tai, trečiadienis

25
00:00:55,900 --> 00:00:59,480
jei esate antrakursis ar pirmakursis even--
ar net junior-- mąstymas priėmimo

26
00:00:59,480 --> 00:01:01,563
iškeitimas į kompiuterį
Mokslas, žinau, kad ten bus

27
00:01:01,563 --> 00:01:04,440
Būkite CS patarti teisinga tai
Trečiadienis, netrukus po klasę

28
00:01:04,440 --> 00:01:08,040
4:00 PM kompiuteryje
Mokslas pastatas Maksvelo Dworkinas.

29
00:01:08,040 --> 00:01:11,890
Mes įdėti šią kurso s
svetainė rytoj, taip pat.

30
00:01:11,890 --> 00:01:14,430
Donuts, aš sakė, bus įteiktas.

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

32
00:01:15,180 --> 00:01:18,790
Taigi juokinga story-- buvau išnyra
aplink internete,

33
00:01:18,790 --> 00:01:23,575
ir radau keletą senų archyvų
mano buvusios svetainėje.

34
00:01:23,575 --> 00:01:25,950
Ir paaiškėja out-- išspręsti šią
laikas, atrodo, labai laiku

35
00:01:25,950 --> 00:01:28,910
nes aš surinkti, kad UC rinkimai
ketinate pavara vėl.

36
00:01:28,910 --> 00:01:32,230
Taigi aš bėgo UC, prarado apgailėtinai.

37
00:01:32,230 --> 00:01:34,770
O gal tai buvo iš dalies kodėl.

38
00:01:34,770 --> 00:01:37,600
Taigi tai buvo mano svetainėje metu.

39
00:01:37,600 --> 00:01:40,477
Dėl tam tikrų priežasčių, aš maniau jis buvo
gera idėja, prieš žmones,

40
00:01:40,477 --> 00:01:43,310
ką mano platforma buvo ir kodėl jie
turėtų balsuoti už mane, kad jie turi

41
00:01:43,310 --> 00:01:47,770
spustelėkite įvesti sužinoti, kad
informacija, kuri retrospektyviai yra

42
00:01:47,770 --> 00:01:48,660
rūšies šliaužiantis.

43
00:01:48,660 --> 00:01:50,910
Aš tikrai nežino, kas tai buvo.

44
00:01:50,910 --> 00:01:53,140
>> Bet tai tikrai ne
padėti savo kampaniją.

45
00:01:53,140 --> 00:01:56,874
Aš taip pat nustatė, kad vyresnysis
šarvuotuose Aš turėjau šią Muppet kalendorių.

46
00:01:56,874 --> 00:01:58,540
Muppety buvo rūšies madinga atgal tada.

47
00:01:58,540 --> 00:01:59,456
O gal jie nebuvo.

48
00:01:59,456 --> 00:02:01,790
Turėjau Muppet kalendorių atgal tada.

49
00:02:01,790 --> 00:02:04,860
Ir aš pagalvojau, kad būčiau kietas pavadinimas
Mano kompiuteris Harvardo universiteto tinkle

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

51
00:02:07,460 --> 00:02:10,370
Tuo metu, mes visi turėjo unikaliai
identifikuojamas vardų.

52
00:02:10,370 --> 00:02:13,150
Ir jūs galite pasirinkti keletą šurmulio
pavadinimas, o ne savo vardu.

53
00:02:13,150 --> 00:02:15,580
Ir aš su Płetwonurek dėl tam tikrų priežasčių.

54
00:02:15,580 --> 00:02:19,040
>> Ir tada aš started-- Aš praleido daug
laiko aplankys šių nuorodų

55
00:02:19,040 --> 00:02:20,280
šį rytą.

56
00:02:20,280 --> 00:02:24,690
Ir tai buvo mano apie puslapį,
kuri dabar rūšies atrodo žavinga.

57
00:02:24,690 --> 00:02:28,210
Tačiau ji taip pat liudija, kad tik
kiek technologija atėjo.

58
00:02:28,210 --> 00:02:30,310
Aš turiu galvoje, atgal per dieną,
486 buvo kažkas.

59
00:02:30,310 --> 00:02:34,090
Šių dienų, tai super, super,
Super lėtai ir gerai mažiau

60
00:02:34,090 --> 00:02:36,216
nei jūs galbūt turite
pačių kišenės šių dienų.

61
00:02:36,216 --> 00:02:38,465
Yra daugiau ten, kad
buvo dar labiau nemalonu.

62
00:02:38,465 --> 00:02:39,770
Taigi aš palikti jį tuo.

63
00:02:39,770 --> 00:02:42,640
Bet tai buvo mano pirmas
įsiveržimas į web-- oh, ne.

64
00:02:42,640 --> 00:02:43,180
Tai nebuvo.

65
00:02:43,180 --> 00:02:47,000
Mano pirmasis realus įsiveržimas į interneto programavimo
buvo ši svetainė, kuri man tiesiog pamiršo.

66
00:02:47,000 --> 00:02:50,620
Tam tikru momentu, aš sužinojau, kaip
padaryti pasikartojančias fono paveikslėlius.

67
00:02:50,620 --> 00:02:55,260
Ir taip radau tai plytelės veiksmingos,
kaip ritulio grotuvas, futbolas, golfas ir

68
00:02:55,260 --> 00:02:58,040
Rutuliniai, ar kas tai yra
už Frosh Moment svetainėje.

69
00:02:58,040 --> 00:03:01,390
Ir tai buvo iš tikrųjų, tikrai tos
Pirmasis internetinis projektas, aš paėmė on--

70
00:03:01,390 --> 00:03:03,880
Manau gal antrakursis
metus, jaunesnysis šarvuotuose

71
00:03:03,880 --> 00:03:07,622
Išgėrus CS50 ir CS51, vieną
iš bendrų tolesnio klases.

72
00:03:07,622 --> 00:03:09,330
Aš pastebėjau ieškote
per archyvuose

73
00:03:09,330 --> 00:03:12,150
kad vienas iš mano įpėdiniams ir
draugai, Lee rūšies pasikeitė

74
00:03:12,150 --> 00:03:13,480
autoriaus teisių į save.

75
00:03:13,480 --> 00:03:17,520
Bet iš tiesų tai buvo kažkas, kad
Turėčiau savo varžymasis į.

76
00:03:17,520 --> 00:03:19,370
Tačiau tuo metu, šis
buvo pirmoji svetainė,

77
00:03:19,370 --> 00:03:22,220
kaip sakiau prieš kelias savaites,
kuriuo pirmakursis negalėjo

78
00:03:22,220 --> 00:03:24,350
užsiregistruoti vidines sporto čia.

79
00:03:24,350 --> 00:03:27,950
Ir taip it turns out
kad fono paveikslėlius

80
00:03:27,950 --> 00:03:29,530
kaip kad yra ne tokia gera idėja.

81
00:03:29,530 --> 00:03:31,840
Bet interneto buvo nauja ir
visi buvome eksperimentuoti.

82
00:03:31,840 --> 00:03:34,310
Ir tai, ką aš
matyt, tuo metu.

83
00:03:34,310 --> 00:03:34,810
Gerai.

84
00:03:34,810 --> 00:03:38,020
Taigi be tolesnio ceremonija, mes pereiti
įrankių šiandien duoti jums, tikrai,

85
00:03:38,020 --> 00:03:42,250
galutinis gabalas, kad jūs galite rasti
ypač naudinga galutiniams projektams

86
00:03:42,250 --> 00:03:44,780
bet taip pat, kad bus pradėti
kad visas pasaulis Wide Web

87
00:03:44,780 --> 00:03:46,680
jaučiasi šiek tiek suprantamesnė.

88
00:03:46,680 --> 00:03:49,460
Iš tiesų, mes ketiname pristatyti
dar viena programavimo kalba

89
00:03:49,460 --> 00:03:52,474
vadinamas JavaScript, kad panašus
ir skiriasi skirtingais būdais

90
00:03:52,474 --> 00:03:54,140
iš kalbų, mes pažvelgė iki šiol.

91
00:03:54,140 --> 00:03:55,807
>> Taigi, C, prisiminti, tai yra kaupiami kalba.

92
00:03:55,807 --> 00:03:57,473
Jūs turite paleisti jį per sudarytojas.

93
00:03:57,473 --> 00:03:59,810
Gauni kodą prieštarauti
kodas arba nuliais ir tie.

94
00:03:59,810 --> 00:04:03,000
Ir tie, kurie nuliais ir tie, kurie
Jūsų procesoriaus, Central Processing Unit,

95
00:04:03,000 --> 00:04:04,360
iš tikrųjų suprasti.

96
00:04:04,360 --> 00:04:06,610
PHP, priešingai, yra ne
parengtą kalba.

97
00:04:06,610 --> 00:04:08,772
Tai ką?

98
00:04:08,772 --> 00:04:09,980
Tai aiškinama kalba.

99
00:04:09,980 --> 00:04:11,750
Taigi yra keletas programa
vadinama vertėjo, kad

100
00:04:11,750 --> 00:04:13,708
turi skaityti it-- viršaus į
apačioje, kairėje right--

101
00:04:13,708 --> 00:04:16,519
ir išsiaiškinti, kas visus
Jūsų sintaksė daro ir tai,

102
00:04:16,519 --> 00:04:20,200
ar tai kilpa ar būklė
arba bet kuri kita skaičius programavimą

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

104
00:04:20,740 --> 00:04:22,210
Štai aiškinami kalba.

105
00:04:22,210 --> 00:04:23,910
>> Tada mes pristatėme HTML.

106
00:04:23,910 --> 00:04:26,440
Ir HTML nėra net
programavimo kalba.

107
00:04:26,440 --> 00:04:28,110
Mes norime, kad tai, ką vadiname?

108
00:04:28,110 --> 00:04:31,650
Žymėjimo kalba, kuri yra tik
išgalvotas būdas pasakyti tai tarsi

109
00:04:31,650 --> 00:04:35,820
neturi programavimo konstrukcijas, pavyzdžiui,
mes matėme net atgal į nulio dieną.

110
00:04:35,820 --> 00:04:36,720
Nėra kilpos.

111
00:04:36,720 --> 00:04:37,920
Nėra nustatytos sąlygos.

112
00:04:37,920 --> 00:04:40,820
Jis tikrai yra kalba
apie ženklinimo kopijas savo duomenis

113
00:04:40,820 --> 00:04:43,620
ir formatavimo, tai ar
struktūruoti ją tam tikru būdu.

114
00:04:43,620 --> 00:04:46,147
>> CSS, tuo tarpu, panašiai
nėra programavimo kalba.

115
00:04:46,147 --> 00:04:47,730
Tai dar labiau estetiškai orientuota.

116
00:04:47,730 --> 00:04:50,470
Ir tai leidžia jums rūšiuoti suderinkite
dalykų, pavyzdžiui, šrifto dydžio ir spalvų

117
00:04:50,470 --> 00:04:51,850
ir išdėstymas, ir visi, kad.

118
00:04:51,850 --> 00:04:52,370
Tada mes turėjome

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

120
00:04:53,160 --> 00:04:56,010
Taigi SQL tiesų programavimas
kalba tam tikra prasme,

121
00:04:56,010 --> 00:04:59,330
nors pritaikyti
specialiai su duomenų bazėmis.

122
00:04:59,330 --> 00:05:03,347
Bet nors mes tik supažindinti jus su
pasirinkti ir įrašyti ir ištrinti ir atnaujinti

123
00:05:03,347 --> 00:05:05,430
ir kitų, pora,
Pasirodo, jūs iš tikrųjų galite

124
00:05:05,430 --> 00:05:07,380
rašyti funkcijas arba
procedūros, kaip jie

125
00:05:07,380 --> 00:05:11,270
vadinamas, SQL, kad atrodo ir veikia
labai patiko PHP ir C funkcijas.

126
00:05:11,270 --> 00:05:12,390
Taigi žinau, kad tie, egzistuoja.

127
00:05:12,390 --> 00:05:15,348
Bet mes neturime net vargintis su jais
kaip mes tik subraižyti paviršių čia.

128
00:05:15,348 --> 00:05:18,600
Ir tada Javaskriptą, paskutinis
Mūsų kalbos oficialiai pristatė.

129
00:05:18,600 --> 00:05:21,029
Taigi JavaScript, taip pat yra
aiškinami kalba.

130
00:05:21,029 --> 00:05:23,070
Ir tie, kurie žino, tai
norite jį atskirti

131
00:05:23,070 --> 00:05:26,960
su kai charakteristika
iš abiejų C ir PHP?

132
00:05:26,960 --> 00:05:28,300
Kuo ji skiriasi?

133
00:05:28,300 --> 00:05:29,650
>> Auditorija: Tai ne renkami.

134
00:05:29,650 --> 00:05:29,930
>> DAVID Malan: Pasakykite naujo?

135
00:05:29,930 --> 00:05:31,200
>> Auditorija: Tai ne renkami.

136
00:05:31,200 --> 00:05:31,930
>> DAVID Malan: Tai ne renkami.

137
00:05:31,930 --> 00:05:33,450
Taigi, taip pat yra aiškinama.

138
00:05:33,450 --> 00:05:34,760
Taigi tai nėra kaupiami.

139
00:05:34,760 --> 00:05:37,210
Bet, kad daro tai, kaip PHP mažai.

140
00:05:37,210 --> 00:05:39,545
Tačiau jis vis dar skiriasi nuo
PHP keletą stulbinančių būdu,

141
00:05:39,545 --> 00:05:40,920
bent tokiu būdu, mes jį naudoti.

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

143
00:05:41,205 --> 00:05:41,940
>> Auditorija: Ji veikia kliento pusėje.

144
00:05:41,940 --> 00:05:44,000
>> DAVID Malan: Ji veikia
kliento pusėje, paprastai.

145
00:05:44,000 --> 00:05:47,190
Štai iš tiesų skiriamasis
būdinga mums dabar.

146
00:05:47,190 --> 00:05:51,170
C buvo server-side ta prasme,
kad mes padarėme viską CS50 IDE.

147
00:05:51,170 --> 00:05:53,630
PHP šiol buvo
serverio pusės tiek,

148
00:05:53,630 --> 00:05:56,550
nes ji taip pat gauna interpreted--
nėra parengta, bet interpreted--

149
00:05:56,550 --> 00:06:00,690
viduje CS50 IDE, kuris, žinoma, yra
tik serverio ar serverių debesyje.

150
00:06:00,690 --> 00:06:03,070
>> Bet Javaskriptą, net
Nors jūs ketinate

151
00:06:03,070 --> 00:06:07,000
pradėti rašyti jį, tarkim, pset
aštuoni, o gal galutinis projects-- esate

152
00:06:07,000 --> 00:06:09,620
vyksta į dešinę jį
CS50 IDE ir išsaugokite jį

153
00:06:09,620 --> 00:06:14,760
rinkmenose per CS50 IDE, CS50 IDE
ir, savo ruožtu, debesys serveriai

154
00:06:14,760 --> 00:06:19,160
dėl kurių jis vyko, nesiruošia
interpretuoti arba vykdyti kodą.

155
00:06:19,160 --> 00:06:23,880
Atvirkščiai, jis ketina būti siunčiami
nepakitęs forma žemyn naršyklėje.

156
00:06:23,880 --> 00:06:26,990
Ir tai tada bus IE
ar Chrome arba Firefox ar Safari

157
00:06:26,990 --> 00:06:30,697
ar kas, kad iš tikrųjų interpretuoja
tai, iš viršaus į apačią, iš kairės į dešinę.

158
00:06:30,697 --> 00:06:32,780
Taigi pagrindiniu atskirai iš
būdingas šiandien

159
00:06:32,780 --> 00:06:36,110
yra tai, kad "JavaScript" yra kliento pusėje
ir PHP, pavyzdžiui,

160
00:06:36,110 --> 00:06:37,690
buvo serverio pusės.

161
00:06:37,690 --> 00:06:40,920
Dabar, tai yra įdomių pasekmių
už, kaip, intelektinės nuosavybės

162
00:06:40,920 --> 00:06:42,660
ir kas iš tikrųjų galite pamatyti savo kodą.

163
00:06:42,660 --> 00:06:44,860
Ir iš tiesų, galite eiti
internete ir pamatyti, labiausiai

164
00:06:44,860 --> 00:06:47,530
bet kodas, kad kažkas turi
parašyta JavaScript.

165
00:06:47,530 --> 00:06:50,230
Kartais tai skaitoma,
Kartais tai neskaidri.

166
00:06:50,230 --> 00:06:52,550
Bet daugiau apie tai laiku.

167
00:06:52,550 --> 00:06:57,530
>> Taigi JavaScript, pakankamai gražiai, yra
Super panašūs, sintaksiškai, C.

168
00:06:57,530 --> 00:06:59,364
Ir panašiai kaip PHP,
nėra pagrindinė funkcija.

169
00:06:59,364 --> 00:07:02,113
Jei norite pradėti rašyti
JavaScript kodas, kaip pamatysite šiandien

170
00:07:02,113 --> 00:07:03,270
jūs tiesiog pradėkite rašyti ją.

171
00:07:03,270 --> 00:07:06,910
Bet tai pamatysite, ypač
naudingi naršykles kontekste.

172
00:07:06,910 --> 00:07:09,820
Tačiau, mano mažai
disclaimer-- paprastai earlier--

173
00:07:09,820 --> 00:07:13,790
buvo pasakyti, kad jūs galite vis
Šiandien naudoti "JavaScript server-side

174
00:07:13,790 --> 00:07:17,655
naudojant išgalvotas sistemą, vadinamą Node.js
kad kai kurie iš CS50 pačios paraiškų

175
00:07:17,655 --> 00:07:18,280
yra parašyta.

176
00:07:18,280 --> 00:07:20,640
Patikrinkite 50 tikrųjų naudoja Node.js.

177
00:07:20,640 --> 00:07:24,140
Tačiau mes ketiname sutelkti dėmesį į
JavaScript kliento pusėje čia atlikti.

178
00:07:24,140 --> 00:07:26,750
>> Taigi čia yra tam tikrų sąlygų PHP rinkinys.

179
00:07:26,750 --> 00:07:29,350
Atsiprašome, in-- tikrųjų, kad
pareiškimas, taip pat yra teisinga.

180
00:07:29,350 --> 00:07:32,200
Čia taip pat yra komplektas
sąlygos "JavaScript".

181
00:07:32,200 --> 00:07:35,560
Sintaksiškai, tai
identiškas C ir PHP.

182
00:07:35,560 --> 00:07:39,040
P Boole išraiškos,
Be to, sintaksiškai

183
00:07:39,040 --> 00:07:41,190
identiškas tiek C ir PHP.

184
00:07:41,190 --> 00:07:44,100
Mes taip pat turime jungikliai
JavaScript, kad atrodo identiški.

185
00:07:44,100 --> 00:07:46,350
Mes turime kilpomis, kurios yra
struktūra vienodai,

186
00:07:46,350 --> 00:07:48,140
o kilpos, padaryti, o kilpų.

187
00:07:48,140 --> 00:07:49,980
>> Tai vienas šiek tiek skiriasi.

188
00:07:49,980 --> 00:07:53,120
PHP turėjo už kiekvieną konstrukto
kad jums gali būti naudojant

189
00:07:53,120 --> 00:07:55,320
ar bus naudoti pset septynių, galbūt.

190
00:07:55,320 --> 00:07:59,460
JavaScript turi šią ypatingą versiją
o kur jūs tiesiog pasakyti

191
00:07:59,460 --> 00:08:03,864
kaip kintamojo rakto objektas, kuris
yra labai glausta būdas pasakyti,

192
00:08:03,864 --> 00:08:06,780
jei aš turiu object-- ir mes
kalbėti apie tai vėl į moment--

193
00:08:06,780 --> 00:08:10,370
ir aš noriu pakartoti virš visų
iš pagrindinių verčių porų viduje,

194
00:08:10,370 --> 00:08:13,620
Aš neturiu išsiaiškinti, kaip
programinio indekso juos su nulis, vienas,

195
00:08:13,620 --> 00:08:14,580
du, trys.

196
00:08:14,580 --> 00:08:15,900
>> Galiu tiesiog pasakyti tai.

197
00:08:15,900 --> 00:08:20,740
Ir ant kiekvienos iteracijos, JavaScript
man bus atnaujinti kintama raktą

198
00:08:20,740 --> 00:08:24,810
būti pirmasis raktas, tada kitas raktas,
tada kitas raktas, tada kitas raktas,

199
00:08:24,810 --> 00:08:25,510
ir taip toliau.

200
00:08:25,510 --> 00:08:30,000
Ir aš galiu gauti savo verte apdorojant
in JavaScript objektas, kaip matysime,

201
00:08:30,000 --> 00:08:32,584
taip, lyg tai yra
masyvą PHP.

202
00:08:32,584 --> 00:08:35,750
Iš tiesų, jei jūs pagaliau suvynioti savo
mind aplink ką masyvą yra

203
00:08:35,750 --> 00:08:40,140
PHP, galite galvoti apie tai dabar kaip
tapatus JavaScript objektą.

204
00:08:40,140 --> 00:08:42,030
Bet tai iš tiek
supaprastinimas.

205
00:08:42,030 --> 00:08:47,230
>> Masyvai atrodo, pakankamai gražiai, identiška
PHP išskyrus vieną požymį.

206
00:08:47,230 --> 00:08:51,425
Yra vienas dalykas, trūksta čia
kad mes padarėme pamatyti praėjusią savaitę su PHP.

207
00:08:51,425 --> 00:08:52,050
Kas praleista?

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

209
00:08:53,310 --> 00:08:54,090
Nėra doleris ženklas.

210
00:08:54,090 --> 00:08:56,240
Taigi, mes grįžome į A
daugiau normalus pasaulis, kuriame

211
00:08:56,240 --> 00:08:58,050
kintamieji neturi doleris ženklai.

212
00:08:58,050 --> 00:09:00,810
Bet jūs priešdėlis juos
su var, tipiškai.

213
00:09:00,810 --> 00:09:02,230
Ir var tai kintamąjį.

214
00:09:02,230 --> 00:09:06,440
Ir panašiai kaip PHP yra silpnai
typed-- kuriuo yra tipų,

215
00:09:06,440 --> 00:09:10,120
yra numeriai ir įsipareigojimų
ir plūdės ir taip forth--

216
00:09:10,120 --> 00:09:11,570
JavaScript panašiai turi tipus.

217
00:09:11,570 --> 00:09:15,470
Bet tai laisvai įvedėte kad mes,
programuotojai neturi nurodyti juos.

218
00:09:15,470 --> 00:09:18,980
Mes tiesiog turime žinoti
kad skirtingų tipų egzistuoja.

219
00:09:18,980 --> 00:09:21,690
>> Kintamieji, meanwhile-- čia kaip
mes galime paskelbti "Labas, pasauli"

220
00:09:21,690 --> 00:09:22,230
kaip eilutę.

221
00:09:22,230 --> 00:09:24,890
Atkreipkite dėmesį, kad tai identiškas
PHP bet ne dolerio ženklas.

222
00:09:24,890 --> 00:09:27,120
Ir tai yra kažkas, mes
pradėsite matyti daugiau šiandien

223
00:09:27,120 --> 00:09:30,990
kuriuo turite objektą
su raktais ir vertybes.

224
00:09:30,990 --> 00:09:32,990
O jei norite išbandyti
daryti išvadą, nuo praėjusių week--

225
00:09:32,990 --> 00:09:34,730
sintaksė yra šiek tiek kitoks.

226
00:09:34,730 --> 00:09:39,740
Bet šiek tiek normalumas check-- kiek
raktai ar šis objektas, atrodo, turi?

227
00:09:39,740 --> 00:09:40,850
Taigi matau keturi.

228
00:09:40,850 --> 00:09:43,560
Matau du.

229
00:09:43,560 --> 00:09:44,680
>> Taigi tai tikrai du.

230
00:09:44,680 --> 00:09:47,260
Taigi tai yra kolekcija
dvi pagrindinės vertės poromis.

231
00:09:47,260 --> 00:09:49,820
Svarbiausia yra simbolis, kurio vertė yra FB.

232
00:09:49,820 --> 00:09:52,620
Svarbiausia yra kaina, kurios vertė yra 101.53.

233
00:09:52,620 --> 00:09:54,230
Taigi tie du pagrindiniai vertės poros.

234
00:09:54,230 --> 00:09:58,120
Ir atminkite, PHP-- ir tai dar kartą
tiesiog tarsi sintaksės skirtumas.

235
00:09:58,120 --> 00:10:00,170
Tai dar ne viskas, kad
intelektualiai įdomu.

236
00:10:00,170 --> 00:10:04,610
PHP galėjo parašyta tas pats
dalyko kaip follows-- citata, lygus.

237
00:10:04,610 --> 00:10:06,730
Ir aš galiu pasikeisti juos laužtiniuose skliaustuose.

238
00:10:06,730 --> 00:10:11,240
Ir tada aš jį pakeisti
kotiruojama žodis "kaina".

239
00:10:11,240 --> 00:10:12,500
Ir tada aš ne naudoti dvitaškis.

240
00:10:12,500 --> 00:10:15,060
Ką aš naudoju praėjusią savaitę?

241
00:10:15,060 --> 00:10:18,290
Taip, lygybės ženklas
arrow funky notacijos.

242
00:10:18,290 --> 00:10:21,470
>> Ir tada aš tą patį čia.

243
00:10:21,470 --> 00:10:23,580
Tas pats čia.

244
00:10:23,580 --> 00:10:24,240
Ir tai viskas.

245
00:10:24,240 --> 00:10:27,752
Taigi, tai gerai, jei tai nebuvo
tikrai nuskendo į atmintį tik

246
00:10:27,752 --> 00:10:29,960
dar, nes tai tikrai
intelektualiai neįdomu.

247
00:10:29,960 --> 00:10:31,660
Tai tiesiog sintaksines skirtumus.

248
00:10:31,660 --> 00:10:33,230
Bet idėjos yra lygiai tas pats.

249
00:10:33,230 --> 00:10:35,910
Viduje šio kintamojo
citata JavaScript

250
00:10:35,910 --> 00:10:39,020
yra raktas vertės porų rinkimo,
viena iš kurių yra simbolis, iš kurių vienas

251
00:10:39,020 --> 00:10:39,690
yra kaina.

252
00:10:39,690 --> 00:10:42,340
Ir aš galiu gauti ne šių vertybių
su tokia sintakse.

253
00:10:42,340 --> 00:10:46,280
Tiesiog kaip PHP, galėjau
kažką daryti like-- tegul

254
00:10:46,280 --> 00:10:48,590
man padaryti šis langelis šiek tiek didesni.

255
00:10:48,590 --> 00:10:52,750
Tiesiog kaip PHP, galėjau
padaryti this-- oh, Dammit.

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

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

258
00:10:56,350 --> 00:11:00,800
>> Tiesiog kaip PHP-- Gerai, mes
tiesiog naudokite vedėjas pastabas.

259
00:11:00,800 --> 00:11:06,010
Tiesiog kaip PHP, galiu
padaryti $ citata $ quote ["simbolis"],

260
00:11:06,010 --> 00:11:08,860
ir tai bus man
iš vertė "simboliu."

261
00:11:08,860 --> 00:11:12,800
Be JavaScript, tai bus
identiški, kuriuo aš galiu tik daryti tai.

262
00:11:12,800 --> 00:11:14,850
Vienintelis dalykas, kad
trūksta doleris ženklas.

263
00:11:14,850 --> 00:11:17,470
>> Taigi pakankamai gražiai, tada, ten
ne visi, kad daug naujo sintaksė.

264
00:11:17,470 --> 00:11:21,025
Taigi, ką šiandien turime sutelkti dėmesį į tikrai, yra
kai idėjų ir programų.

265
00:11:21,025 --> 00:11:22,900
Ir pirmas toks
programa, kuri jums gali

266
00:11:22,900 --> 00:11:26,090
mačiau, jei nėrė į pset
septynių jau tai sintaksė.

267
00:11:26,090 --> 00:11:28,980
Taigi pset septyni, jei jūs
matė ar nematė dar,

268
00:11:28,980 --> 00:11:33,570
žinau, kad ten yra failas, mes suteikiame
Jūs vadinamas config.json-- JavaScript

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

270
00:11:34,661 --> 00:11:35,160
Kodėl?

271
00:11:35,160 --> 00:11:39,540
Mes norėjome, kad būtų galima suteikti Jums su
šablonas su kai kurių pagrindinių vertės poromis.

272
00:11:39,540 --> 00:11:44,290
Mes norėjome, kad būtų galima suteikti jums sąrašą
priimančiosios, iš serverio pavadinimą.

273
00:11:44,290 --> 00:11:46,710
Mes norėjome suteikti jums
vietaženklio savo vardą

274
00:11:46,710 --> 00:11:48,210
ir slaptažodžio vietos rezervavimo.

275
00:11:48,210 --> 00:11:49,410
Jei nematote
Tai dar ne nerimauti.

276
00:11:49,410 --> 00:11:51,340
Daugiau apie tai pset septynių
[? spec. ?] Ir tada,

277
00:11:51,340 --> 00:11:53,173
Akivaizdu, kad mes norime jums
užpildyti su-DOS

278
00:11:53,173 --> 00:11:55,310
nes kai įeinate į
CS50 IDE, kiekvienas iš jūsų

279
00:11:55,310 --> 00:11:57,630
turėti savo vartotojo vardą ir slaptažodį.

280
00:11:57,630 --> 00:12:00,910
>> Taigi, mes galime jau naudojamas pustuzinis
ar daugiau skirtingų failų formatus.

281
00:12:00,910 --> 00:12:02,940
Mes galėjome naudoti .txt failą.

282
00:12:02,940 --> 00:12:04,570
Mes galime naudoti CSV failą.

283
00:12:04,570 --> 00:12:06,745
Galėtume kada atliekamas su
INI failas XML failą,

284
00:12:06,745 --> 00:12:09,370
visa krūva daugiau akronimai, kad
galbūt ne kada nors girdėjote.

285
00:12:09,370 --> 00:12:11,244
Tai tipo savavališkas
Dienos pabaigoje.

286
00:12:11,244 --> 00:12:16,030
Bet super populiarus šių dienų yra tekstas
formatas vadinamas JSON-- JavaScript objektas

287
00:12:16,030 --> 00:12:18,460
Notation--, kad atrodo taip.

288
00:12:18,460 --> 00:12:20,890
Tai šiek tiek paslaptingas,
bet pastebėsite modelius.

289
00:12:20,890 --> 00:12:24,180
Jūs pradedate su atvira Curly
petnešomis, ir jūs galų su tuo pačiu.

290
00:12:24,180 --> 00:12:26,550
Viduje, kad yra kažkas.

291
00:12:26,550 --> 00:12:27,920
Tai pagrindinis vertė pora.

292
00:12:27,920 --> 00:12:30,580
Taigi, tai yra objektas, kad aš
žiūri į ekraną čia

293
00:12:30,580 --> 00:12:33,690
kad turi vieną raktą, kuris turi vieną reikšmę.

294
00:12:33,690 --> 00:12:37,610
Ir tik išvadą remdamasis
Ankstesnis modelis, kas yra raktas čia?

295
00:12:37,610 --> 00:12:39,790
Duomenų bazės, dalykas
iš gaubtinės kairysis.

296
00:12:39,790 --> 00:12:43,500
>> Dabar, vertė, atsitinka būti
Daugkartinio linijos šiuo metu.

297
00:12:43,500 --> 00:12:46,760
Bet vertė prasideda garbanotas
petnešomis ir baigiasi su garbanotais petnešomis.

298
00:12:46,760 --> 00:12:49,480
Taigi, ką siūlytumėte yra
tipas duomenų bazės vertę?

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

300
00:12:52,160 --> 00:12:54,670
Žodynas arba tik daugiau
glaustai, objektas.

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

302
00:12:55,170 --> 00:13:00,010
Tai tipo duomenų struktūrą,
galite naudoti kitas struktūras per save.

303
00:13:00,010 --> 00:13:02,750
Taigi, jei visas šis dalykas, mes
Skambinimas object-- ir objektą

304
00:13:02,750 --> 00:13:07,101
yra tik raktas vertės pairs-- kiść
vertė pati duomenų bazėje yra objektas.

305
00:13:07,101 --> 00:13:10,350
Dėl duomenų vertė turi visa krūva
pagrindinių verčių porų, kurių pirmasis

306
00:13:10,350 --> 00:13:13,130
yra priimančiosios, tada pavadinimą, tada
vardą, tada slaptažodį

307
00:13:13,130 --> 00:13:17,550
kiekvieno iš jų reikšmės, tuo tarpu, tai
tiesiog nuobodus eilutę kabutes.

308
00:13:17,550 --> 00:13:19,770
>> Taigi, net jei tai nėra
Super aišku nėra,

309
00:13:19,770 --> 00:13:22,740
žinau, kad tai tik
standartas, gana nuobodus būdas

310
00:13:22,740 --> 00:13:25,190
saugoti duomenis standartiniu formatu.

311
00:13:25,190 --> 00:13:27,700
Tačiau bendras klaidų jums
gali padaryti net pset septyni,

312
00:13:27,700 --> 00:13:32,120
yra mažai kvailų dalykų, pavyzdžiui, jei jums
netyčia praleisti kablelį ten.

313
00:13:32,120 --> 00:13:34,900
Tai ketina sukelti failo
nebūtinai yra įskaitomas.

314
00:13:34,900 --> 00:13:38,191
Jei netyčia praleisti dalykų, pavyzdžiui,
Citatos, ji nesiruošia būti įskaitomas.

315
00:13:38,191 --> 00:13:41,654
Taigi tai gana nitpicky failo formatas,
bet tai vienas, kad super bendra.

316
00:13:41,654 --> 00:13:44,820
Ir mes atsitikti jį naudoti, nors
Jums nereikia naudoti bet kokią JavaScript kitaip,

317
00:13:44,820 --> 00:13:46,330
į pset septyni.

318
00:13:46,330 --> 00:13:46,860
>> Gerai.

319
00:13:46,860 --> 00:13:48,110
Taigi nepamirškite šią nuotrauką.

320
00:13:48,110 --> 00:13:51,657
Mes kalbėjome apie, HTML, tai
kodas gali atrodyti taip.

321
00:13:51,657 --> 00:13:54,740
Tai hiperteksto kalba
[Nesigirdi] dėl teisingo "Hello, World".

322
00:13:54,740 --> 00:13:57,570
Bet tada mes pasiūlėme
o atgal, kad jei jis padeda,

323
00:13:57,570 --> 00:14:00,210
galbūt norėsite pradėti galvoti
apie tai jau kaip medį.

324
00:14:00,210 --> 00:14:03,730
Iš tiesų, įdubimas, kad mes
naudoti tik skaitomumas labui

325
00:14:03,730 --> 00:14:05,610
ar stiliui dėlei apie
kairė gali rūšies

326
00:14:05,610 --> 00:14:10,040
būti išverstas į šio medžio, kur jums
turėti tam tikrą specialią šaknų mazgas, kad mes

327
00:14:10,040 --> 00:14:16,860
bendrine vadinamas dokumentas, žemiau kurios
yra šaknis HTML elementas arba žyma, HTML,

328
00:14:16,860 --> 00:14:19,980
kuri tada turi du
vaikai, galvos ir kūno.

329
00:14:19,980 --> 00:14:21,750
>> Ir tada savo ruožtu, vadovas turi pavadinimą.

330
00:14:21,750 --> 00:14:23,440
Ir pavadinimas turi teksto reikšmę.

331
00:14:23,440 --> 00:14:26,130
Ir kūno panašiai yra teksto reikšmę.

332
00:14:26,130 --> 00:14:29,220
Taigi, jei esate patenkintas posakis
kad taip, galite pasinaudoti šia HTML

333
00:14:29,220 --> 00:14:32,080
ir nupiešti kaip paveikslėlį
to, dešinė pusė

334
00:14:32,080 --> 00:14:35,910
yra gražus psichikos modelis, nes dabar
kad mes turime JavaScript, programavimo

335
00:14:35,910 --> 00:14:39,960
kalba, kad naršyklių gali
vykdyti ir interpretuoti už jus,

336
00:14:39,960 --> 00:14:42,690
paaiškėja, kad tai, ką
mes apie tai, kodu

337
00:14:42,690 --> 00:14:45,320
yra pradėti manipuliuoti tai
medžio struktūra atmintyje.

338
00:14:45,320 --> 00:14:47,070
Neturime statyti
Į atminties medis.

339
00:14:47,070 --> 00:14:49,880
Neturime daryti tarsi
pset penkių stiliaus duomenų struktūra

340
00:14:49,880 --> 00:14:50,650
sudėtingumas.

341
00:14:50,650 --> 00:14:54,610
Naršyklė, pakankamai gražiai, ant
Aiškinant HTML viršaus į apačią,

342
00:14:54,610 --> 00:14:58,600
kairę arba į dešinę, yra tiesiog ketiname
ranka mums rodyklė ekvivalentą

343
00:14:58,600 --> 00:15:00,840
tai visą medį nemokamai.

344
00:15:00,840 --> 00:15:02,150
Ji visa sunkaus darbo.

345
00:15:02,150 --> 00:15:05,520
Štai ką "Mozilla" ir "Apple
ir kiti padarė dėl mūsų.

346
00:15:05,520 --> 00:15:09,400
>> Ir su JavaScript mes ketiname
turėti galimybę kontroliuoti ir keisti ir daryti

347
00:15:09,400 --> 00:15:12,910
įdomių dalykų
kad medis, kitaip žinomas

348
00:15:12,910 --> 00:15:15,880
kaip DOM ar Document Object Model.

349
00:15:15,880 --> 00:15:17,110
Kokie dalykai?

350
00:15:17,110 --> 00:15:19,030
Na, it turns out, kad
JavaScript, ten

351
00:15:19,030 --> 00:15:22,800
Ši skalbimo sąrašas
įvykiai, kurie gali vykti.

352
00:15:22,800 --> 00:15:26,330
Ir mes tikrai ne naudojamas, kad
Žodis nes savaitę nulio ir pset

353
00:15:26,330 --> 00:15:28,240
nuliui, kai mes kalbėjome apie nulio.

354
00:15:28,240 --> 00:15:31,390
Dauguma iš jūsų turbūt nesinaudojo
in savo Scratch projekto renginys.

355
00:15:31,390 --> 00:15:33,850
Tačiau jums gali prisiminti
paprastas "Marco Polo

356
00:15:33,850 --> 00:15:36,760
Pavyzdžiui, kai mes turėjome du
animacinius, kurių vienas sako: "Marco.

357
00:15:36,760 --> 00:15:40,180
Kitas kurių tada, kai klausymo
ir klausos, kad įvykį, sakė, polo.

358
00:15:40,180 --> 00:15:42,080
Jei ne, nedvejodami
pažvelgti atgal, kad toli atgal.

359
00:15:42,080 --> 00:15:44,450
>> Bet tai tik
pasakyti, ir jūs galite rūšies

360
00:15:44,450 --> 00:15:47,730
numanyti iš šių pavadinimų
dalykų, JavaScript, it turns out,

361
00:15:47,730 --> 00:15:53,200
ketina duoti mums kelią klausytis
už pelę žemyn arba pelės einame

362
00:15:53,200 --> 00:15:57,920
arba raktas žemyn arba raktas
einame arba onSubmit onselect

363
00:15:57,920 --> 00:15:59,740
arba onresizing kažką.

364
00:15:59,740 --> 00:16:03,060
Kitaip tariant, bet koks fizinis poveikis
kad žmogus gali imtis su naršykle

365
00:16:03,060 --> 00:16:08,210
kad jūs kiekvieną dieną, galite parašyti
kodas, kad klauso šių įvykių

366
00:16:08,210 --> 00:16:10,220
ir tada daro kažką tinkamo.

367
00:16:10,220 --> 00:16:14,130
>> Pavyzdžiui, jei jūs naudojate "Google Maps",
kas atsitiks, jei paspausite ir Perkelti

368
00:16:14,130 --> 00:16:16,250
pelė, paprastai?

369
00:16:16,250 --> 00:16:17,758
Jei spustelėkite ir vilkite?

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

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

372
00:16:21,701 --> 00:16:22,200
Būtent.

373
00:16:22,200 --> 00:16:23,159
Žemėlapis pradeda judėti.

374
00:16:23,159 --> 00:16:25,616
Taigi galite rūšiuoti pamatyti, kas
Čionai, kas ten.

375
00:16:25,616 --> 00:16:27,130
Ir kaip veikia "Google" įgyvendina tai?

376
00:16:27,130 --> 00:16:29,421
Na, matyt, jie
naudojant iš šių atveju pora

377
00:16:29,421 --> 00:16:31,720
klausytojų, vienas, kad
sako, klausytis ant pelės

378
00:16:31,720 --> 00:16:35,410
down-- todėl, kai vartotojas fiziškai
stumia savo manipuliatorių arba jo pele

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

380
00:16:36,010 --> 00:16:38,350
Ir tada mes ieškome
kažkas panašaus judėjimo

381
00:16:38,350 --> 00:16:41,145
arba kai kitas įvykis, kad
leidžia mums fiksuoti pasipriešinimą.

382
00:16:41,145 --> 00:16:45,910
Ir iš tiesų, vilkite yra panašiai tai
dot dot dot sąrašą galimų variantų.

383
00:16:45,910 --> 00:16:49,140
>> Taigi tai bus galingas
būdas pradėti reaguojant į naudotojo

384
00:16:49,140 --> 00:16:52,824
net kol jis ar ji iš tikrųjų paspaudžia
kažkas aiškiau, kaip pateikti.

385
00:16:52,824 --> 00:16:55,240
Tačiau mes ketiname pristatyti
pora temų ten.

386
00:16:55,240 --> 00:16:58,570
Bet pirmiausia leiskite pereiti
tam tikru faktinio kodą.

387
00:16:58,570 --> 00:17:01,450
Taigi, aš ruošiuosi eiti
į priekį ir atverti Dom-0,

388
00:17:01,450 --> 00:17:05,869
kuris yra labai paprastas pavyzdys
čia, kad jei aš priartinti tiesiog

389
00:17:05,869 --> 00:17:08,500
turi šią įvestį čia man.

390
00:17:08,500 --> 00:17:12,410
Ir aš ruošiuosi eiti į priekį ir įveskite
"David" mano vardu ir spustelėkite Pateikti.

391
00:17:12,410 --> 00:17:17,940
>> Ir tada, nors tarsi pigiai, aš
šią eilutę, kad pasirodo, kad sako,

392
00:17:17,940 --> 00:17:19,244
"Sveiki, Davidas!"

393
00:17:19,244 --> 00:17:21,740
Taigi tai yra natūra
Kaip ir mūsų "Labas, pasauli"

394
00:17:21,740 --> 00:17:25,150
kad mes padarėme tikrą laiką atgal C
net PHP, nes aš dinamiškai

395
00:17:25,150 --> 00:17:26,310
išvedamas mano vardą.

396
00:17:26,310 --> 00:17:28,230
Galiu padaryti kažkieno vardą čia.

397
00:17:28,230 --> 00:17:31,240
Galėčiau tiesiog pakeisti tai,
kaip Ona, spustelėkite Pateikti.

398
00:17:31,240 --> 00:17:33,780
Ir iš tiesų, mažai pop-up pokyčiai.

399
00:17:33,780 --> 00:17:36,650
>> Dabar, pop-ups yra vienas iš
dauguma skriaudžiamos bruožai internete.

400
00:17:36,650 --> 00:17:38,520
Ir iš tikrųjų, atgal
Dieną pop-up blokatorius

401
00:17:38,520 --> 00:17:40,820
atėjo į mados, nes jus
būtų eiti tam tikru website--

402
00:17:40,820 --> 00:17:43,604
gal abejotina place--
kad būtų staiga

403
00:17:43,604 --> 00:17:46,020
pradėti peppering ekraną
su visa krūva pop-ups.

404
00:17:46,020 --> 00:17:49,700
Ir taip šis gebėjimas pop-up
langai priešais vartotojui

405
00:17:49,700 --> 00:17:52,372
nebuvo ypač
žmonijos gerai gavo.

406
00:17:52,372 --> 00:17:54,080
Štai kodėl jūs matote
Ši išvengti dalykas,

407
00:17:54,080 --> 00:17:55,706
kurie tiesiog daro visa tai, ką negraži.

408
00:17:55,706 --> 00:17:57,996
Taigi mes ketiname need a
geresnis būdas paskatinti vartotoją.

409
00:17:57,996 --> 00:17:59,350
Bet dabar, kad, atrodo, į darbą.

410
00:17:59,350 --> 00:18:03,320
Taigi tiesiog intuityviai, ką
atrodo, vyksta čia?

411
00:18:03,320 --> 00:18:07,870
Aš einu į priekį ir spustelėkite Pateikti ir
tada kažkas vyksta, aiškiai.

412
00:18:07,870 --> 00:18:12,870
Bet kas nevyksta, kad nutiko
Praėjusią savaitę bet kuriuo metu aš spustelėjote Pateikti?

413
00:18:12,870 --> 00:18:15,940
Ką neatsitiko ekrane?

414
00:18:15,940 --> 00:18:17,170
Atsiprašome?

415
00:18:17,170 --> 00:18:18,010
Perkrauti.

416
00:18:18,010 --> 00:18:19,720
URL nepakeitė ne visiems.

417
00:18:19,720 --> 00:18:22,250
Aš pasakiau tai buvo Dom-0,
ir aš vis dar ne dom-0.

418
00:18:22,250 --> 00:18:26,890
Paprastai, mes norime gauti pasikeitė kai kurių kitų
URL, pavyzdžiui, register.php arba panašiai.

419
00:18:26,890 --> 00:18:29,560
>> Bet net kai aš atmesti
spustelėdami Gerai tai, ką,

420
00:18:29,560 --> 00:18:32,310
Atkreipkite dėmesį, kad URL
lieka visiškai įdėti.

421
00:18:32,310 --> 00:18:35,350
Ir, iš tiesų, jei aš šiek tiek
skeptiškai, leiskite man atverti Chrome ".

422
00:18:35,350 --> 00:18:36,860
Leiskite man atverti skirtuką Network.

423
00:18:36,860 --> 00:18:38,360
Ir pastebėsite, kad tai tuščias metu.

424
00:18:38,360 --> 00:18:40,700
Leiskite man eiti į priekį ir iš naujo Maria.

425
00:18:40,700 --> 00:18:42,810
Nėra tinklo srautą kokia.

426
00:18:42,810 --> 00:18:44,320
Taigi nėra HTTP.

427
00:18:44,320 --> 00:18:47,620
>> Taigi iš tiesų, jei žiūriu kodą
už this-- leiskite uždaryti šį langą

428
00:18:47,620 --> 00:18:49,480
ir eiti Žiūrėti kodą.

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

430
00:18:50,400 --> 00:18:53,520
Atrodo, ten kai
Naujų žodžius, tarp jų scenarijų.

431
00:18:53,520 --> 00:18:57,490
Taigi tegul per CS50 išvaizdą
IDE, ką aš išsiuntė vartotojui.

432
00:18:57,490 --> 00:19:00,690
>> Taigi čia is-- tegul
sutelkti dėmesį tik į HTML.

433
00:19:00,690 --> 00:19:03,500
Štai apačioje pusė dom-0.html.

434
00:19:03,500 --> 00:19:07,830
Ir pastebėsite, kad jis gavo pavadinimą,
galvos žymeles, kūnas žymeles, forma žymė.

435
00:19:07,830 --> 00:19:11,257
Bet kas šuoliai jums, kaip
skiriasi, ypač jei jūs niekada

436
00:19:11,257 --> 00:19:12,590
parašyta sau bet "JavaScript".

437
00:19:12,590 --> 00:19:14,920
Leiskite man pereiti šiek tiek
į dešinę čia.

438
00:19:14,920 --> 00:19:18,330
Aš turiu įvestį,
kitas indėlis pateikti.

439
00:19:18,330 --> 00:19:21,410
Aš turiu ID, kuris yra tipo naujas.

440
00:19:21,410 --> 00:19:22,790
Bet mes matome tai su CSS.

441
00:19:22,790 --> 00:19:24,480
Kas kita yra tikrai naujo?

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

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

444
00:19:30,580 --> 00:19:32,140
Gražus.

445
00:19:32,140 --> 00:19:32,760
>> Gerai.

446
00:19:32,760 --> 00:19:35,630
Taigi, kur ji sako onSubmit,
pastebėti, kas atrodo sekti.

447
00:19:35,630 --> 00:19:38,740
Tai požymis
HTML nomenklatūrą.

448
00:19:38,740 --> 00:19:40,944
Jo vertė yra tai cituojamą eilutė čia.

449
00:19:40,944 --> 00:19:42,860
Ir tai atrodo šiek tiek
keista iš pirmo žvilgsnio.

450
00:19:42,860 --> 00:19:44,050
Tai ne HTML.

451
00:19:44,050 --> 00:19:45,240
Tai ne CSS.

452
00:19:45,240 --> 00:19:47,580
Tai, kaip jūs galite atspėti, "JavaScript".

453
00:19:47,580 --> 00:19:51,850
Taigi atrodo, kad pastatytas į tai
interneto puslapis yra funkcija vadinama Greet.

454
00:19:51,850 --> 00:19:54,250
Ir aš išvadą, kad tik
nes tai žodis, sveikinasi.

455
00:19:54,250 --> 00:19:55,880
Jis gavo atvirą paren,
Artimų paren, kabliataškis.

456
00:19:55,880 --> 00:19:58,095
Atrodo, C funkcija,
atrodo kaip PHP funkcijai.

457
00:19:58,095 --> 00:20:00,370
>> Ir iš tiesų, jis ketina
būti funkcija JavaScript.

458
00:20:00,370 --> 00:20:01,440
Tada aš grįžta klaidinga.

459
00:20:01,440 --> 00:20:03,440
Mes grįžti į
kad vos akimirką.

460
00:20:03,440 --> 00:20:05,320
Bet kur yra apibrėžta ši funkcija?

461
00:20:05,320 --> 00:20:07,950
Na leiskite slinkite aukštyn
į failo viršuje.

462
00:20:07,950 --> 00:20:11,710
Ir nors tai ilgas linija,
tai gana paprasta.

463
00:20:11,710 --> 00:20:15,000
Leiskite nutolinti čia ir
sutelkti dėmesį į šių keturių eilučių.

464
00:20:15,000 --> 00:20:17,137
>> Taigi JavaScript, tiesiog
kaip PHP, jūs tiesiog

465
00:20:17,137 --> 00:20:19,720
tarkim, tiesiog žodis "funkcija",
iš funkcijos vardas,

466
00:20:19,720 --> 00:20:22,700
ir tada skliausteliuose su bet
arguments-- jokių argumentų šiuo atveju.

467
00:20:22,700 --> 00:20:25,290
Ir nėra grįžimas tipas
JavaScript, tik norėčiau PHP.

468
00:20:25,290 --> 00:20:29,470
Taigi tai šiek tiek laisvesnės nei C.
Atidaryti garbanotas petnešomis, netoli garbanotas petnešomis.

469
00:20:29,470 --> 00:20:33,270
Įtaisyta JavaScript yra function--
nerekomenduojamas function--

470
00:20:33,270 --> 00:20:35,730
bet funkcija vadinama perspėjimas
kurių vienintelis tikslas gyvenime

471
00:20:35,730 --> 00:20:38,620
yra atsigriebti, kad gana negraži
greitai, kad mes matėme prieš momentas.

472
00:20:38,620 --> 00:20:40,950
>> Dabar tai yra rūšies gurkšnis.

473
00:20:40,950 --> 00:20:42,560
Kas čia vyksta?

474
00:20:42,560 --> 00:20:45,840
Taigi pradėkime su
pabrėžti viską čia.

475
00:20:45,840 --> 00:20:48,540
Tai tas pats argumentas įspėti.

476
00:20:48,540 --> 00:20:49,530
Ir kas vyksta?

477
00:20:49,530 --> 00:20:51,200
Tai tiesiog atrodo kaip eilutę.

478
00:20:51,200 --> 00:20:59,180
Ir it turns out, skirtingai PHP ir skirtingai nuo
C nesvarbu JavaScript

479
00:20:59,180 --> 00:21:01,090
jei jūs vieniši arba dvigubomis kabutėmis.

480
00:21:01,090 --> 00:21:02,060
Jie bus lygiaverčiai.

481
00:21:02,060 --> 00:21:03,769
Ir tiesą sakant, tai tik
populiarus šių dienų

482
00:21:03,769 --> 00:21:06,726
už JavaScript programuotojai visada
Viengubomis kabutėmis dėl kokios nors priežasties.

483
00:21:06,726 --> 00:21:07,840
Tai tiesiog, ką reikia padaryti.

484
00:21:07,840 --> 00:21:09,710
Bet mes galime naudoti dvigubas kabutes, taip pat.

485
00:21:09,710 --> 00:21:11,540
>> Taigi plius yra naujas veikėjas.

486
00:21:11,540 --> 00:21:14,512
Bet tie iš jūsų, kurie jau padarė
prieš tai, ką plius reiškia?

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

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

489
00:21:17,120 --> 00:21:18,570
Taigi mes matėme tai PHP.

490
00:21:18,570 --> 00:21:20,315
Yra tik taškas
operatorius PHP, kad

491
00:21:20,315 --> 00:21:22,000
bus Jungiant dvi eilutes kartu.

492
00:21:22,000 --> 00:21:24,000
C buvo kaklo skausmas tai padaryti.

493
00:21:24,000 --> 00:21:27,310
Prisiminkite iš pset šešių, kuris buvo
especial skausmas, kaklo,

494
00:21:27,310 --> 00:21:29,470
Jums reikės naudoti
kažkas panašaus strcat

495
00:21:29,470 --> 00:21:31,660
po paskirstant atminties
ant klojinio ar krūvą.

496
00:21:31,660 --> 00:21:34,243
Jūs turėjote šokti per lankus
tik Jungiant dvi eilutes.

497
00:21:34,243 --> 00:21:36,040
Be JavaScript, tai super paprasta.

498
00:21:36,040 --> 00:21:38,030
Tiesiog naudokite pliuso operatorių tarp jų.

499
00:21:38,030 --> 00:21:41,420
>> Taigi sudėtingas ieško
dalykas atrodo tai

500
00:21:41,420 --> 00:21:43,490
nes pabaigoje
Visa tai eilutė, aš tiesiog

501
00:21:43,490 --> 00:21:45,797
Jungiant ant šauktuko.

502
00:21:45,797 --> 00:21:48,380
Taigi, jei kas buvo Popping buvo
"Sveiki, Davidas", "labas, Ona,"

503
00:21:48,380 --> 00:21:52,740
"Labas, Marija", ir taip toliau, aiškiai
kad vidutinio dalykas tarp dviejų

504
00:21:52,740 --> 00:21:55,215
pliusai turi duoti man prieigą prie ko?

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

506
00:21:58,855 --> 00:22:01,991
Kas ten tikrai?

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

508
00:22:02,490 --> 00:22:05,090
Taigi aš bandau čia
atsakyti savo vardą, tiesa?

509
00:22:05,090 --> 00:22:10,380
Taigi jų pavadinimas popped up finale
rezultatas. Taigi, ką tai reiškia?

510
00:22:10,380 --> 00:22:15,080
Na, aš pasiūliau anksčiau, kad
nuotrauka, vadinamasis DOM

511
00:22:15,080 --> 00:22:18,580
turi šią ypatingą root elementą
kelią iki aukščiausio vadinamas dokumentas.

512
00:22:18,580 --> 00:22:21,660
Ir dabar, it turns out, kad vyksta
yra ypatingas pasaulinė kintamasis

513
00:22:21,660 --> 00:22:25,250
JavaScript, pastatytas į kurią yra
visa krūva naudingos funkcijos.

514
00:22:25,250 --> 00:22:31,770
Tarp naudinga funkcija yra
Galimybė gauti bet palikuonis mazgas.

515
00:22:31,770 --> 00:22:37,760
Tos kvadratų arba stačiakampių formomis ar elipsės
yra tik mazgai medyje, taip sakant.

516
00:22:37,760 --> 00:22:41,850
>> Taigi paaiškėja, kad pastatytas į
JavaScript dokumente objektas

517
00:22:41,850 --> 00:22:47,300
yra funkcija, kitaip žinoma kaip
metodas, kad vadinama getElementById.

518
00:22:47,300 --> 00:22:50,410
Už skambina sintaksė
JavaScript funkcija

519
00:22:50,410 --> 00:22:55,220
tai yra viduje daiktu ar
kintamasis yra tik su dot žymėjimo.

520
00:22:55,220 --> 00:22:57,950
Ir mes tai matė C
ką konstrukto sintaksė.

521
00:22:57,950 --> 00:23:03,530
Jūs matote tai pset septyni, rūšies,
rūšiuoti, kai pamatysite CS50 :: užklausą.

522
00:23:03,530 --> 00:23:08,070
Dvitaškis dvitaškis PHP yra dar vienas
būdas skambinti funkcija, kad yra

523
00:23:08,070 --> 00:23:09,260
viduje tam tikru daiktu.

524
00:23:09,260 --> 00:23:11,960
>> Bet dabar JavaScript,
tai tik taškas.

525
00:23:11,960 --> 00:23:14,170
Ir taip ši funkcija,
pakankamai gražiai, rūšies

526
00:23:14,170 --> 00:23:16,810
sako, kas tai does-- gauti elementą pagal ID.

527
00:23:16,810 --> 00:23:20,280
Elementas yra tik dar vienas vardas
už tegus arba mazgo DOM.

528
00:23:20,280 --> 00:23:26,900
Ir taip gauti elementą pagal ID "pavadinimas"
reiškia this-- čia mano HTML.

529
00:23:26,900 --> 00:23:31,910
Ir remiantis šio HTML, ką
mazgas ar ką HTML tegus aš esu

530
00:23:31,910 --> 00:23:35,097
ketina programiškai būti paskelbtas
paskambinę document.getElementById?

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

532
00:23:37,650 --> 00:23:38,500
>> Taip, tiksliai.

533
00:23:38,500 --> 00:23:42,670
Aš ruošiuosi gauti įvestį
elementas yra kurio ID yra "vardas."

534
00:23:42,670 --> 00:23:45,140
Taigi būtent, jūs galite
galvoti apie šią funkciją,

535
00:23:45,140 --> 00:23:49,560
getElementById, kaip užleidimas
atgal žymiklį į tą konkrečią mazgas

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

537
00:23:50,060 --> 00:23:51,980
Mes ne parengtas šis
medis, bet tai būdas

538
00:23:51,980 --> 00:23:54,900
gauti prieigą prie šios
stačiakampis arba stačiakampis

539
00:23:54,900 --> 00:23:58,090
iki unikaliai identifikuojantis jį per savo ID.

540
00:23:58,090 --> 00:23:59,760
>> Dabar, kodėl tai naudinga?

541
00:23:59,760 --> 00:24:01,510
Na, it turns out
kad kai jūs Dotarłeś

542
00:24:01,510 --> 00:24:07,220
kad mazgas, kad Stačiakampis matuojant nuo
nuotrauka, kad viduje ji mazgas,

543
00:24:07,220 --> 00:24:10,660
savo ruožtu, yra visa krūva
properties-- raktas vertės poros

544
00:24:10,660 --> 00:24:13,480
arba duomenų, iš kurių vienas yra vadinamas vertė.

545
00:24:13,480 --> 00:24:16,500
Taigi pažodžiui, tai tipo Kurių
kąsnis paaiškinti visa tai.

546
00:24:16,500 --> 00:24:19,370
Bet tuo dienos pabaigoje,
visa tai daro, yra suteikti jums

547
00:24:19,370 --> 00:24:23,070
eilutė, vartotojas turi įvesti
Šioje hierarchinę mados.

548
00:24:23,070 --> 00:24:24,820
Bet aš nepatinka
pora iš šių dalykų.

549
00:24:24,820 --> 00:24:27,590
Arba, tiksliau, ten kai smalsumas dar.

550
00:24:27,590 --> 00:24:28,870
Visa tai atrodė dirbti.

551
00:24:28,870 --> 00:24:33,420
Kodėl manote, kad grįžau
klaidinga po skambina pasveikinti?

552
00:24:33,420 --> 00:24:35,910
Tai atrodo šiek tiek negraži, kad
Turiu du teiginiai yra

553
00:24:35,910 --> 00:24:38,730
atskirti kabliataškiais.

554
00:24:38,730 --> 00:24:39,310
Spėk.

555
00:24:39,310 --> 00:24:44,390
Jei aš pašalinti return false, ką
gali atsitikti, tiesiog instinktyviai?

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

557
00:24:46,990 --> 00:24:49,460
Atsiprašome, pakartokite dar kartą?

558
00:24:49,460 --> 00:24:50,530
>> Atidarykite Windows krūva.

559
00:24:50,530 --> 00:24:52,780
Taigi potencialiai gal kažkas
kaip kad nutiktų.

560
00:24:52,780 --> 00:24:54,422
Kas dar?

561
00:24:54,422 --> 00:24:55,630
Gali pateikti prašymą Kur?

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

563
00:24:59,109 --> 00:25:00,510
Tame pačiame puslapyje Kad.

564
00:25:00,510 --> 00:25:03,110
Taigi, iš tiesų, tai, kad
arčiau atsakyti čia

565
00:25:03,110 --> 00:25:05,890
nors, skirtingai nuo
praeityje, aš ne

566
00:25:05,890 --> 00:25:09,300
nurodyta veiksmų atributas,
kuris paprastai mes turime daryti.

567
00:25:09,300 --> 00:25:11,780
Pasirodo, ten pagal nutylėjimą.
Jei nenurodysite veiksmų,

568
00:25:11,780 --> 00:25:15,370
tai tarsi sakydamas pasiūlymą, citatos pabaiga
arba pati failo pavadinimą,

569
00:25:15,370 --> 00:25:17,850
kuri šiuo atveju būtų
būti, pavyzdžiui, dom-0.html.

570
00:25:17,850 --> 00:25:20,420
Tai tiesiog rūšies numanomas,
ar veikiau reiškė.

571
00:25:20,420 --> 00:25:22,420
>> Ir todėl, jei aš ne tai, tegul pastebėti.

572
00:25:22,420 --> 00:25:23,230
Leiskite man išsaugoti tai.

573
00:25:23,230 --> 00:25:25,270
Ir aš pašalinta return false.

574
00:25:25,270 --> 00:25:27,759
Leiskite man grįžti į šį
pavyzdys ir jėga perkrauti.

575
00:25:27,759 --> 00:25:30,800
Ir jūs galėjote matyti mane rodo
tai ant CS50 aptarti keletą kartų krūva.

576
00:25:30,800 --> 00:25:34,560
Jei kas nors kada nors veikiantis funky ir
naršyklės nesielgia kaip tikitės,

577
00:25:34,560 --> 00:25:37,410
Neretai jūs norite turėti
Shift ir tada spustelėkite Atnaujinti.

578
00:25:37,410 --> 00:25:41,480
Tai privers kiekvieną failą į perkraukite
o ne naudoti naršyklės talpyklą vietos

579
00:25:41,480 --> 00:25:47,032
arba kopija, kad dabar leiskite man eiti į priekį ir
atverti savo inspektorius, skirtuką Network.

580
00:25:47,032 --> 00:25:48,740
Aš ruošiuosi spustelėkite
Išsaugoti Prisijungti nes aš

581
00:25:48,740 --> 00:25:51,660
nenoriu, kad ji ištrinti eilutes
kartą aš turiu vis iš plakinio toli kitur.

582
00:25:51,660 --> 00:25:54,650
>> Leiskite man eiti į priekį ir čia
tipo Ieva, spustelėkite Pateikti.

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

584
00:25:55,150 --> 00:25:56,480
Tai atrodo taip, kaip tikėtasi.

585
00:25:56,480 --> 00:25:57,440
Jis sako: "Labas, Ieva".

586
00:25:57,440 --> 00:25:59,420
Leiskite spustelėkite Gerai.

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

588
00:26:00,610 --> 00:26:05,100
Atkreipkite dėmesį, kad puslapis pasikeitė,
nors į pradinį puslapį.

589
00:26:05,100 --> 00:26:06,770
Atkreipkite dėmesį į URL rūšies pasikeitė.

590
00:26:06,770 --> 00:26:09,430
Ji pridūrė, klaustuką,
kuris paprastai yra rodiklis,

591
00:26:09,430 --> 00:26:11,260
kad mes bandėme pateikti kažką.

592
00:26:11,260 --> 00:26:13,570
Ir tada apačioje,
dar aiškiai,

593
00:26:13,570 --> 00:26:17,570
Čia yra tikrasis HTTP užklausa,
kuris gavo 200 atsaką,

594
00:26:17,570 --> 00:26:18,490
atvedė mane atgal čia.

595
00:26:18,490 --> 00:26:20,250
>> Taigi tai yra ne kas
mes norime padaryti, tiesa?

596
00:26:20,250 --> 00:26:22,166
Nes aš nenoriu
perkrauti visą puslapį.

597
00:26:22,166 --> 00:26:24,970
Aš vietoj norėjo grįžti
klaidinga taip trumpojo jungimo

598
00:26:24,970 --> 00:26:28,840
Naršyklė pagal nutylėjimą elgesys, kuris
buvo, žinoma, pateikti puslapį.

599
00:26:28,840 --> 00:26:31,700
>> Taigi leiskite pažvelgti į išvaizdą
nežymiai geresnis pavyzdys.

600
00:26:31,700 --> 00:26:33,920
Tai Namas versija viena.

601
00:26:33,920 --> 00:26:36,680
Ir pastebite tokius dalykus.

602
00:26:36,680 --> 00:26:39,150
Tai gerai, jei jūs neturite Grok
visi kodo linijų.

603
00:26:39,150 --> 00:26:41,750
Bet kas iš esmės skiriasi
apie šį įgyvendinimą?

604
00:26:41,750 --> 00:26:44,690
Aš nustatyta, kad elgiasi
tas pats, daro tą patį.

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

606
00:26:49,320 --> 00:26:51,570
Ką aš akivaizdžiai daroma kitaip?

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

608
00:26:52,266 --> 00:26:53,182
>> Auditorija: [nesigirdi].

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

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

611
00:27:04,170 --> 00:27:08,620
Taigi funkcija yra apibrėžta differently--
Kitaip tariant, nesant nuo formos,

612
00:27:08,620 --> 00:27:13,180
ten on-line 7-- arba
o, linija 8-- nebėra

613
00:27:13,180 --> 00:27:15,070
padaryti turiu onsubmit atributas.

614
00:27:15,070 --> 00:27:16,750
Ankstesniame pavyzdyje, aš turėjo tai.

615
00:27:16,750 --> 00:27:18,530
Ir tada aš tiesiog parašiau savo kodą čia.

616
00:27:18,530 --> 00:27:20,210
Ir tada aš pasakiau return false.

617
00:27:20,210 --> 00:27:22,180
Ir jei jis nebuvo patrinti
Jūs neteisingas būdas dar,

618
00:27:22,180 --> 00:27:26,140
ji turėtų pradėti kiek
kaip, kaip HTML,

619
00:27:26,140 --> 00:27:29,530
kai mes pradėjome bendradarbiauti susilieti ją
su CSS stiliaus atributus,

620
00:27:29,530 --> 00:27:32,890
jis tiesiog pradėjo gauti šiek tiek
nepatogus ar jaustis šiek tiek negerai.

621
00:27:32,890 --> 00:27:35,020
>> Panašiai čia, jei
pradėdami vartoti HTML,

622
00:27:35,020 --> 00:27:37,419
ir tada jūs automatiškai
pūkštelėti šiek JavaScript kodą

623
00:27:37,419 --> 00:27:40,460
viduryje kotiruojamos eilutę, tai
nesiruošia būti labai aptarnavimo.

624
00:27:40,460 --> 00:27:40,630
Teisė?

625
00:27:40,630 --> 00:27:43,690
Tai net ne akivaizdu, ne pirmas
Vieta, kurioje JavaScript kodas.

626
00:27:43,690 --> 00:27:46,590
Taigi būtų tikrai gražus, kaip
Dėl geresnio dizaino principas,

627
00:27:46,590 --> 00:27:50,500
tegul saugo mūsų HTML visiškai
atskirti iš mūsų JavaScript.

628
00:27:50,500 --> 00:27:53,150
>> Taigi, kaip tai padaryti, ką mes
padaryti čia yra following--

629
00:27:53,150 --> 00:27:56,790
mes tiesiog naudoti HTML tik žymėjimo.

630
00:27:56,790 --> 00:28:00,730
Ir taip variante vienas iš to, visi
Turiu yra forma su unikaliu identifikatoriumi.

631
00:28:00,730 --> 00:28:04,630
Ir tada žemyn čia, aš pasinaudojant
iš ypatumas JavaScript

632
00:28:04,630 --> 00:28:08,480
kuriuo galiu turėti tai, kas
vadinamas anoniminė funkcija.

633
00:28:08,480 --> 00:28:14,150
Taigi paaiškėja, kad jei aš vadinu
document.getElementById iš "demo"

634
00:28:14,150 --> 00:28:18,890
tai kaip suteikti man žymeklį į
tai mazgas mano medis, forma elementas,

635
00:28:18,890 --> 00:28:20,100
taip sakant.

636
00:28:20,100 --> 00:28:22,220
>> Dabar, aš tiesiog žinau, iš
žinant HTML tiek

637
00:28:22,220 --> 00:28:26,330
dabar mes perskaitęs kai internete
nuoroda, kad forma elementas palaiko

638
00:28:26,330 --> 00:28:29,950
visa krūva renginių listeners-- į
Kitaip tariant, skalbiniai sąrašas renginį

639
00:28:29,950 --> 00:28:31,700
klausytojų, kad mes matėme prieš akimirką.

640
00:28:31,700 --> 00:28:35,950
Aš žinau, skaityti dokumentus
kad onSubmit yra galiojantis įvykis

641
00:28:35,950 --> 00:28:38,520
klausytojas už forma elementas.

642
00:28:38,520 --> 00:28:41,480
>> Taigi, kai aš žinau, kad
tai saugu man daryti

643
00:28:41,480 --> 00:28:45,390
following-- gauti, kad mazgas
iš medžio, forma elementas,

644
00:28:45,390 --> 00:28:48,070
ir pasiekite jo vadinamasis
onSubmit nuosavybė.

645
00:28:48,070 --> 00:28:49,880
Taigi taškas tiesiog reiškia,
tai yra objekto,

646
00:28:49,880 --> 00:28:52,180
kaip specialios vertės viduje jo.

647
00:28:52,180 --> 00:28:55,590
Ir kas duomenų tipas aš esu
paskiriant, matyt,

648
00:28:55,590 --> 00:28:58,900
į onsubmit, kuris yra
efektyviai viduje kintamasis

649
00:28:58,900 --> 00:29:01,010
tos mazgo medžio?

650
00:29:01,010 --> 00:29:04,100
Tai viduje tos struct laukas.

651
00:29:04,100 --> 00:29:05,810
Kas yra duomenų tipas?

652
00:29:05,810 --> 00:29:07,030
>> Funkcija, taip.

653
00:29:07,030 --> 00:29:08,607
Taigi paaiškėja, kad PHP turi tai.

654
00:29:08,607 --> 00:29:10,440
Ir nors mes
nebuvo papasakoti apie tai,

655
00:29:10,440 --> 00:29:16,240
C taip pat turi funkcija patarimų, kad
gebėjimas perduoti ir priskirti funkcijas

656
00:29:16,240 --> 00:29:18,330
kaip patys kintamieji "vertybes.

657
00:29:18,330 --> 00:29:20,280
Ir mes neketiname
regresuoti atgal į C.

658
00:29:20,280 --> 00:29:23,250
Bet dabar, paaiškėja, kad
ant dešinėje pusėje čia

659
00:29:23,250 --> 00:29:26,260
nors ji atrodo šiek tiek
funky, tai reiškia, ei naršyklė,

660
00:29:26,260 --> 00:29:27,550
man funkciją.

661
00:29:27,550 --> 00:29:30,560
Nesiruošiu net vargintis suteikiant
tai vardas, nes aš tiesiog

662
00:29:30,560 --> 00:29:34,450
ketina priskirti tegul ją vadina
šios funkcijos adresas

663
00:29:34,450 --> 00:29:35,994
nedelsiant onsubmit.

664
00:29:35,994 --> 00:29:39,160
Kitaip tariant, naršyklė, jums nereikia
žinoti, ką ši funkcija vadinama.

665
00:29:39,160 --> 00:29:41,890
Jums tiesiog reikia žinoti
kur ji yra atmintyje.

666
00:29:41,890 --> 00:29:44,210
Ir taip pakanka tik
turi vienodą ženklą ten

667
00:29:44,210 --> 00:29:48,240
o ne nerimauti pavadinti tai, kaip
foo ar pasveikinti ar bet koks kitas žodis.

668
00:29:48,240 --> 00:29:50,150
O dabar tai tik stilistinė dalykas.

669
00:29:50,150 --> 00:29:53,100
Galėčiau perkelti šį garbanotas petnešomis
ant the-- sorry-- kitą eilutę

670
00:29:53,100 --> 00:29:54,750
kaip mes paprastai padaryti CS50.

671
00:29:54,750 --> 00:29:57,550
Bet JavaScript, tai
iš tikrųjų stilistiškai bendra

672
00:29:57,550 --> 00:30:00,450
tiesiog išlaikyti garbanotas petnešomis, The
Pirmasis, tą pirmą eilutę.

673
00:30:00,450 --> 00:30:02,620
>> Bet toliau, ten
nieko įdomaus.

674
00:30:02,620 --> 00:30:05,830
Tai atvira garbanotas petnešomis tik
atriboja mano funkcija pradžios.

675
00:30:05,830 --> 00:30:09,320
Ši funkcija yra dabar
identiški, išskyrus aš

676
00:30:09,320 --> 00:30:11,452
įtraukti return false
viduje šios funkcijos.

677
00:30:11,452 --> 00:30:13,160
Kadangi paaiškėja out--
ir tik darytumėte

678
00:30:13,160 --> 00:30:14,980
žinau, tai iš skaitymo
documentation--

679
00:30:14,980 --> 00:30:19,740
kad jei šią funkciją, kad jūs priskirti
į onSubmit prižiūrėtojas False,

680
00:30:19,740 --> 00:30:23,420
naršyklė tiesiog žino ir sutinka,
ne pateikti formą į serverį.

681
00:30:23,420 --> 00:30:27,210
Jei jis grąžina true, tai bus pateikti
jį į dėl priežasčių, matysime serverį

682
00:30:27,210 --> 00:30:28,700
yra naudingi tik akimirką.

683
00:30:28,700 --> 00:30:31,000
>> Ir tada kabliataškis po
garbanotieji petnešomis ten tiesiog

684
00:30:31,000 --> 00:30:32,541
reiškia Atlikau apibrėžti funkciją.

685
00:30:32,541 --> 00:30:36,600
Jūs žinote, ką vadiname kuo greičiau
išgirsite pasiūlymą.

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

687
00:30:37,100 --> 00:30:40,650
Tai vis dar be abejo rūšies negraži.

688
00:30:40,650 --> 00:30:42,190
Taigi, ką mes galime padaryti daugiau?

689
00:30:42,190 --> 00:30:45,000
>> Na, it turns out tada
versija du, kuris yra last--

690
00:30:45,000 --> 00:30:46,780
ir mes tiesiog žvilgsnis į tai.

691
00:30:46,780 --> 00:30:49,850
Tuo priėmimo rizikos
jis mažiau akivaizdus, ​​it turns out

692
00:30:49,850 --> 00:30:52,160
kad yra biblioteka
pasaulis vadinamas JQuery.

693
00:30:52,160 --> 00:30:54,900
Ir JQuery yra super
populiarus JavaScript biblioteka

694
00:30:54,900 --> 00:30:57,930
tai toks populiarus, kad dauguma
bet JavaScript-- tai ne

695
00:30:57,930 --> 00:31:00,540
neįprasta, kad žmonės painioja
JQuery JavaScript.

696
00:31:00,540 --> 00:31:01,070
Kodėl?

697
00:31:01,070 --> 00:31:04,990
Pati JavaScript turi labai
VERBOSE būdai daro Quake

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

699
00:31:07,820 --> 00:31:10,510
Jūs galų gale, turintys labai
ilgas eilutes kodo.

700
00:31:10,510 --> 00:31:15,550
>> Taigi kolegos pavadintas John Resid,
kurie iš tikrųjų dirba paleisties

701
00:31:15,550 --> 00:31:18,630
iki šių dienų, išėjo
su šios bibliotekos metų

702
00:31:18,630 --> 00:31:22,070
prieš, kad daugelis žmonių prisidėjo
į vadinamas JQuery, kad keičiasi

703
00:31:22,070 --> 00:31:23,449
Į tokiu būdu sintaksė.

704
00:31:23,449 --> 00:31:25,740
Ir tik todėl jūs mačiau tai,
nes jūs visada

705
00:31:25,740 --> 00:31:28,140
pamatyti, jei darai
žiniatinklio galutinis projektas,

706
00:31:28,140 --> 00:31:33,270
tai būtų lygiavertis būdas
įgyvendinant tą pačią funkciją, naudodami

707
00:31:33,270 --> 00:31:34,630
Šis specialus biblioteka.

708
00:31:34,630 --> 00:31:36,680
>> Dabar, o ne Tease
jis be jos visumą,

709
00:31:36,680 --> 00:31:38,520
tegul tiesiog pažvelgti į kai kuriuos modelius.

710
00:31:38,520 --> 00:31:44,850
Ši sintaksė atrodo,
kiek anoniminiai funkcijos

711
00:31:44,850 --> 00:31:49,584
ar bevardis funkcijos
arba AKA lambda funkcijos?

712
00:31:49,584 --> 00:31:50,190
Du, tiesa?

713
00:31:50,190 --> 00:31:52,690
Ir jūs žinote, kad, net jei
Jūs nesate Super patogūs su tuo,

714
00:31:52,690 --> 00:31:55,780
tiesiog tuo, kad ji
sako funkcija () du kartus.

715
00:31:55,780 --> 00:31:58,172
>> Ir paaiškėja, kad
kas tai yra doing-- kodas

716
00:31:58,172 --> 00:32:01,255
ir mes kreiptis į interneto nuorodomis,
galiausiai, kai su šiuo pagalba.

717
00:32:01,255 --> 00:32:04,480
Tai tiesiog reiškia, kad kai
dokumentas yra paruoštas,

718
00:32:04,480 --> 00:32:07,490
eiti į priekį ir registruotis
taip funkcija

719
00:32:07,490 --> 00:32:12,064
kaip pateikti prižiūrėtojas HTML
elementas, kurio unikali idėja yra demo.

720
00:32:12,064 --> 00:32:14,480
Ir tada, kai tai atsitiks,
skambinti šias dvi eilutes kodo.

721
00:32:14,480 --> 00:32:18,677
Ir tai yra, tragiškai, labiau
daugiažodis būdas pasakyti return false.

722
00:32:18,677 --> 00:32:21,510
Ir mes paminėti tai tik todėl, kad
pamatysite kodą, kaip šioje interneto.

723
00:32:21,510 --> 00:32:23,140
Ir tai nieko būti išsigandę.

724
00:32:23,140 --> 00:32:26,057
Bet, o, turėkite omenyje, kad tai, kas
bus paplitusi JavaScript

725
00:32:26,057 --> 00:32:26,765
tai paradigma.

726
00:32:26,765 --> 00:32:29,510
Ir taip, tai kodėl mes parodysime jį dabar.

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

728
00:32:30,010 --> 00:32:32,730
Taigi be gyvenamųjų per
kiek tą sintaksę,

729
00:32:32,730 --> 00:32:37,800
ten yra kokių nors klausimų apie
Šie pavyzdžiai ar idėjos iki šiol?

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

731
00:32:38,300 --> 00:32:40,220
Taigi leiskite naudoti šį kažką naudingo.

732
00:32:40,220 --> 00:32:47,070
Padaryti puslapį, kuris tiesiog sako labas,
taip ir taip yra ne visi, kad įdomus,

733
00:32:47,070 --> 00:32:47,830
ne underwhelm.

734
00:32:47,830 --> 00:32:51,038
Tai vienas nesiruošia būti gražus,
bet ji ketina padaryti kažką naudingo.

735
00:32:51,038 --> 00:32:56,350
Leiskite man grįžti į savo katalogą
čia ir atverti, tarkim, forma-0.html.

736
00:32:56,350 --> 00:32:59,320
>> Taigi manau, tai yra pirmakursis
vidines sporto registracija puslapis

737
00:32:59,320 --> 00:33:01,780
be jokių CPT arba bet dizaino prasme.

738
00:33:01,780 --> 00:33:05,404
Ir aš noriu eiti į priekį ir
Registruokis čia su slaptažodžiu.

739
00:33:05,404 --> 00:33:08,320
Ir aš ruošiuosi sutinkate su sąlygomis
sąlygos ir spauskite mygtuką "Registruotis.

740
00:33:08,320 --> 00:33:11,700
Ir dabar svetainėje sako: "Tu esi
registruotas! (Na, tikrai ne). "

741
00:33:11,700 --> 00:33:15,070
Tai atrodo kaip jis dirbo, bet
leiskite man eiti į priekį ir priversti Atnaujinti.

742
00:33:15,070 --> 00:33:18,720
>> Ir leiskite man pasakyti, ne, jūs ne
reikia mano tikrąjį elektroninio pašto adresą.

743
00:33:18,720 --> 00:33:21,820
O gal mes tiesiog pasakyti laišką ten.

744
00:33:21,820 --> 00:33:25,080
Slaptažodis bus, kaip, 12345.

745
00:33:25,080 --> 00:33:28,810
Ir tada, tik todėl, kad aš
idiotas, dabar tai 123456789.

746
00:33:28,810 --> 00:33:31,150
Ir aš nesiruošia patikrinti savo dėžutę.

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

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

749
00:33:32,350 --> 00:33:34,920
Taigi ten ir turėjo keletą galimybių
tobulinti čia.

750
00:33:34,920 --> 00:33:39,070
Ir žinote, ar pamatysite pset
septyni, kad galite rašyti code--

751
00:33:39,070 --> 00:33:41,890
ir jūs turėsite rašyti
kodas PHP-- ginti

752
00:33:41,890 --> 00:33:45,780
prieš šių Viskas rūšių
klaidos, nes vartotojas aiškiai

753
00:33:45,780 --> 00:33:46,790
nebendradarbiavo.

754
00:33:46,790 --> 00:33:49,680
Ir jis ar ji jums nedavė visi
vertina jūs norėjote ar net formatu

755
00:33:49,680 --> 00:33:50,630
kad jūs norėjo juos.

756
00:33:50,630 --> 00:33:53,250
Taigi jūs pamatysite pset septynių
mes tikrai gali turėti tam tikrą

757
00:33:53,250 --> 00:33:55,680
Jei sąlygos, kad pasakyti
jei elektroninio pašto adresą

758
00:33:55,680 --> 00:33:59,450
nėra username@something.edu,
mes galime tik

759
00:33:59,450 --> 00:34:02,575
pasakyti atsiprašau ir atsiprašyti vartotojui
daug, kaip jūs galite būti pset septyni.

760
00:34:02,575 --> 00:34:05,700
Arba, jei jie nebuvo patikrinti tą langelį,
Pasirodo, PHP, galite aptikti, kad

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

762
00:34:06,200 --> 00:34:09,389
Ir, žinoma, jei slaptažodžius
nesutampa, kaip register.php

763
00:34:09,389 --> 00:34:11,521
už pset septyni, galite aptikti, kad.

764
00:34:11,521 --> 00:34:13,770
Bet tai yra skausmas
kaklo, kad dabar jie prašo

765
00:34:13,770 --> 00:34:15,510
mums pereiti visą kelią į serverį.

766
00:34:15,510 --> 00:34:17,053
Vartotojas informuojamas apie klaidą.

767
00:34:17,053 --> 00:34:19,219
Ir bent jau nebent jūs naudojate
kai mėgėjas būdai,

768
00:34:19,219 --> 00:34:20,929
dabar jie turi paspausti rodyklę atgal.

769
00:34:20,929 --> 00:34:23,300
Ar nebūtų puiku, kaip
daug svetainių šiandien

770
00:34:23,300 --> 00:34:26,190
jei jums buvo greitesnis
Atsiliepimai, akimirksniu?

771
00:34:26,190 --> 00:34:31,389
>> Kitaip tariant, leiskite man eiti į versiją
vienas, kuris bus ne gražiau.

772
00:34:31,389 --> 00:34:33,469
Bet ji turi šią funkciją.

773
00:34:33,469 --> 00:34:39,590
Malan, 12345, 123456789, ne
ketina pažymėkite langelį, uržegitruokite.

774
00:34:39,590 --> 00:34:41,330
Slaptažodžiai nesutampa.

775
00:34:41,330 --> 00:34:44,459
Taigi, nors tai pop-up yra ugly--
mes galime pakeisti tai galiausiai

776
00:34:44,459 --> 00:34:47,000
kažką panašaus bootstrap,
kurį pamatysite pset septynių

777
00:34:47,000 --> 00:34:50,239
yra labai populiarus library-- aš
nustato, kad slaptažodžiai nesutampa.

778
00:34:50,239 --> 00:34:50,739
Gerai.

779
00:34:50,739 --> 00:34:52,530
Na, leiskite man nustatyti, kad vartotojui.

780
00:34:52,530 --> 00:34:55,460
Leiskite man eiti į priekį ir pasakyti 12345, 12345.

781
00:34:55,460 --> 00:34:57,780
Vis dar tikrinti susitarimą.

782
00:34:57,780 --> 00:35:00,210
Turite sutikti su
nuostatos ir sąlygos.

783
00:35:00,210 --> 00:35:01,760
Kodėl?

784
00:35:01,760 --> 00:35:04,100
>> Jei mes jau posited
kad yra būdas,

785
00:35:04,100 --> 00:35:07,260
ir mes jums reikalingas
pset septyni aptikti klaidą

786
00:35:07,260 --> 00:35:09,780
sąlygos, kaip tai
server-side, kodėl turėčiau

787
00:35:09,780 --> 00:35:13,940
nerimauti taip pat daro tai JavaScript?

788
00:35:13,940 --> 00:35:15,850
Kas yra ir argumentas
palankumas pridėti ką

789
00:35:15,850 --> 00:35:18,760
jūs ketinate pamatyti, kaip some--
ten papildomas sudėtingumas.

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

791
00:35:23,610 --> 00:35:25,930
>> Gal nėra aukštyn kojom.

792
00:35:25,930 --> 00:35:26,924
Ką tai galėtų būti?

793
00:35:26,924 --> 00:35:27,840
Auditorija: [nesigirdi].

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

795
00:35:31,132 --> 00:35:32,340
DAVID Malan: O, įdomu.

796
00:35:32,340 --> 00:35:33,530
Galimas išnaudoja.

797
00:35:33,530 --> 00:35:37,540
Taigi tikrai, jei nesate tvarkymo
Klaidingas vartotojo įvestis, kad didelis,

798
00:35:37,540 --> 00:35:40,170
gal tai visi geriau, jei juo
nėra net pasiekti savo serverį.

799
00:35:40,170 --> 00:35:42,160
Norėčiau stumti atgal ten ir
tarkim, jūs tikriausiai turėtų

800
00:35:42,160 --> 00:35:43,284
nustatyti abiejų šių problemų.

801
00:35:43,284 --> 00:35:44,140
Bet tai teisinga.

802
00:35:44,140 --> 00:35:44,710
Kas dar?

803
00:35:44,710 --> 00:35:45,626
>> Auditorija: [nesigirdi].

804
00:35:45,626 --> 00:35:47,970

805
00:35:47,970 --> 00:35:49,014
>> DAVID Malan: Taip.

806
00:35:49,014 --> 00:35:51,680
Šis kodas, kaip mes sakėme anksčiau, yra
aiškinama kliento pusėje.

807
00:35:51,680 --> 00:35:53,846
Ji nesivargina serverį,
tai reiškia, kad nėra

808
00:35:53,846 --> 00:35:55,930
Poveikis serverio apkrova ar gebėjimus.

809
00:35:55,930 --> 00:35:59,840
Ir dabar, tiek senosios mane,
tai neturi reikšmingo poveikio

810
00:35:59,840 --> 00:36:01,970
nes turiu vieną naudotoją dabar.

811
00:36:01,970 --> 00:36:04,010
>> Bet jei jūs bet
svetainė padoraus dydžio,

812
00:36:04,010 --> 00:36:07,400
ypač didžiausias, kaip "Facebook",
daugiau galite išlaikyti žmones nuo

813
00:36:07,400 --> 00:36:09,927
savo serverį, tuo geriau
nes serveryje, žinoma,

814
00:36:09,927 --> 00:36:12,510
turi tik baigtinį kiekį RAM,
baigtinio skaičiaus gigahercų,

815
00:36:12,510 --> 00:36:16,340
baigtinio skaičiaus dalykų
jis gali padaryti per laiko vienetą.

816
00:36:16,340 --> 00:36:19,170
Taigi, jei yra daugiau žmonių
pasaulis pradeda savo serverį,

817
00:36:19,170 --> 00:36:21,750
netyčia prisijungti
neteisingai, lygiai taip pat, jei jus

818
00:36:21,750 --> 00:36:23,254
gali laikyti, kad apkrova ne jūsų serveryje.

819
00:36:23,254 --> 00:36:25,420
Be to, ypač į mobilųjį
device-- jei jūs kada nors

820
00:36:25,420 --> 00:36:29,190
prisijungti my.harvard arba
Yale NetID ar panašiai,

821
00:36:29,190 --> 00:36:32,330
ten tai latentiškumas su daug
svetainės, pavyzdžiui, kad, pagal kurį jis pasiima,

822
00:36:32,330 --> 00:36:34,110
kaip, velniškai antrą arba du kartais.

823
00:36:34,110 --> 00:36:37,979
Ir tada, mano Dieve, jei neteisingai įvedate,
tada jūs turite paspausti atgal ir perdaryti ją.

824
00:36:37,979 --> 00:36:40,520
Taigi ten latentinis, ypač
ant lėtesnių tinklo jungtys.

825
00:36:40,520 --> 00:36:43,030
Bet JavaScript, nes
ji veikia kliento

826
00:36:43,030 --> 00:36:46,720
ir nereikia eiti pirmyn ir atgal
visoje potencialiai lėtas interneto

827
00:36:46,720 --> 00:36:49,780
ryšys, jūs galite gauti
beveik momentinis atsiliepimai.

828
00:36:49,780 --> 00:36:50,760
>> Taigi pažvelkime į tai.

829
00:36:50,760 --> 00:36:54,280
Leiskite man atverti forma-0 ir
pažvelgti į HTML čia.

830
00:36:54,280 --> 00:36:56,040
Ir tegul tik pamatyti, kas vyksta.

831
00:36:56,040 --> 00:36:59,460
Tai yra forma, kurio
veiksmas yra register.php.

832
00:36:59,460 --> 00:37:01,530
Aš tiesiog naudojant gauti tiek
kad galėčiau pamatyti adresą.

833
00:37:01,530 --> 00:37:05,030
Bet slaptažodžiais, mes norime tikrai norite
tai pakeisti, kad galėtumėte iš tikrųjų.

834
00:37:05,030 --> 00:37:06,910
Štai įvesties laukas tipo tekstą.

835
00:37:06,910 --> 00:37:09,050
Štai dar vienas įėjimas
lauko tipo slaptažodžiu.

836
00:37:09,050 --> 00:37:13,150
Čia yra, jei jūs niekada,
AN tipo langelį įėjimas.

837
00:37:13,150 --> 00:37:15,250
>> Tačiau nėra Javaskriptą
čia kokia.

838
00:37:15,250 --> 00:37:18,170
Tai tik HTML, kad
eina į register.php.

839
00:37:18,170 --> 00:37:21,020
Bet versijos viena, kur aš
pradėjo gauti tuos iššokančius langus,

840
00:37:21,020 --> 00:37:23,010
pažiūrėkime, kas iš tikrųjų vyksta čia.

841
00:37:23,010 --> 00:37:26,757
Versijoje vieno, kas
Aš ruošiuosi see-- I

842
00:37:26,757 --> 00:37:29,340
maniau, kad aš galėtų vilkinti pakankamai
su pakankamai žodžiais, bet išbėgau.

843
00:37:29,340 --> 00:37:35,180

844
00:37:35,180 --> 00:37:38,590
>> Versijoje one-- ten einame.

845
00:37:38,590 --> 00:37:43,180
Versijoje vieną, pastebėsite following--
ir nėra geriausia įgyvendinimas,

846
00:37:43,180 --> 00:37:44,420
bet tai mano pirmas.

847
00:37:44,420 --> 00:37:47,680
Atkreipkite dėmesį, kad žemiau
forma, turiu scenarijų žymą.

848
00:37:47,680 --> 00:37:49,430
Ir scenarijų žyma reiškia,
ei, naršyklė, čia

849
00:37:49,430 --> 00:37:52,340
ateina tam tikrą kodą,
Paprastai JavaScript.

850
00:37:52,340 --> 00:37:54,420
Ir dabar, pastebėsite, ką darau.

851
00:37:54,420 --> 00:37:59,070
Apie line-- galiu vos
skaityti it-- 32 eilutėje, jis sako,

852
00:37:59,070 --> 00:38:01,420
var form-- todėl man
kintamasis vadinamas forma.

853
00:38:01,420 --> 00:38:05,049
Ir tada gauti document.getElementId
"registracija".

854
00:38:05,049 --> 00:38:05,590
Kas tai?

855
00:38:05,590 --> 00:38:07,290
Na, leiskite man atsukti čia.

856
00:38:07,290 --> 00:38:11,510
Ir pranešimas, ah, aš davė formos elementą
savavališkas, bet aprašomojo idėja

857
00:38:11,510 --> 00:38:13,050
Registravimo.

858
00:38:13,050 --> 00:38:16,820
Taigi, tai suteikia man kintamąjį, kad
leidžia man patraukti, kad mazgas,

859
00:38:16,820 --> 00:38:19,580
kad stačiakampis medyje vadinamas formą.

860
00:38:19,580 --> 00:38:24,460
form.onsubmit priemonės, ei naršyklė,
užsiregistruoti atveju klausytojas

861
00:38:24,460 --> 00:38:25,470
Šioje formoje.

862
00:38:25,470 --> 00:38:28,890
Kitaip tariant, kai ši forma yra
pateikta, įvykdykite šią kodą.

863
00:38:28,890 --> 00:38:30,810
Tai nereikia, nes vardą
kodėl jums reikia žinoti vardą?

864
00:38:30,810 --> 00:38:32,880
Jums tiesiog reikia žinoti
Ką vykdyti, ERGO

865
00:38:32,880 --> 00:38:35,610
tai anoniminis arba lambda funkcija.

866
00:38:35,610 --> 00:38:37,632
Ir tai funkcija yra
visų šių eilučių čia.

867
00:38:37,632 --> 00:38:40,840
Ir dabar, būti sąžiningais, net jei
gali ne kada nors parašyta JavaScript

868
00:38:40,840 --> 00:38:44,200
anksčiau, tai tik C ir PHP logika.

869
00:38:44,200 --> 00:38:51,720
Taigi, jei form.email.value == "" -
taigi, jei el.pašto laukas yra tuščias,

870
00:38:51,720 --> 00:38:54,980
klykauti vartotojui su "Tu privalai
pateikti savo elektroninio pašto adresą. "

871
00:38:54,980 --> 00:38:58,980
Kita, jei form.password.value
yra tuščias klykauti ne vartotojui,

872
00:38:58,980 --> 00:39:00,400
"Jūs turite nurodyti slaptažodį".

873
00:39:00,400 --> 00:39:04,240
>> Dar įdomiau, logiškai,
jei form.password.value nėra

874
00:39:04,240 --> 00:39:08,630
lygus form.confirmation.value--
kur gi patvirtinimas atėjo?

875
00:39:08,630 --> 00:39:09,470
Leiskite man atgal.

876
00:39:09,470 --> 00:39:12,870
Na, aš pavadino šį įvesties
laukas čia slaptažodį.

877
00:39:12,870 --> 00:39:15,180
Ir aš pašaukiau šį vieną čia patvirtinimas.

878
00:39:15,180 --> 00:39:17,850
Galėjau jį pavadino
slaptažodis du ar kas nors kitas.

879
00:39:17,850 --> 00:39:20,560
Aš tiesiog logiškai tikrinti
, kad šie du yra ta pati.

880
00:39:20,560 --> 00:39:25,760
Else-- it turns out tai p Boole
again-- Būlio vertė, žymės langelį.

881
00:39:25,760 --> 00:39:29,810
Taigi, jei aš sakau, šauktukas point--
jei ne form.agreement.checked,

882
00:39:29,810 --> 00:39:31,820
klykauti vartotojui, taip pat.

883
00:39:31,820 --> 00:39:34,470
>> Taigi tai sintaksė pamatysite yra
Labai dažni JavaScript,

884
00:39:34,470 --> 00:39:35,970
kur jūs turite šį punktyras notacijos.

885
00:39:35,970 --> 00:39:37,460
Jūs pradedate su objektu čia.

886
00:39:37,460 --> 00:39:41,430
Jūs pasinerti giliau į A
panašus slaptažodžiu nuosavybė.

887
00:39:41,430 --> 00:39:43,280
Ir tada jūs gausite savo tikrąją vertę.

888
00:39:43,280 --> 00:39:45,830
Ir vėl, čia yra įėjimas.

889
00:39:45,830 --> 00:39:47,310
Čia yra vardas Slaptažodis.

890
00:39:47,310 --> 00:39:50,860
Ir jos vertė yra nepriklausomai
Žmogaus faktiškai įvedėte.

891
00:39:50,860 --> 00:39:53,610
>> Taigi, visi šie
atvejai, grįžau klaidinga.

892
00:39:53,610 --> 00:39:55,800
Bet jei ne, aš grįžti tiesa.

893
00:39:55,800 --> 00:39:58,030
Ir todėl dabar matome
įtikinamų naudojimas, kai

894
00:39:58,030 --> 00:40:00,620
Jums sugrįš klaidinga
Sustabdyti, ką vartotojas daro

895
00:40:00,620 --> 00:40:03,200
ir padaryti jį arba ją pasirinkti
vėl arba įveskite dar kartą.

896
00:40:03,200 --> 00:40:05,870
Priešingu atveju, mes grįžtame tiesa.

897
00:40:05,870 --> 00:40:08,585
>> Ir leiskite man pristatyti vieną
Kitas variantas tai tik

898
00:40:08,585 --> 00:40:13,140
sėklos šiek tiek suvokimą.

899
00:40:13,140 --> 00:40:16,850
Na, šio 2 versija, forma-2--
Aš tai padaryti su rankoje bangos.

900
00:40:16,850 --> 00:40:19,920
Tai yra, tiems, išvengti,
JQuery versija

901
00:40:19,920 --> 00:40:23,330
Tiems iš jūsų, kurie galbūt norėsite
taškytis toje konkrečioje bibliotekoje.

902
00:40:23,330 --> 00:40:25,145
Bet tegul start-- ir kokių nors klausimų?

903
00:40:25,145 --> 00:40:29,230
Leiskite man pristabdyti metu, nes
kad buvo greitai ir daug.

904
00:40:29,230 --> 00:40:32,610
>> Bet gražus dalykas čia yra tai, kad visi
kodo yra gana daug tą patį.

905
00:40:32,610 --> 00:40:33,985
Nauja medžiaga yra kas yra dom?

906
00:40:33,985 --> 00:40:35,115
Kas tai yra stačiakampiai?

907
00:40:35,115 --> 00:40:35,990
Kokie šie mazgai?

908
00:40:35,990 --> 00:40:37,540
Kas yra anoniminė funkcija?

909
00:40:37,540 --> 00:40:38,830
Kas įvykis prižiūrėtojas?

910
00:40:38,830 --> 00:40:43,480
Bet laimei, dauguma tai tik
pilnas ratas nuo, tarkim, nulinės savaitę.

911
00:40:43,480 --> 00:40:43,980
Gerai.

912
00:40:43,980 --> 00:40:46,070
Taigi kažkas šiek tiek įdomesnis?

913
00:40:46,070 --> 00:40:49,340
Na, visų pirma, leiskite man eiti
į priekį ir atverti Google Maps.

914
00:40:49,340 --> 00:40:53,360
Ir jūs pastebėsite, kad dėl
momentas, nuo sekundės,

915
00:40:53,360 --> 00:40:55,930
pastebėti, kas atsitinka, kai
Aš spustelėkite pakankamai greitai.

916
00:40:55,930 --> 00:40:59,720
Ir tai Harvarde ryšys yra toks
greitai, kad jūs tikrai pastebėti.

917
00:40:59,720 --> 00:41:04,469
Bet ką jūs rūšies tarsi pamatyti
jei aš spustelėkite ir vilkite tikrai greitai?

918
00:41:04,469 --> 00:41:07,010
Tiems iš jūsų, žiūri internete,
Jei lėtai tai 0,5 k greičiu,

919
00:41:07,010 --> 00:41:09,640
matote šį geriau.

920
00:41:09,640 --> 00:41:13,550
>> Kas vyksta tik
Prieš aš spustelėjote ir nutempė?

921
00:41:13,550 --> 00:41:15,900
Leiskite man pabandyti here-- leiskite man padaryti
kažkas, kaip ir 90210.

922
00:41:15,900 --> 00:41:17,550
Vykime toli.

923
00:41:17,550 --> 00:41:19,000
Tai buvo tikrai greitai, per daug.

924
00:41:19,000 --> 00:41:22,460
Kaip apie Disney World?

925
00:41:22,460 --> 00:41:23,190
Čia mes eiti.

926
00:41:23,190 --> 00:41:23,690
GERAI.

927
00:41:23,690 --> 00:41:26,030
Ką jūs matote sekundės?

928
00:41:26,030 --> 00:41:27,200
Tiesiog, kaip, aikštėse, tiesa?

929
00:41:27,200 --> 00:41:28,930
Pamainymai Plytelių?

930
00:41:28,930 --> 00:41:30,270
>> Na, kas vyksta čia?

931
00:41:30,270 --> 00:41:35,410
"Google Maps" yra gražus pavyzdys
Tai technologija, kuri vadinama AJAX.

932
00:41:35,410 --> 00:41:38,510
Ir tai, kai mes pradėsime
naudoti JavaScript ypač

933
00:41:38,510 --> 00:41:39,277
viliojantis būdas.

934
00:41:39,277 --> 00:41:41,610
Atgal į dieną, buvo
Ši svetainė vadinamas MapQuest.

935
00:41:41,610 --> 00:41:44,120
Ir aš turėjo priimtas
Screenshot tai nuo 1990,

936
00:41:44,120 --> 00:41:45,820
kur, jei norite
ieškoti čia žemėlapyje,

937
00:41:45,820 --> 00:41:48,590
jūs tiesiog spustelėkite rodyklę
iki viršuje, kad jums parodė,

938
00:41:48,590 --> 00:41:49,870
kitoks aikštė žemėlapyje.

939
00:41:49,870 --> 00:41:51,790
Jei nori judėti į kairę, jums
paspaudėte rodyklę, kad jums parodžiau

940
00:41:51,790 --> 00:41:53,210
kitoks aikštė žemėlapyje.

941
00:41:53,210 --> 00:41:54,840
Ir keletas svetainių, vis dar tai padaryti šiandien.

942
00:41:54,840 --> 00:41:57,820
Bet net MapQuest turi Dotarłeś
geriau, kaip "Google Maps".

943
00:41:57,820 --> 00:42:01,880
>> Vietoj to, kas geriau tai
dienų yra svetainių, kurios naudoja AJAX.

944
00:42:01,880 --> 00:42:04,510
AJAX-- kitaip žinomas kaip
Asinchroninis JavaScript ir XML,

945
00:42:04,510 --> 00:42:08,370
kuri yra tik išgalvotas būdas pasakyti
technologijų ar metodas, kuris

946
00:42:08,370 --> 00:42:14,200
leidžia naršyklę, naudojant "JavaScript"
atlikti papildomus HTTP užklausas

947
00:42:14,200 --> 00:42:16,390
Po puslapis buvo įkeltas.

948
00:42:16,390 --> 00:42:17,479
Taigi, ką tai reiškia?

949
00:42:17,479 --> 00:42:19,270
Na, tai būtų natūra
erzina Gmail

950
00:42:19,270 --> 00:42:21,103
jei kaskart jūs norėjote
patikrinti savo laiškus,

951
00:42:21,103 --> 00:42:24,940
Jums buvo tiesiog paspauskite Valdymo R arba
Komandų R arba spustelėkite mygtuką Perkrauti

952
00:42:24,940 --> 00:42:26,580
ir visa adyti puslapis būtų perkraukite puslapį.

953
00:42:26,580 --> 00:42:26,800
Teisė?

954
00:42:26,800 --> 00:42:28,460
Būtų flash balta
turbūt sekundę.

955
00:42:28,460 --> 00:42:30,043
Galima būtų pamatyti kvailas juosta.

956
00:42:30,043 --> 00:42:33,170
Ir tik pamatyti, jei jūs turite naują
paštas, visa interneto puslapis ir URL

957
00:42:33,170 --> 00:42:34,580
esate ne tektų iš naujo įkelti.

958
00:42:34,580 --> 00:42:35,960
>> Bet tai dar ne tai, kas vyksta "Gmail".

959
00:42:35,960 --> 00:42:36,459
Teisė?

960
00:42:36,459 --> 00:42:40,300
Kai jūs gaunate naują laišką į
"Gmail", kas vyksta ekrane?

961
00:42:40,300 --> 00:42:41,480
Tai tiesiog rodo, tiesa?

962
00:42:41,480 --> 00:42:44,280
Jis tiesiog stebuklingai atrodo
kaip naujos eilės stalo.

963
00:42:44,280 --> 00:42:47,030
Tai iš tikrųjų yra susijęs su
padoraus dydžio sudėtingumo.

964
00:42:47,030 --> 00:42:51,892
Iš tiesų, jei jūs manote apie šio medžio,
kuris nors yra paprastas vienas iš čia,

965
00:42:51,892 --> 00:42:54,100
Gmail-- ir aš turiu ieškoti
į kodą, kad būtų sure--

966
00:42:54,100 --> 00:42:58,710
tikriausiai turi HTML lentelę arba gal
tikriausias nerūšiuotas sąrašas, kad ji teikia

967
00:42:58,710 --> 00:43:01,060
kiekvienas iš jūsų pašto dėžutę laiškų kaip.

968
00:43:01,060 --> 00:43:04,050
>> Ir todėl, jei jūs galite įsivaizduoti, tai ten
yra atminties, kai jūs medis

969
00:43:04,050 --> 00:43:09,050
naudojant "Gmail", kad atrodo rūšies rūšiuoti
kaip šis, kai "Google" supranta, ooh,

970
00:43:09,050 --> 00:43:12,770
jūs turite naują laišką, jis neturi
norite atstatyti visą medį.

971
00:43:12,770 --> 00:43:16,430
Greičiau, jis nori rasti mazgas
medis, kuris atstovauja savo pašto dėžutę

972
00:43:16,430 --> 00:43:18,580
ir tiesiog įterpti naują viršūnę.

973
00:43:18,580 --> 00:43:24,640
>> Taigi labai panašus į pset penki, kur jūs
turėjo įterpti mazgus į maišos lentelė,

974
00:43:24,640 --> 00:43:28,410
Panašiai daro "Google", per
JavaScript kodą, kad ji parašyta,

975
00:43:28,410 --> 00:43:31,890
Traverse šio medžio, išsiaiškinti, kur
yra tai, kad gautieji lango dalis,

976
00:43:31,890 --> 00:43:33,440
ir tada įterpti naują eilutę.

977
00:43:33,440 --> 00:43:37,460
O nauja eilė tiesiog reiškia vieną
ar daugiau naujų mazgų medį.

978
00:43:37,460 --> 00:43:41,340
>> Ir taip, AJAX yra šis metodas
kuri leidžia būtent tai.

979
00:43:41,340 --> 00:43:44,440
Sukūrę aplankė URL
Tačiau beprotiška ilgai jis yra,

980
00:43:44,440 --> 00:43:46,472
ir kai puslapis yra
buvo pakrautas, vis tiek galite

981
00:43:46,472 --> 00:43:48,430
patraukti daugiau duomenų iš
internet-- ar tai

982
00:43:48,430 --> 00:43:52,460
žinutę siųsti arba iš map-- plytelių
patraukti jį užkulisiuose

983
00:43:52,460 --> 00:43:55,290
ir tada įterpti jį į puslapyje
taip, kad žmogaus tikrai ne

984
00:43:55,290 --> 00:43:56,910
turi laukti už jį.

985
00:43:56,910 --> 00:43:58,980
>> "Facebook" Messenger "veikia taip pat.

986
00:43:58,980 --> 00:44:01,562
Bet kita websites-- skaičius
Oh, iš tikrųjų, net tai.

987
00:44:01,562 --> 00:44:04,270
Aš turiu galvoje, tai yra, tiesą sakant, rūšies
erzina funkcija šių dienų.

988
00:44:04,270 --> 00:44:07,500
Jei aš pradedu ieškoti cats-- tai
rūšies žiaurios vartotojo patirtį.

989
00:44:07,500 --> 00:44:08,990
Jis tiesiog pradeda ieškoti už mane.

990
00:44:08,990 --> 00:44:10,050
Na ką jis daro?

991
00:44:10,050 --> 00:44:12,920
URL nėra tikrai pasikeitė
nes aš pradėjau rašyti.

992
00:44:12,920 --> 00:44:17,330
Bet tai, kas vyksta visoje
wire-- Gerai, hmm įdomu.

993
00:44:17,330 --> 00:44:20,470
Kas vyksta visoje
vielos čia tiesiog gauna weirder.

994
00:44:20,470 --> 00:44:21,090
>> GERAI.

995
00:44:21,090 --> 00:44:24,670
Taigi leiskite man eiti į priekį ir patikrinkite
elementas ir eiti į skirtuką Network

996
00:44:24,670 --> 00:44:27,040
ir pabandyti padaryti tai
techninis ir mažiau apie kates.

997
00:44:27,040 --> 00:44:32,595
Kaip aš tipo, pažodžiui, katės
and-- kas vyksta

998
00:44:32,595 --> 00:44:37,710
per-- Nesiruošiu paspausti, kad.

999
00:44:37,710 --> 00:44:38,210
Gerai.

1000
00:44:38,210 --> 00:44:44,280
Taigi žemyn čia, Kas vyksta kiekvieną
laikas I tipo simbolį, matyt?

1001
00:44:44,280 --> 00:44:45,000
Kaip, žemas lygis?

1002
00:44:45,000 --> 00:44:47,860
Kas vyksta su kiekviena iš tų,
personažus aš rašyti į mano klaviatūros?

1003
00:44:47,860 --> 00:44:48,359
Taip?

1004
00:44:48,359 --> 00:44:50,950
Auditorija: [nesigirdi].

1005
00:44:50,950 --> 00:44:52,340
>> DAVID Malan: Būtent.

1006
00:44:52,340 --> 00:44:55,600
Kiekvienas iš šių simbolių yra
vyksta į "Google", vienu metu.

1007
00:44:55,600 --> 00:44:58,490
Jie kurti eilutę
savo serveryje, kuris atstovauja

1008
00:44:58,490 --> 00:44:59,936
viskas, aš įvedėte iki šiol.

1009
00:44:59,936 --> 00:45:01,810
Ir kiekvieną kartą, kai aš tipo
kitu charakteriu, jie

1010
00:45:01,810 --> 00:45:04,530
naudoti savo slaptą padažu, turinti
paieškos algoritmas ir išsiaiškinti,

1011
00:45:04,530 --> 00:45:07,370
Ar jis reiškia Ši katė puslapį
ar tai katė puslapis ar pan?

1012
00:45:07,370 --> 00:45:10,620
Taigi tam tikra prasme, tai suteikia man
geriau patirtis, kad aš net ne

1013
00:45:10,620 --> 00:45:11,860
reikia užbaigti savo mintį.

1014
00:45:11,860 --> 00:45:14,440
Ir iš tiesų, tai naudinga
dalykas, Automatinis apskritai.

1015
00:45:14,440 --> 00:45:17,690
Jei jų algoritmai yra pakankamai gera
ir jei mano paieškos yra pakankamai akivaizdus,

1016
00:45:17,690 --> 00:45:19,300
Aš neturiu įvesti visą žodį.

1017
00:45:19,300 --> 00:45:22,110
Jie ketina pasakyti man, ką jis
yra aš iš tikrųjų ieško.

1018
00:45:22,110 --> 00:45:25,940
Taigi, ką "Google" ragina momentiniai
paieška tik naudojant AJAX,

1019
00:45:25,940 --> 00:45:30,820
naudojant kodą, kuris leidžia jiems prašyti
Papildoma informacija per interneto naršyklę

1020
00:45:30,820 --> 00:45:34,026
užkulisiuose naudojant šį
nauja kalba, "JavaScript".

1021
00:45:34,026 --> 00:45:35,400
Taigi, mes turime keletą minučių liko.

1022
00:45:35,400 --> 00:45:37,710
Ir leiskite man iškviesti Mano bičiulis
Colton iki ant scenos,

1023
00:45:37,710 --> 00:45:40,090
nes ji atrodė
ypač smagu paskutinį kartą

1024
00:45:40,090 --> 00:45:42,290
pristatyti technologiją
kad kai kurie iš jūsų

1025
00:45:42,290 --> 00:45:44,769
išreiškė susidomėjimą
į galutinių projektų.

1026
00:45:44,769 --> 00:45:47,310
Mes galvojome, kad būčiau įdomus pareikšti
iki savanoris, nors šiandien

1027
00:45:47,310 --> 00:45:50,074
parodyti jums papildymus
tai, kad leidžia you-- taip,

1028
00:45:50,074 --> 00:45:50,990
Mačiau šį ranką pirmas.

1029
00:45:50,990 --> 00:45:52,900
Nagi iki.

1030
00:45:52,900 --> 00:45:53,560
Labai gerai padaryta.

1031
00:45:53,560 --> 00:45:55,035
Šaunuolis.

1032
00:45:55,035 --> 00:45:57,410
Aš ruošiuosi PROJEKTAS Šis ant
Į akimirką ekrane.

1033
00:45:57,410 --> 00:45:58,150
Koks jūsų vardas visiems?

1034
00:45:58,150 --> 00:45:59,180
>> ALE: Aš Efa.

1035
00:45:59,180 --> 00:45:59,410
>> DAVID Malan: Etha?

1036
00:45:59,410 --> 00:45:59,785
>> ALE: Efa.

1037
00:45:59,785 --> 00:46:00,160
>> DAVID Malan: Efa?

1038
00:46:00,160 --> 00:46:00,730
>> ALE: Taip.

1039
00:46:00,730 --> 00:46:01,250
>> DAVID Malan: Malonu Jus matyti.

1040
00:46:01,250 --> 00:46:01,600
Gerai.

1041
00:46:01,600 --> 00:46:02,590
Leiskite gauti tai paruošta.

1042
00:46:02,590 --> 00:46:04,423
Ateik į daugiau kaip į
viduryje Colton čia.

1043
00:46:04,423 --> 00:46:07,050
Kas Colton turi savo rankose
šiandien yra nuotolinio valdymo pultelis.

1044
00:46:07,050 --> 00:46:10,440
Taigi, o ne tiesiog stovėti ten A
trimatis pasaulis dairausi

1045
00:46:10,440 --> 00:46:14,080
kaip tai darė Colton, dabar Efa gali
iš tikrųjų vaikščioti aplink kurią einame,

1046
00:46:14,080 --> 00:46:16,689
žemyn, į kairę ir į dešinę tarsi
"Nintendo" arba "Xbox kontrolierius.

1047
00:46:16,689 --> 00:46:18,230
ALE: Aš ruošiuosi nukristi į sceną.

1048
00:46:18,230 --> 00:46:20,500
DAVID Malan: aš
stovėti maždaug čia.

1049
00:46:20,500 --> 00:46:21,991
Bet, kad yra rizikos.

1050
00:46:21,991 --> 00:46:22,490
GERAI.

1051
00:46:22,490 --> 00:46:25,690
Taigi pirmyn ir įdėti tie ant.

1052
00:46:25,690 --> 00:46:29,315
Leiskite man eiti į priekį ir
pereiti prie ekrano čia.

1053
00:46:29,315 --> 00:46:30,670
Leiskite artimosios šviesos.

1054
00:46:30,670 --> 00:46:32,780
Ir Colton, leiskite man
ateiti stendas šalia tavęs.

1055
00:46:32,780 --> 00:46:35,520
>> Ar norite paaiškinti čia
su MIC, ką mes darome?

1056
00:46:35,520 --> 00:46:36,380
Čia jūs einate.

1057
00:46:36,380 --> 00:46:37,280
>> COLTON: Žinoma.

1058
00:46:37,280 --> 00:46:39,980
Taigi dabar mes
pakrovimo iki Oculus,

1059
00:46:39,980 --> 00:46:43,070
Manau, operating-- neveikia
sistema, tačiau pagrindinė programa, kur

1060
00:46:43,070 --> 00:46:46,630
galite prieiti prie visų žaidimų ir
Programos, kurios yra jūsų bibliotekoje.

1061
00:46:46,630 --> 00:46:50,060
Taigi dabar, ji turėtų pasakyti
bakstelėkite Touchpad pradėti.

1062
00:46:50,060 --> 00:46:53,430
Jutiklinė ketina būti apie
dešinėje pusėje ausines.

1063
00:46:53,430 --> 00:46:54,569
Taigi pirmyn ir tap--

1064
00:46:54,569 --> 00:46:55,110
ALE: Oi, vyras.

1065
00:46:55,110 --> 00:46:56,443
DAVID Malan: Taip, ten jūs einate.

1066
00:46:56,443 --> 00:47:00,340

1067
00:47:00,340 --> 00:47:02,460
Kokybės Pakartotinį pamatyti
yra daug aukštesnės kokybės.

1068
00:47:02,460 --> 00:47:03,831
Tai tik Wi-Fi čia.

1069
00:47:03,831 --> 00:47:05,580
COLTON: Taigi, ką jūs
ketinate norite daryti

1070
00:47:05,580 --> 00:47:08,350
yra pažvelgti į viršų
dešiniajame ekrano kampe.

1071
00:47:08,350 --> 00:47:10,420
Taip, tai žaidimas labai viršuje dešinėje.

1072
00:47:10,420 --> 00:47:14,780
Ir tada, kai jūs pasirinkdami
jis vėl bakstelėkite jutiklinės planšetės.

1073
00:47:14,780 --> 00:47:17,010
Manau, kad jos Dreadhalls.

1074
00:47:17,010 --> 00:47:20,820
Ir tada čia yra a-- čia, tegul
man turėti savo akinius už jus.

1075
00:47:20,820 --> 00:47:24,420

1076
00:47:24,420 --> 00:47:25,790
>> Taigi aš tiesiog davė jam valdiklį.

1077
00:47:25,790 --> 00:47:28,886
Taigi, dabar jis gali kontroliuoti žaidimą.

1078
00:47:28,886 --> 00:47:30,510
Jis gali judėti ir stuff like that.

1079
00:47:30,510 --> 00:47:31,968
Taigi pirmyn ir ieškoti į viršų.

1080
00:47:31,968 --> 00:47:33,640
Jūs turėtumėte pamatyti naują žaidimą.

1081
00:47:33,640 --> 00:47:36,310
Taigi pirmyn, ir jūs galite tai padaryti.

1082
00:47:36,310 --> 00:47:39,320
Dabar, jums turėtų būti suteikta galimybė kontroliuoti
Būk su valdikliu,

1083
00:47:39,320 --> 00:47:43,860
taip pat, kaip tik
žaidimas įkelia čia.

1084
00:47:43,860 --> 00:47:46,356
Tai gali būti šiek tiek baisu.

1085
00:47:46,356 --> 00:47:47,300
>> ALE: Dabar galite man papasakoti.

1086
00:47:47,300 --> 00:47:50,132
GERAI.

1087
00:47:50,132 --> 00:47:51,080
>> COLTON: Visos dešinę.

1088
00:47:51,080 --> 00:47:52,650
Taigi patvirtinti, kad jūs galite judėti.

1089
00:47:52,650 --> 00:47:52,750
GERAI.

1090
00:47:52,750 --> 00:47:53,583
Jūs galite judėti.

1091
00:47:53,583 --> 00:47:54,300
Tobula.

1092
00:47:54,300 --> 00:47:56,470
Taigi, jei jums atrodo žemyn, jūs turite žemėlapį.

1093
00:47:56,470 --> 00:47:58,170
Žemėlapis parodo jums, kur esate.

1094
00:47:58,170 --> 00:47:59,720
Jūs galite ieškoti aplink kambarį.

1095
00:47:59,720 --> 00:48:01,440
Jūs galite visiškai apsisukti.

1096
00:48:01,440 --> 00:48:02,128
Taip, tiksliai.

1097
00:48:02,128 --> 00:48:02,627
Apsisuk.

1098
00:48:02,627 --> 00:48:05,370

1099
00:48:05,370 --> 00:48:07,125
>> Taigi atrodo, kad jūsų pusėje.

1100
00:48:07,125 --> 00:48:09,875
Aš manau, kad yra kažkas, galite
pasiimti ant kambario barelį.

1101
00:48:09,875 --> 00:48:11,709
>> ALE: Kaip aš galiu gauti
žemėlapį iš kelio?

1102
00:48:11,709 --> 00:48:12,375
COLTON: Pažvelkite į viršų.

1103
00:48:12,375 --> 00:48:12,980
Tiesiog ieškoti.

1104
00:48:12,980 --> 00:48:13,480
Gerai.

1105
00:48:13,480 --> 00:48:13,765
Na štai.

1106
00:48:13,765 --> 00:48:15,181
Dabar eikite į priekį ir tiesiog apsisukti.

1107
00:48:15,181 --> 00:48:21,460

1108
00:48:21,460 --> 00:48:24,620
Taigi ieškoti toliau į savo kairę.

1109
00:48:24,620 --> 00:48:25,530
Laikyti juda į kairę.

1110
00:48:25,530 --> 00:48:26,960
Laikyti ieško kairėje.

1111
00:48:26,960 --> 00:48:27,541
Tęsk.

1112
00:48:27,541 --> 00:48:28,040
Taip.

1113
00:48:28,040 --> 00:48:28,720
>> ALE: O, kad taip.

1114
00:48:28,720 --> 00:48:29,261
>> COLTON: Taip.

1115
00:48:29,261 --> 00:48:30,999
Pasivaikščiojimas į jį su valdikliu.

1116
00:48:30,999 --> 00:48:31,540
Na štai.

1117
00:48:31,540 --> 00:48:32,790
Dabar ji turėtų pasakyti pasiimti.

1118
00:48:32,790 --> 00:48:33,360
Na štai.

1119
00:48:33,360 --> 00:48:34,290
Pakelk.

1120
00:48:34,290 --> 00:48:35,550
Gerai.

1121
00:48:35,550 --> 00:48:38,286
Dabar galime išeiti iš šio kambario.

1122
00:48:38,286 --> 00:48:42,209
Eiti į priekį ir eiti į tas duris.

1123
00:48:42,209 --> 00:48:45,000
Taigi, jūs ketinate hold-- ji sako
palaikykite mygtuką priversti jį atvirą.

1124
00:48:45,000 --> 00:48:46,333
Taigi pirmyn ir palaikykite mygtuką.

1125
00:48:46,333 --> 00:48:48,250
Taip, verčia jį atidaryti.

1126
00:48:48,250 --> 00:48:48,750
Gerai.

1127
00:48:48,750 --> 00:48:49,410
Šaunuolis.

1128
00:48:49,410 --> 00:48:50,826
Dabar mes vaikščioti iš kambario.

1129
00:48:50,826 --> 00:48:56,970

1130
00:48:56,970 --> 00:49:01,366
Taigi, aš ruošiuosi palikti pailsėti iki
jums ir pamatyti, ką sužinoti.

1131
00:49:01,366 --> 00:49:02,865
ALE: Nesiruošiu į tamsioje patalpoje.

1132
00:49:02,865 --> 00:49:07,315

1133
00:49:07,315 --> 00:49:07,815
O palauk.

1134
00:49:07,815 --> 00:49:09,314
Dabar aš turiu eiti į tamsią salę?

1135
00:49:09,314 --> 00:49:10,785
Gerai, aš einu atgal [nesigirdi].

1136
00:49:10,785 --> 00:49:15,520

1137
00:49:15,520 --> 00:49:16,270
COLTON: Visos dešinę.

1138
00:49:16,270 --> 00:49:17,560
Kai daugiau elementų pasiimti.

1139
00:49:17,560 --> 00:49:19,370
Atrodo, kad kai kurių monetų.

1140
00:49:19,370 --> 00:49:22,242
Štai spyna pasiimti.

1141
00:49:22,242 --> 00:49:24,200
Taigi, jei radote užrakinta
durys, galite naudoti, kad.

1142
00:49:24,200 --> 00:49:27,755

1143
00:49:27,755 --> 00:49:28,380
Ar tu bijai?

1144
00:49:28,380 --> 00:49:29,371
>> ALE: Dar nėra.

1145
00:49:29,371 --> 00:49:29,871
COLTON: Gerai.

1146
00:49:29,871 --> 00:49:34,850

1147
00:49:34,850 --> 00:49:35,497
>> Pretend-- taip.

1148
00:49:35,497 --> 00:49:37,330
Tiesiog apsimesti esate
iš tikrųjų stovi.

1149
00:49:37,330 --> 00:49:39,580
Ir jei įjungsite around--
jūs turite priprasti prie jo.

1150
00:49:39,580 --> 00:49:40,752
Bet tai turi prasmę.

1151
00:49:40,752 --> 00:49:43,960
DAVID Malan: Ir nors Efa toliau
žaisti, nes mes galime tai padaryti visą dieną,

1152
00:49:43,960 --> 00:49:45,381
mes visi galime TIP-Toe čia.

1153
00:49:45,381 --> 00:49:48,130
Bet mes turime kitas dvi poras,
jei norite ateiti ir žaisti.

1154
00:49:48,130 --> 00:49:49,980
Priešingu atveju, mes matome
kitą kartą, trečiadienį.

1155
00:49:49,980 --> 00:49:51,354
Dėkojame mūsų savanoriui ir šiandien.

1156
00:49:51,354 --> 00:49:52,101
[Plojimai]

1157
00:49:52,101 --> 00:49:54,506

1158
00:49:54,506 --> 00:49:57,392
>> [Muzika - "Seinfeld tema"]

1159
00:49:57,392 --> 00:49:58,222

1160
00:49:58,222 --> 00:50:00,180
GARSIAKALBIS 1: Na, aš
išleisti naują PL montuoti ant.

1161
00:50:00,180 --> 00:50:01,800
Aš tiesiog pakeitė OLPF--

1162
00:50:01,800 --> 00:50:03,980
>> SPEAKER 2: Taigi, kas
tiksliai tu darai?

1163
00:50:03,980 --> 00:50:07,063
>> GARSIAKALBIS 1: Na, kiekvienas iš these--
čia aš jums parodysiu šį vieną čia.

1164
00:50:07,063 --> 00:50:08,690
Galite pamatyti jį čia.

1165
00:50:08,690 --> 00:50:09,510
>> GARSIAKALBIS 3: Manau, kad esu geras su jais.

1166
00:50:09,510 --> 00:50:09,933
Jūs norite šiek tiek daugiau?

1167
00:50:09,933 --> 00:50:11,325
>> GARSIAKALBIS 4: Ne, aš gera. [Nesigirdi].

1168
00:50:11,325 --> 00:50:12,200
>> GARSIAKALBIS 3: Ne, [nesigirdi].

1169
00:50:12,200 --> 00:50:12,700
Ar kai kurie.

1170
00:50:12,700 --> 00:50:21,165

1171
00:50:21,165 --> 00:50:22,290
GARSIAKALBIS 1: skirtingų spalvų.

1172
00:50:22,290 --> 00:50:22,890
SPEAKER 2: Gerai.

1173
00:50:22,890 --> 00:50:26,690
GARSIAKALBIS 1: Taigi galiausiai, kas tai
daro tai sureguliuoja spalvų of--