1
00:00:00,000 --> 00:00:10,632

2
00:00:10,632 --> 00:00:12,340
ALLISON BUCHHOLTZ-AU:
Vredu vsi.

3
00:00:12,340 --> 00:00:13,520
Dobrodošli nazaj na oddelek.

4
00:00:13,520 --> 00:00:15,315
To je naš predzadnji oddelek.

5
00:00:15,315 --> 00:00:16,542
To je tako žalostno.

6
00:00:16,542 --> 00:00:19,500
Ne vem, kaj bom naredil
ne da bi vas videl fantje vsak ponedeljek.

7
00:00:19,500 --> 00:00:20,970
Mislim, da bi morali just--
Mogoče smo lahko samo

8
00:00:20,970 --> 00:00:22,710
izpolnjujejo tukaj in večerjo ali kaj podobnega.

9
00:00:22,710 --> 00:00:23,270
Jaz ne vem.

10
00:00:23,270 --> 00:00:24,370
Jaz bom prinesla hrano, namesto.

11
00:00:24,370 --> 00:00:26,290
Bomo samo govoriti.

12
00:00:26,290 --> 00:00:29,900
Ampak ja, bo naslednji teden
naša zadnja oddelek.

13
00:00:29,900 --> 00:00:32,390
>> Na tej opombi, imate kviz naslednji teden.

14
00:00:32,390 --> 00:00:35,660
Vem, da sem pozabil narediti moj, kot so,
dva tedna vnaprej obvesti o prejšnji teden,

15
00:00:35,660 --> 00:00:39,140
upam pa vidva
Vedel se bo to zgodilo.

16
00:00:39,140 --> 00:00:42,880
Upajmo, da je to ena od zadnjega
izpitih za vaju za semester.

17
00:00:42,880 --> 00:00:46,950
Ampak to se dogaja, da se pokrijejo vsi
Material, ki smo šli skozi.

18
00:00:46,950 --> 00:00:50,811
Torej to ni všeč, si lahko samo pozabi
približno štiri zanke ali spremenljivke.

19
00:00:50,811 --> 00:00:52,560
Ker smo se naučili
tistim v začetku,

20
00:00:52,560 --> 00:00:55,870
tistih, ki so očitno
pošteno igro za vaš kviz.

21
00:00:55,870 --> 00:01:00,150
>> To se dogaja, da isti format, enak
dolžina, zato vas že se uporabljajo za to.

22
00:01:00,150 --> 00:01:02,330
Tam se dogaja, da
kodiranje ročnega problema

23
00:01:02,330 --> 00:01:06,270
morda nekaj res false,
Mogoče nekateri kratek odgovor.

24
00:01:06,270 --> 00:01:08,090
Torej bi morali biti
seznanjeni z obliko,

25
00:01:08,090 --> 00:01:10,940
še posebej, če ste vzeli
testi praksa.

26
00:01:10,940 --> 00:01:13,950
Ampak kot sem rekel sem, da je
kumulativni, vendar smo zagotovo

27
00:01:13,950 --> 00:01:17,410
dogaja se, da se osredotočajo na
stvari iz šestih tedna dalje.

28
00:01:17,410 --> 00:01:24,050
Torej, smo verjetno ne bo
vas vprašati, koliko bajtov

29
00:01:24,050 --> 00:01:26,180
so v vsaki vrsti ali
te vrste stvari,

30
00:01:26,180 --> 00:01:29,730
vendar smo verjetno bo
zanimajo stvari kot povezanih seznamov,

31
00:01:29,730 --> 00:01:32,750
ali različne podatkovne strukture,
ali različni algoritmi

32
00:01:32,750 --> 00:01:33,960
da smo se pogovarjali o tem.

33
00:01:33,960 --> 00:01:38,990
Zato poskrbite, da ste res
in če vas gor na tiste,

34
00:01:38,990 --> 00:01:41,590
potrebujete nobenih sredstev,
tukaj je veliko virov.

35
00:01:41,590 --> 00:01:44,790
Pravkar sem vam dal vrste
za hitro seznama tam.

36
00:01:44,790 --> 00:01:48,330
>> Naslednji teden bo kviz
pregleda v tem času.

37
00:01:48,330 --> 00:01:52,290
Torej, če imate kakršnakoli vprašanja
ali specifične teme,

38
00:01:52,290 --> 00:01:56,180
posebne stvari na kvizu, ki
bi radi, da gredo skozi, prosim

39
00:01:56,180 --> 00:02:01,780
jih pošljite k meni pred časom, tako da sem lahko
vrsta pripravili nekaj materiala za to.

40
00:02:01,780 --> 00:02:06,310
In poleg tega
Pregled oddelek, bomo

41
00:02:06,310 --> 00:02:09,616
širok tok, prav tako se držite
pregleda, kot smo storili zadnjič.

42
00:02:09,616 --> 00:02:11,490
In to se dogaja, da
narejeno z istimi ljudmi.

43
00:02:11,490 --> 00:02:13,030
Ne vem, če je to
omogoča boljše ali slabše,

44
00:02:13,030 --> 00:02:15,670
vendar se dogaja, da se mi,
Hannah, Davan in Gabe znova.

45
00:02:15,670 --> 00:02:18,630
Torej, če želite, da pridejo videti
Vse nas Šala seboj

46
00:02:18,630 --> 00:02:21,270
in sprehod skozi kviz
Pregled, morate definitivno

47
00:02:21,270 --> 00:02:22,600
prišli tudi na ta naslednji ponedeljek.

48
00:02:22,600 --> 00:02:26,210
Torej, boste samo še ponedeljek marmelado
pakirane pregleda kviza, kar je dobro

49
00:02:26,210 --> 00:02:29,840
ker potem imaš torek
obdelati skozi vse.

50
00:02:29,840 --> 00:02:32,230
>> Vendar je vsekakor treba storiti, preverite
iz teh virov.

51
00:02:32,230 --> 00:02:36,030
Study.csv.net je daleč, sem
mislim, eden najbolj koristno,

52
00:02:36,030 --> 00:02:37,990
predvsem zato, ker ima
Veliko vzorčne kode,

53
00:02:37,990 --> 00:02:40,490
ima vse točke moči na
z vsemi pojasnili o tem,

54
00:02:40,490 --> 00:02:44,510
ki so res tisto, kar sem najbolj pripravi
mojih rubriki materialov iz.

55
00:02:44,510 --> 00:02:47,480
Če je kaj v prejšnji
oddelki, ki sem jih lahko poslale

56
00:02:47,480 --> 00:02:49,920
da ne boste imeli
prišel, mi povej.

57
00:02:49,920 --> 00:02:52,520
Podobno oznako vzorca prejšnji teden,
če kdo ni dobil, da

58
00:02:52,520 --> 00:02:55,930
samo email mi ali prihajajo govoriti z menoj,
in bom se prepričajte, da ste dobili to.

59
00:02:55,930 --> 00:03:02,000
>> Torej, s tem, danes se bomo
da bi govorili o JavaScript.

60
00:03:02,000 --> 00:03:04,690
Torej, tukaj smo, Tommy, ki sem bil
samo pogovarjam s tabo sinoči.

61
00:03:04,690 --> 00:03:06,670
Ljubim Tommy.

62
00:03:06,670 --> 00:03:09,040
JavaScript je njegov najljubši
jezik, kot pravi tukaj.

63
00:03:09,040 --> 00:03:14,050
Ti bom poskusil in vam povem, da je to
ni najboljši, in bodo narobe.

64
00:03:14,050 --> 00:03:16,510
Torej Tommy je mojster JavaScript.

65
00:03:16,510 --> 00:03:19,850
Nisem čisto na svojem
ravni, vendar sem si mislil,

66
00:03:19,850 --> 00:03:22,900
"Tommy, kako sem se naučil
ti otroci JavaScript? "

67
00:03:22,900 --> 00:03:26,700
Tako sem dobil nekaj nasvetov, tako da
upajmo, da jim izšlo.

68
00:03:26,700 --> 00:03:31,140
>> Torej, nekaj stvari, ki jih morate vedeti, je, da
JavaScript je scriptinga

69
00:03:31,140 --> 00:03:35,560
jezik, zato ker PHP je nekaj
da smo upoštevali več server-side,

70
00:03:35,560 --> 00:03:39,280
je bilo naložiti na strežnik,
zbrati in tam izvajajo.

71
00:03:39,280 --> 00:03:42,871
Tole se izvrši
na svojem računalniku.

72
00:03:42,871 --> 00:03:43,370
OK?

73
00:03:43,370 --> 00:03:46,960
Torej si naložite nekaj JavaScript stran,
in se izvaja na vašem računalniku.

74
00:03:46,960 --> 00:03:49,910
Sintaksa je zelo podobna C in PHP.

75
00:03:49,910 --> 00:03:52,490
Smo šli skozi
nekateri primeri JavaScript,

76
00:03:52,490 --> 00:03:56,740
in boste videli, da
Tako govorimo o spremenljivkah, zank,

77
00:03:56,740 --> 00:03:58,910
in pogoje, so vsi zelo podobni.

78
00:03:58,910 --> 00:04:00,500
OK?

79
00:04:00,500 --> 00:04:04,490
Dejstvo, da so tako podobna je
verjetno, da bo potovanje nekateri od vas

80
00:04:04,490 --> 00:04:08,529
se v nekaterih primerih, samo zato, ker
boste vključili malo C

81
00:04:08,529 --> 00:04:09,570
če ne bi smelo biti.

82
00:04:09,570 --> 00:04:14,130
Morda poskusite in vnesite nekaj
ko ne bi bilo treba tipkal.

83
00:04:14,130 --> 00:04:16,540
>> In da je ena stvar, da
vem, je, da je JavaScript

84
00:04:16,540 --> 00:04:19,360
je dinamično vnesli
jezik, kot so PHP.

85
00:04:19,360 --> 00:04:21,410
Torej, če vi spomnite
iz oddelka prejšnji teden,

86
00:04:21,410 --> 00:04:23,680
ko smo bili nekako počne
Naša PHP crash seveda,

87
00:04:23,680 --> 00:04:28,860
bomo videli, kako lahko en niz lahko
spremenila v int enega, in tako naprej.

88
00:04:28,860 --> 00:04:31,650

89
00:04:31,650 --> 00:04:34,850
Tip vaših spremenljivk
se določi na doživljenjsko času,

90
00:04:34,850 --> 00:04:38,180
tako da lahko preidejo
potek programa,

91
00:04:38,180 --> 00:04:43,109
in na enak način, da nikoli
Res razglasi tipe za PHP spremenljivke,

92
00:04:43,109 --> 00:04:45,900
bomo počeli enako
stvar tukaj, kjer smo v resnici ne

93
00:04:45,900 --> 00:04:49,740
zatiranje vrst naših spremenljivk,
tako rekoč, kot smo storili v C.

94
00:04:49,740 --> 00:04:52,200
>> In potem ena stvar
da je precej kul je

95
00:04:52,200 --> 00:04:54,090
da lahko napake
preverite preko konzole,

96
00:04:54,090 --> 00:04:57,240
s tem veliko funkcijo
console.log, ki

97
00:04:57,240 --> 00:05:00,930
vam omogoča, da natisnete razlikuje
spremenljivke ali predmeti, da bomo

98
00:05:00,930 --> 00:05:01,750
govoriti.

99
00:05:01,750 --> 00:05:05,720
Tako kot prejšnji teden, ko sem bila
podobno, "uporabiti to funkcijo," z smetišče

100
00:05:05,720 --> 00:05:10,490
iz vašega pset je to funkcija
ki jo želite uporabiti, console.log.

101
00:05:10,490 --> 00:05:12,860
Bil sem tako presenečen, koliko
študenti na uradnih ur

102
00:05:12,860 --> 00:05:14,530
ni vedel, o funkciji smetišče.

103
00:05:14,530 --> 00:05:19,010
In sem si mislil, "fantje, ta volja
da bo vaše življenje tako veliko lažje. "

104
00:05:19,010 --> 00:05:22,960
>> Vse je v redu, tako da je bila vrsta
Samo kratek stvar, kot vedno,

105
00:05:22,960 --> 00:05:24,000
imamo primere.

106
00:05:24,000 --> 00:05:25,600
Vem, da fantje radi tiste.

107
00:05:25,600 --> 00:05:30,930
Torej, tukaj je primer zelo
preprost JavaScript datoteko tukaj.

108
00:05:30,930 --> 00:05:34,000
Torej, to je le, da bo ustvarjanje
to pop-up, ki pravi,

109
00:05:34,000 --> 00:05:36,336
"Svetu zdravo," ko vas
vnesite strani, vendar Dovolite

110
00:05:36,336 --> 00:05:37,960
poskusite in sprehod skozi to malo.

111
00:05:37,960 --> 00:05:43,440
Torej, očitno je to le
kot običajne index.html.

112
00:05:43,440 --> 00:05:50,280
Torej, samo naša običajna template tukaj,
in imamo HTML, imamo glavo,

113
00:05:50,280 --> 00:05:55,580
in tako kot s CSS, kako smo
vključenih nekaj zunaj datoteko, kajne?

114
00:05:55,580 --> 00:05:59,260
Imamo nekaj script type
besedilo, ki je JavaScript.

115
00:05:59,260 --> 00:06:02,680
In vir je hello.js,
ki je tukaj dol.

116
00:06:02,680 --> 00:06:05,630
To je celotna datoteka hello.js.

117
00:06:05,630 --> 00:06:09,080
In potem imamo nekaj
Naslov in nekaj telesne HTML

118
00:06:09,080 --> 00:06:11,050
da ne bomo res skrbi.

119
00:06:11,050 --> 00:06:15,970
>> Kaj se zgodi, ko smo naložiti to stran,
samodejno izvaja ta scenarij.

120
00:06:15,970 --> 00:06:16,470
OK?

121
00:06:16,470 --> 00:06:18,790
Torej JavaScript bo
samodejno izvršiti.

122
00:06:18,790 --> 00:06:22,860
Torej, kaj se dogaja, da ne, gre
iti takoj in izvršitev tega.

123
00:06:22,860 --> 00:06:24,110
In to se dogaja, da reči, "opozorilo.

124
00:06:24,110 --> 00:06:25,190
Zdravo svet. "

125
00:06:25,190 --> 00:06:30,840
Ki Opozarjanje je funkcija, ki
dejansko ustvarja to polje.

126
00:06:30,840 --> 00:06:31,540
OK?

127
00:06:31,540 --> 00:06:33,390
Torej, to je nekako vse vključujeta.

128
00:06:33,390 --> 00:06:36,700
Nič ni extra smo imeli
narediti poleg pravkar pozorni,

129
00:06:36,700 --> 00:06:40,000
in potem, kar smo hoteli
v naši Alert polje.

130
00:06:40,000 --> 00:06:40,500
OK?

131
00:06:40,500 --> 00:06:45,080
Torej, to je samo super enostavna
Primer, kaj je mogoče storiti JavaScript.

132
00:06:45,080 --> 00:06:48,110

133
00:06:48,110 --> 00:06:50,070
>> Ena res kul
stvari, kot bomo videli,

134
00:06:50,070 --> 00:06:55,150
je, da vam omogoča JavaScript
manipulirati svoje spletne strani,

135
00:06:55,150 --> 00:06:57,720
ne da bi
jim osvežite vsakič.

136
00:06:57,720 --> 00:07:01,830
Torej, če ste want-- za primer, če
ste lebdi nad nečim,

137
00:07:01,830 --> 00:07:04,300
če sploh kdaj ste fantje
obravnavati kot Meni bari,

138
00:07:04,300 --> 00:07:07,360
ali ko hover čez nekaj
Tema se prikaže v spustnem meniju,

139
00:07:07,360 --> 00:07:08,670
da je zaradi JavaScript.

140
00:07:08,670 --> 00:07:09,170
OK?

141
00:07:09,170 --> 00:07:12,670
Torej ne boš ponovno naložiti celoten
stran, da se to meni, da pokažejo,

142
00:07:12,670 --> 00:07:17,240
ste samo iščejo nekaj specifičnih
Dejanje, ki je uporabnik sprejeti,

143
00:07:17,240 --> 00:07:21,800
ki se imenuje prireditev, da bomo dobili
na, in ko boste videli, da ste rekli,

144
00:07:21,800 --> 00:07:25,960
"OK, urediti nekaj na tem
stran in bi bilo videti drugačen,

145
00:07:25,960 --> 00:07:28,270
vendar le urejanje te posebne stvari.

146
00:07:28,270 --> 00:07:29,690
Ne osvežite celotno stvar. "

147
00:07:29,690 --> 00:07:33,110
Torej je v resnici veliko lepše in
nimate, da osvežite svoje strani,

148
00:07:33,110 --> 00:07:34,510
in to je res kul.

149
00:07:34,510 --> 00:07:38,270
>> Torej deklaracije spremenljivk,
tako da lahko nekako videti,

150
00:07:38,270 --> 00:07:40,530
Sem dal na vrhu tukaj, ohlapno vnesli.

151
00:07:40,530 --> 00:07:42,570
Torej, to je zelo všeč PHP.

152
00:07:42,570 --> 00:07:48,770
Mi ni treba povedati,
JavaScript kakšna vrsta smo

153
00:07:48,770 --> 00:07:50,740
pričakuje vsaka od teh spremenljivk biti.

154
00:07:50,740 --> 00:07:52,560
So lahko karkoli vrste želimo.

155
00:07:52,560 --> 00:07:57,480
Torej, ste opazili, v tem primeru, izjavljamo
jim zelo preprosto, samo z "var"

156
00:07:57,480 --> 00:08:00,990
in potem karkoli želimo
naše ime spremenljivke biti.

157
00:08:00,990 --> 00:08:05,680
Ena stvar je tudi omeniti, da je pri vas
dal var pred imenu spremenljivke,

158
00:08:05,680 --> 00:08:07,520
je lokalno ga področji.

159
00:08:07,520 --> 00:08:09,320
OK?

160
00:08:09,320 --> 00:08:14,025
To je popolnoma smiselno za vas
v celoti samo izbrisali var

161
00:08:14,025 --> 00:08:18,970
in samo še s enak CS50, in
da bi bilo samo globalna spremenljivka.

162
00:08:18,970 --> 00:08:19,580
OK?

163
00:08:19,580 --> 00:08:22,490
Torej lahko to inicializacijo v obe smeri,
samo odvisno od tega, kako si ga želite.

164
00:08:22,490 --> 00:08:24,448
Torej, če ste inicializacijo
je v funkciji,

165
00:08:24,448 --> 00:08:28,070
in želite, da spremenljivko
ostanejo scoped v tej funkciji,

166
00:08:28,070 --> 00:08:31,620
boste želeli storiti
nekaj podobnega var ime spremenljivke,

167
00:08:31,620 --> 00:08:34,270
versus če hočeš
globalno scoped, si

168
00:08:34,270 --> 00:08:36,240
lahko samo naredi ime
spremenljivka in nato

169
00:08:36,240 --> 00:08:38,270
karkoli bi si želeli, da nastavite enako.

170
00:08:38,270 --> 00:08:40,230
OK?

171
00:08:40,230 --> 00:08:45,580
>> To je nekako kul stvari tu spodaj,
ker če smo opazili, naša spremenljivka

172
00:08:45,580 --> 00:08:47,590
b začne ven kot resnična.

173
00:08:47,590 --> 00:08:51,280
In kaj je to lahko does--
kdorkoli povej mi, kaj to počne?

174
00:08:51,280 --> 00:08:54,190

175
00:08:54,190 --> 00:08:55,890
Torej, imamo nekaj opozorilo.

176
00:08:55,890 --> 00:09:00,156
Kaj bi tip B
v začetku?

177
00:09:00,156 --> 00:09:00,905
OBČINSTVO: Boolean.

178
00:09:00,905 --> 00:09:01,330
ALLISON BUCHHOLTZ-AU: Boolean.

179
00:09:01,330 --> 00:09:01,940
Prav.

180
00:09:01,940 --> 00:09:07,260
In potem smo dodelite b
na ta niz, kajne?

181
00:09:07,260 --> 00:09:11,170
Torej tukaj, kaj tip b bilo?

182
00:09:11,170 --> 00:09:12,480
To bi bilo niz, kajne?

183
00:09:12,480 --> 00:09:14,900
Torej, kaj je pomembno, da se
obvestilo, da je v c smo

184
00:09:14,900 --> 00:09:17,330
bi skoraj nikoli ne
nekaj takega.

185
00:09:17,330 --> 00:09:22,000
Mi bi morali imeti spremenljivke,
vrzi kot nekaj drugega,

186
00:09:22,000 --> 00:09:27,185
Morda še nekaj funkcijo z dvema
i, gredo od dajatev na celo število.

187
00:09:27,185 --> 00:09:31,063
Ampak, če smo opazili tukaj, b
Zelo enostavno spremeni tip.

188
00:09:31,063 --> 00:09:33,760
>> OBČINSTVO: Počakajte, da si lahko samo
bilo všeč, "da b celo število?"

189
00:09:33,760 --> 00:09:34,360
>> ALLISON BUCHHOLTZ-AU: Ja.

190
00:09:34,360 --> 00:09:36,185
Lahko samo dodelite b na celo število.

191
00:09:36,185 --> 00:09:36,910
>> OBČINSTVO: Res?

192
00:09:36,910 --> 00:09:38,035
>> ALLISON BUCHHOLTZ-AU: Ja.

193
00:09:38,035 --> 00:09:39,810
In potem bi bilo int.

194
00:09:39,810 --> 00:09:43,820
Torej vaše spremenljivke lahko preidejo
potek programa preveč.

195
00:09:43,820 --> 00:09:46,410
Niso strogo vnesli.

196
00:09:46,410 --> 00:09:49,180
To je zelo ohlapno tipkal.

197
00:09:49,180 --> 00:09:50,820
OK?

198
00:09:50,820 --> 00:09:54,820
V bistvu vaši spremenljivke lahko storite karkoli
hočejo, saj smo nekako videla s PHP.

199
00:09:54,820 --> 00:09:59,430
Ti lahko narediš nekaj nore stvari, tako
je pomembno, da je precej previdni.

200
00:09:59,430 --> 00:10:01,200
Ime vašega spremenljivke dobro.

201
00:10:01,200 --> 00:10:03,450
Če tega ne storite, kar naenkrat
boš všeč,

202
00:10:03,450 --> 00:10:05,783
"Počakaj, sem mislil, da je to
niz, zdaj pa je int,

203
00:10:05,783 --> 00:10:08,170
in nisem ravno prepričan,
kaj se dogaja. "

204
00:10:08,170 --> 00:10:12,410
Torej je to samo preprost primer
prikazuje, kako spremenljivka zlahka

205
00:10:12,410 --> 00:10:15,890
spremeni svojo vrsto v
Seveda programa.

206
00:10:15,890 --> 00:10:16,870
>> OK.

207
00:10:16,870 --> 00:10:19,200
Zato bi bilo treba to pogledati
super, super pozna.

208
00:10:19,200 --> 00:10:21,510
Torej, to so naši zanke v JavaScript.

209
00:10:21,510 --> 00:10:27,780
So popolnoma enaka, razen
namesto štirih int i enaka nič,

210
00:10:27,780 --> 00:10:30,470
smo lahko samo povem, var i enaka nič.

211
00:10:30,470 --> 00:10:34,100
In potem bi mi imamo iste vrste
stanja, enaka vrsta posodobitve,

212
00:10:34,100 --> 00:10:36,090
i plus plus deluje v redu.

213
00:10:36,090 --> 00:10:39,800
Torej so štiric enaka,
whiles so enaki,

214
00:10:39,800 --> 00:10:41,440
in ne whiles so popolnoma enake.

215
00:10:41,440 --> 00:10:44,070
Same neke vrste splošni obliki.

216
00:10:44,070 --> 00:10:48,840
Opazili smo, štiri, oklepaji,
nosilci, to je vse isto.

217
00:10:48,840 --> 00:10:51,470
Prav tako bo prišlo do podpičja
ko pridemo na primer kode.

218
00:10:51,470 --> 00:10:55,250
Boste videli, da je precej
podobno kot c.

219
00:10:55,250 --> 00:10:59,770
>> Za deklaracije funkcije,
spet zelo podobni.

220
00:10:59,770 --> 00:11:05,100
Imamo nekatere funkcije, ki so pravkar
pravi, da je to funkcija, in nato

221
00:11:05,100 --> 00:11:07,660
ime našega
funkcija, in vložki.

222
00:11:07,660 --> 00:11:11,590
In spet, če smo opazili, smo
imeli nobene vrste tukaj whatsoever.

223
00:11:11,590 --> 00:11:12,090
Kajne?

224
00:11:12,090 --> 00:11:18,150
Imamo nič rekel, da so ti
morajo biti Ints ali podvoji ali plava.

225
00:11:18,150 --> 00:11:19,530
Lahko bi bilo karkoli hočejo.

226
00:11:19,530 --> 00:11:23,560
Pomembno je pripomniti, da
moramo funkcijo predhodno pisanje

227
00:11:23,560 --> 00:11:26,430
pustiti JavaScript vedeti, da
To je pravzaprav funkcija.

228
00:11:26,430 --> 00:11:29,820
>> Torej, to je le nekaj preprostih vsota
funkcija, ki vrne X ali Y,

229
00:11:29,820 --> 00:11:33,800
in kaj potem je tudi kul
je, da lahko dejansko

230
00:11:33,800 --> 00:11:35,950
dodelite funkcijo spremenljivke.

231
00:11:35,950 --> 00:11:41,770
Torej, v tem primeru vsota je sedaj
funkcija, ki dejansko počne vsoto.

232
00:11:41,770 --> 00:11:47,740
Torej, če ste opazili, imamo
funkcija, ime funkcije, vhodi.

233
00:11:47,740 --> 00:11:48,860
Kajne?

234
00:11:48,860 --> 00:11:52,120
Tukaj imamo samo funkcijo in vhode.

235
00:11:52,120 --> 00:11:54,310
Torej se to imenuje anonimni funkcija.

236
00:11:54,310 --> 00:11:59,265
In to je nekaj, kar bi morala biti nova
za večino od vas fantje, če ne vsi.

237
00:11:59,265 --> 00:12:01,140
Torej v bistvu, kaj to
pomeni, da ne bomo

238
00:12:01,140 --> 00:12:03,050
morali ime našega
funkcija v tem primeru.

239
00:12:03,050 --> 00:12:06,260
Mi lahko samo rekel, "OK, bom
ima to funkcijo, ki izvaja, tukaj

240
00:12:06,260 --> 00:12:08,550
so njegovi vložki, in tukaj je
kaj se dogaja, da narediti. "

241
00:12:08,550 --> 00:12:12,540
In še posebej, če ste dodeljevanju
Funkcija do neke spremenljivke

242
00:12:12,540 --> 00:12:14,950
da boste manipulirati,
vam ni nujno,

243
00:12:14,950 --> 00:12:17,116
morali poimenovati, ker
boš se sklicuje

244
00:12:17,116 --> 00:12:20,990
s to spremenljivko
ime, ne glede na

245
00:12:20,990 --> 00:12:22,840
funkcija je pravzaprav ime.

246
00:12:22,840 --> 00:12:23,550
OK?

247
00:12:23,550 --> 00:12:27,810
>> Torej, če bomo videli tu,
nekaj spremenljivo vsoto zdaj

248
00:12:27,810 --> 00:12:30,920
ki je enaka
vsoto tri in pet.

249
00:12:30,920 --> 00:12:33,070
In mi bi to dobili.

250
00:12:33,070 --> 00:12:36,750
In bi s tem samo še nekaj opozorilo,
tri plus pet enako število.

251
00:12:36,750 --> 00:12:43,950
To bo samo plus združevanje
glede na naš odgovor je bil na vrvici.

252
00:12:43,950 --> 00:12:47,420
Prav tako kul, plus lahko združevanje nizov.

253
00:12:47,420 --> 00:12:53,510
>> Za JavaScript, tako kot pri PHP,
HTML in CSS, kot smo rekli,

254
00:12:53,510 --> 00:12:56,450
Veliko od tega, da smo vrsto sprejemanja
kolesa za usposabljanje off tukaj

255
00:12:56,450 --> 00:13:02,030
in ti fantje imajo veliko znanja in izkušenj
kako zares razumeti te stvari.

256
00:13:02,030 --> 00:13:04,280
Oni so nekoliko drugačna,
ampak oni niso tako tuji

257
00:13:04,280 --> 00:13:09,460
in da ga ni mogoče vprašaš stvari ali
jih poiščete na spletu z W3 šolah.

258
00:13:09,460 --> 00:13:12,755
In smo res vas pričakuje
fantje, vrsta, eksperiment

259
00:13:12,755 --> 00:13:14,400
in se naučite sami.

260
00:13:14,400 --> 00:13:19,490
Torej, vem, da je to morda zdi malo
manj temeljito kot nekateri c stvari

261
00:13:19,490 --> 00:13:21,936
počnemo, ampak to je dejansko z razlogom.

262
00:13:21,936 --> 00:13:25,060

263
00:13:25,060 --> 00:13:28,470
Vendar upam, da to ni preveč
drugačen, in to ni prepričljivo.

264
00:13:28,470 --> 00:13:31,940
>> Torej nizi v JavaScript,
spet zelo, zelo podobni.

265
00:13:31,940 --> 00:13:32,460
Kajne?

266
00:13:32,460 --> 00:13:36,520
Imamo nekaj spremenljiv niz
to je enako praznih oklepajev,

267
00:13:36,520 --> 00:13:40,340
in to je samo prazen niz.

268
00:13:40,340 --> 00:13:43,420
To se pogosto imenuje
dobesedni niz zapis.

269
00:13:43,420 --> 00:13:45,280
To je samo ena stvar, ki jo imenujemo.

270
00:13:45,280 --> 00:13:51,380
Če vidimo niz dve, imamo nekaj
dobesedni niz, ki ima tri elemente,

271
00:13:51,380 --> 00:13:51,910
kajne?

272
00:13:51,910 --> 00:13:54,640
In potem imamo nekaj
var Tretji element, ki je

273
00:13:54,640 --> 00:13:58,060
neka spremenljivka, ki je samo
dogaja, da imajo ta niz, JS.

274
00:13:58,060 --> 00:14:01,760

275
00:14:01,760 --> 00:14:06,170
>> Elementi, dobre opazil,
so ločeni z vejicami,

276
00:14:06,170 --> 00:14:07,740
tako kot mi bi pričakovali.

277
00:14:07,740 --> 00:14:14,630
In lahko tudi dostop do njih, kot smo to storili
v C, s tem indeksnem zapisu, kajne?

278
00:14:14,630 --> 00:14:16,950
Tako drugačen od PHP
zdaj, gremo nazaj

279
00:14:16,950 --> 00:14:20,180
samo nekako se nanašajo
za stvari, ki jih indeks.

280
00:14:20,180 --> 00:14:22,189
Tako kot C, je prav nič kazalo.

281
00:14:22,189 --> 00:14:25,230
Počutim se, kot da bi bilo res kruto
če nenadoma je JavaScript eno

282
00:14:25,230 --> 00:14:30,630
indeks, in si moral v celoti
premisliti, kako mislite o nizi.

283
00:14:30,630 --> 00:14:36,140
>> Ena kul stvar je, da namesto
da bi morali do--, če vas kdaj

284
00:14:36,140 --> 00:14:39,240
Želeli dolžino array,
Morda boste Ponovil skozi njo

285
00:14:39,240 --> 00:14:43,430
dokler ne boste našli nekaj konec, ali
bi le vedel, kaj je to.

286
00:14:43,430 --> 00:14:49,310
Ker JavaScript je zelo ohlapno v več
načinov kot le tip, kot vidimo tukaj,

287
00:14:49,310 --> 00:14:53,310
smo lahko le, da ta niz
večji, ker smo se odločili.

288
00:14:53,310 --> 00:14:56,177
Če bomo opazili niz treh
ima tri stvari, za začetek,

289
00:14:56,177 --> 00:14:58,510
potem pa kar naenkrat,
smo podobno, "oh, samo hecam.

290
00:14:58,510 --> 00:15:01,370
Mi smo dejansko dogaja
da bi ji 101 stvari. "

291
00:15:01,370 --> 00:15:05,300
Torej, če si kdaj želeli vedeti
Dejanska dolžina vašega matrike,

292
00:15:05,300 --> 00:15:06,680
vam je všeč to.

293
00:15:06,680 --> 00:15:10,470
In da bomo videli veliko
tega zapisa v primerih,

294
00:15:10,470 --> 00:15:12,730
vendar z JavaScript
to je običajno, kar

295
00:15:12,730 --> 00:15:16,410
predmet, ki ga govoriš
pika ne glede na vrsto funkcije

296
00:15:16,410 --> 00:15:17,740
ki jih želite uporabiti za to.

297
00:15:17,740 --> 00:15:18,240
OK?

298
00:15:18,240 --> 00:15:20,520
>> Torej, v tem primeru, naše
Objekt je matrika dva,

299
00:15:20,520 --> 00:15:23,470
in smo rekli, želimo
Dolžina niza dveh.

300
00:15:23,470 --> 00:15:25,716
Torej je to samo zahteva o dolžini na to.

301
00:15:25,716 --> 00:15:27,090
In da se bodo vrnili dolžino.

302
00:15:27,090 --> 00:15:32,610

303
00:15:32,610 --> 00:15:36,790
Tudi nekaj omeniti,
da če opazimo naše nizi,

304
00:15:36,790 --> 00:15:39,830
razliko C, nimajo
da se vsi istega tipa.

305
00:15:39,830 --> 00:15:41,670
To je veliko več, kot so PHP.

306
00:15:41,670 --> 00:15:45,905
JavaScript je v bistvu tako kot
to zanimivo stapljajo C in PHP.

307
00:15:45,905 --> 00:15:50,020

308
00:15:50,020 --> 00:15:52,170
Tako bomo dobili v tem.

309
00:15:52,170 --> 00:15:56,750
Za zdaj, kaj je samo prevzeti
da so vaši nizi bistvu

310
00:15:56,750 --> 00:16:00,640
kot nizi C, da
so nič indeksirajo.

311
00:16:00,640 --> 00:16:04,120
OK, tako da je vse.

312
00:16:04,120 --> 00:16:08,850
Lahko tudi samo razširi
array karkoli indeks hočeš.

313
00:16:08,850 --> 00:16:14,260
Ker bi to verjetno SEG
Napaka na vas ali vam nekaj napak,

314
00:16:14,260 --> 00:16:15,970
JavaScript je všeč, "nah, to je v redu.

315
00:16:15,970 --> 00:16:16,620
To sem dobil.

316
00:16:16,620 --> 00:16:19,460
Mi bomo samo pojdi naravnost
kadar želite. "

317
00:16:19,460 --> 00:16:24,310
>> OK, tako da predmeti so zelo pomembni.

318
00:16:24,310 --> 00:16:29,720
Vidva se bo z veliko teh
v P set, če se prav spomnim.

319
00:16:29,720 --> 00:16:34,780
Torej, stvar, ki se ti
podobno kot v C so konstruktov.

320
00:16:34,780 --> 00:16:39,290
Torej si lahko mislite about-- ko
gremo na primer pravica

321
00:16:39,290 --> 00:16:41,810
Po tem sem mislil, da bom
narediti veliko več sense--

322
00:16:41,810 --> 00:16:45,830
vendar smo v bistvu uporabljajo predmete na
organiziranje informacij seveda povezana.

323
00:16:45,830 --> 00:16:47,780
Ko smo se pogovarjali o
konstruktov v C, smo pogosto

324
00:16:47,780 --> 00:16:53,405
govori o študentu, ki je imel nekaj ime,
ID, hiša, veste, koncentracija.

325
00:16:53,405 --> 00:16:56,030
In to je nekako isto stvar
ki jih uporabljamo predmete za tukaj.

326
00:16:56,030 --> 00:16:59,300
To je samo, da organizirajo
podobne informacije.

327
00:16:59,300 --> 00:17:03,620
>> Lahko tudi, da o teh bolj
podobno Povezovalne matrike v PHP.

328
00:17:03,620 --> 00:17:10,010
Tako da bi bilo to nekako stvar
kjer imamo nekaj ključ z nekaj vrednosti,

329
00:17:10,010 --> 00:17:12,859
Zelo podobna PHP.

330
00:17:12,859 --> 00:17:15,780
Tako da lahko inicializacijo nekaj
prazen objekt, kot smo videli tu gor,

331
00:17:15,780 --> 00:17:17,390
Samo z zavitimi oklepaji.

332
00:17:17,390 --> 00:17:19,160
Torej nizi so oglati oklepaji.

333
00:17:19,160 --> 00:17:21,220
Prazne predmeti so zaviti oklepaji.

334
00:17:21,220 --> 00:17:24,020
Dobro razlikovanje imeti.

335
00:17:24,020 --> 00:17:27,319
In to so samo dve različni
načinov, da nastavite lastnosti.

336
00:17:27,319 --> 00:17:31,460
Torej, to je nekako
še več, da

337
00:17:31,460 --> 00:17:35,220
je podobna PHP, z našimi
asociativne nize, z našim ključem,

338
00:17:35,220 --> 00:17:39,910
in naša vrednost, medtem ko je
tale is-- jih boste

339
00:17:39,910 --> 00:17:41,920
videti veliko bolj v JavaScript.

340
00:17:41,920 --> 00:17:43,550
To kaže, da je konvencija.

341
00:17:43,550 --> 00:17:47,660
In na enak način, da smo naredili
Niz dveh dot dolžino, to je rekel,

342
00:17:47,660 --> 00:17:51,580
"OK, daj mi to
atribut tega objekta. "

343
00:17:51,580 --> 00:17:52,110
Kajne?

344
00:17:52,110 --> 00:17:55,660
Torej, na enak način, kot je bilo, "daj mi
Dolžina atribut niz dveh "

345
00:17:55,660 --> 00:17:59,970
To je rekel, »daj mi nekaj
last našega praznega objekta. "

346
00:17:59,970 --> 00:18:02,890
Ali v tem primeru smo
ga dodelite do neke vrednosti tukaj.

347
00:18:02,890 --> 00:18:06,200
Vendar pa lahko dostopate tudi na tak način.

348
00:18:06,200 --> 00:18:09,090
>> In potem je tukaj, to je samo
prikazuje dva različna opozorila.

349
00:18:09,090 --> 00:18:12,320
Torej bi to pokazal opozorila
bi bila popolnoma enaka,

350
00:18:12,320 --> 00:18:17,150
to je le dve različne načine
dostop do elementa, ki jo želimo.

351
00:18:17,150 --> 00:18:19,552
Ali, da je smiselno, da se vsakogar?

352
00:18:19,552 --> 00:18:21,510
Počutim se, kot je tale
verjetno bolj smiselno,

353
00:18:21,510 --> 00:18:23,270
samo zato, ker smo snele PHP.

354
00:18:23,270 --> 00:18:26,400
Toda, kot smo storili več primerov, to
je dobesedno enak.

355
00:18:26,400 --> 00:18:28,170
Veliko od tega je samo spremeni v skladnji.

356
00:18:28,170 --> 00:18:30,710

357
00:18:30,710 --> 00:18:33,030
>> OK, tako primeri.

358
00:18:33,030 --> 00:18:34,180
Ljubim primere.

359
00:18:34,180 --> 00:18:40,070
Torej, tukaj je nekaj CS50
spremenljivka, ki je predmet,

360
00:18:40,070 --> 00:18:42,160
in hranimo vse to
informacije o tem.

361
00:18:42,160 --> 00:18:46,680
Torej imamo seveda, inštruktor,
TFS, psets in posnet.

362
00:18:46,680 --> 00:18:51,840
Tako smo opazili, so te skoraj
vse vrste.

363
00:18:51,840 --> 00:18:52,340
Kajne?

364
00:18:52,340 --> 00:18:56,230
Tako da lahko predmete shranite
lastnosti različnih vrst.

365
00:18:56,230 --> 00:19:01,220
Mi lahko zamislite this-- je zelo
podobna naši asociativni array PHP.

366
00:19:01,220 --> 00:19:07,470
Torej, ključ, vrednost, ključ, vrednost,
ključ, vrednost, tako naprej in tako naprej.

367
00:19:07,470 --> 00:19:11,230
Kaj je zanimiv tudi enako
da imamo lahko nize znotraj nizi,

368
00:19:11,230 --> 00:19:14,690
lahko imamo tudi predmete v
predmeti ali nize znotraj objektov.

369
00:19:14,690 --> 00:19:18,410
Ste nikoli zares omejeni na
le en sam ena od stvari.

370
00:19:18,410 --> 00:19:24,220
Mi lahko dobite zelo Inceptionesque, samo
nadaljuj zajec luknjo tam.

371
00:19:24,220 --> 00:19:26,080
>> Torej, če smo opazili, smo
imajo neko smer, ki

372
00:19:26,080 --> 00:19:31,120
je niz, inštruktor, ki je niz,
in matrika, int, in logični.

373
00:19:31,120 --> 00:19:36,110
Torej, vse te različne stvari.

374
00:19:36,110 --> 00:19:39,600
>> Vse je v redu, tako da imamo še enega.

375
00:19:39,600 --> 00:19:42,930
Torej v tem primeru smo
array predmetov.

376
00:19:42,930 --> 00:19:45,320
Torej, tako kot predmet
lahko niz v njem.

377
00:19:45,320 --> 00:19:47,210
Bomo lahko tudi vrsto predmetov.

378
00:19:47,210 --> 00:19:51,250
To je lahko koristno
pomislite podobna naravi

379
00:19:51,250 --> 00:19:54,260
o tem, kako smo imeli hash
mizo, smo imeli niz

380
00:19:54,260 --> 00:19:56,220
vseh teh različnih
vrste konstruktov, ki

381
00:19:56,220 --> 00:19:59,070
so bili kazalci na drugačen
vozlišča in malenkosti.

382
00:19:59,070 --> 00:20:01,420
Toda v tem primeru smo
imajo vrsto predmetov.

383
00:20:01,420 --> 00:20:04,890
Torej, to je kot array
od asociativne nize.

384
00:20:04,890 --> 00:20:09,430
Torej, imamo nekaj prvi element bi
je objekt z imenom James

385
00:20:09,430 --> 00:20:11,340
in hišo Winthrop.

386
00:20:11,340 --> 00:20:14,780
>> Vi morda spomnite
Nekaj ​​zelo podoben temu

387
00:20:14,780 --> 00:20:21,710
s svojim zadnjim pset, kjer, če vas
potegnil nekaj iz vaše baze podatkov,

388
00:20:21,710 --> 00:20:24,480
Prva vrsta
stvar v vašem paleto bilo

389
00:20:24,480 --> 00:20:27,110
vse informacije o
Prvi uporabnik, ki ga je srečal,

390
00:20:27,110 --> 00:20:30,765
in potem si moral indeks v to
, da bi dobili svojo živino ali predpomnilnik

391
00:20:30,765 --> 00:20:32,110
ali malenkosti.

392
00:20:32,110 --> 00:20:34,620
Torej, to je zelo podobna
stvar, le malo sprememb

393
00:20:34,620 --> 00:20:39,570
v skladnji, malo spremembe
besede, ki jih uporabljajo, da jih opišejo.

394
00:20:39,570 --> 00:20:45,960
>> Torej, če želimo, lahko kdo pove
me kaj to alert bi naredil tukaj?

395
00:20:45,960 --> 00:20:48,780
Ali kaj je to malo
koda bi naredil za nas?

396
00:20:48,780 --> 00:20:50,992

397
00:20:50,992 --> 00:20:52,616
OBČINSTVO: To vam bo dal vsa imena.

398
00:20:52,616 --> 00:20:54,900
ALLISON BUCHHOLTZ-AU: Right, zato ji
bi samo opozori z vsemi imeni

399
00:20:54,900 --> 00:20:57,960
ker bi bilo iti skozi
Počitniška hiša i, tako da bi začeli na ničlo.

400
00:20:57,960 --> 00:21:01,330
Torej bi bilo reči, OK iščeva
Ta prvi predmet, ki

401
00:21:01,330 --> 00:21:03,210
je prva reža v naši matriki.

402
00:21:03,210 --> 00:21:06,900
In pravi: "daj mi
atribut, ime tega predmeta. "

403
00:21:06,900 --> 00:21:09,030
Torej, gremo tukaj, bi
skeniranje, sva ugotovili, ime,

404
00:21:09,030 --> 00:21:11,340
in bi mi izpisal
James, Molly, in Carl.

405
00:21:11,340 --> 00:21:14,410

406
00:21:14,410 --> 00:21:15,799
Vsa vprašanja doslej?

407
00:21:15,799 --> 00:21:17,590
JavaScript žal
si bo

408
00:21:17,590 --> 00:21:20,950
delaš veliko gledanja na vašem
lastno, ugotoviti sintakso,

409
00:21:20,950 --> 00:21:21,910
spopadajo z njo.

410
00:21:21,910 --> 00:21:25,870
Seveda sem vedno tu,
Uradne ure so vedno tu.

411
00:21:25,870 --> 00:21:28,260
Mogoče sem ob torkih ta teden.

412
00:21:28,260 --> 00:21:31,050
Torej, če si tam, si lahko
obisk pride me ta teden.

413
00:21:31,050 --> 00:21:32,470
To bi bilo super.

414
00:21:32,470 --> 00:21:36,260
>> OK, tako da je DOM Document Object Model.

415
00:21:36,260 --> 00:21:38,900
Torej je to samo način,
da mi je všeč, da razmišljajo

416
00:21:38,900 --> 00:21:45,720
O tem, kako naši HTML in vse
okviru je organizirana.

417
00:21:45,720 --> 00:21:49,930
To je zelo veliko nekaj,
bo verjetno prišel na kvizu.

418
00:21:49,930 --> 00:21:58,150
Vem, da moje leto, je bilo všeč tukaj
HTML datoteka, izpolnite DOM zanjo.

419
00:21:58,150 --> 00:21:59,770
In si samo izpolnite malenkosti.

420
00:21:59,770 --> 00:22:01,500
To bi moralo biti enostavno točke upajmo.

421
00:22:01,500 --> 00:22:03,450
Upajmo, da boste see--

422
00:22:03,450 --> 00:22:04,590
>> OBČINSTVO: [neslišno]

423
00:22:04,590 --> 00:22:06,660
>> ALLISON BUCHHOLTZ-AU: Torej
vidite to drevo tukaj?

424
00:22:06,660 --> 00:22:07,200
>> OBČINSTVO: Ja.

425
00:22:07,200 --> 00:22:08,949
>> ALLISON BUCHHOLTZ-AU:
Tako bodo vprašati uporabe

426
00:22:08,949 --> 00:22:11,750
zapolniti, kaj se dogaja pod telesom.

427
00:22:11,750 --> 00:22:15,770
Mogoče po telesu, imamo nekaj
Divs ali imamo nekaj odstavkov,

428
00:22:15,770 --> 00:22:19,160
in vas bom prosil, da izpolnite
Drevo je zelo všeč.

429
00:22:19,160 --> 00:22:21,440
Torej bomo hojo skozi to.

430
00:22:21,440 --> 00:22:26,120
Torej Document Object-
Model je samo način,

431
00:22:26,120 --> 00:22:31,240
strukturirati in mislim,
o našem HTML grafično.

432
00:22:31,240 --> 00:22:33,860

433
00:22:33,860 --> 00:22:35,840
In tudi, ko smo dobili
v več JavaScripta,

434
00:22:35,840 --> 00:22:37,640
to se dogaja, da se
Tako, da smo pravzaprav

435
00:22:37,640 --> 00:22:39,990
manipulirajo različni
elemente na strani.

436
00:22:39,990 --> 00:22:43,980
Moramo način za dostop do vsakega
stvari v naši HTML,

437
00:22:43,980 --> 00:22:48,050
in tako to nam daje zelo
beton standardiziran način

438
00:22:48,050 --> 00:22:51,010
na različnih spletnih straneh, da to storim.

439
00:22:51,010 --> 00:22:53,440
>> Torej, če smo samo sprehod skozi
To tod seveda

440
00:22:53,440 --> 00:22:56,790
naš dokument je kot naš celoten spis.

441
00:22:56,790 --> 00:22:59,350
To je seveda smiselno,
da je največja stvar,

442
00:22:59,350 --> 00:23:03,520
in potem imamo dejansko HTML,
ki ustreza tej oznaki tukaj.

443
00:23:03,520 --> 00:23:08,480
Tudi, če ste v alinea vaše tags
pravilno, potem ustvarja ta DOM drevo

444
00:23:08,480 --> 00:23:10,530
postane super enostavna.

445
00:23:10,530 --> 00:23:12,400
Torej, imamo nekaj glavo tukaj.

446
00:23:12,400 --> 00:23:15,780
Imamo nekaj organ, ki
bomo videli izvornih off HTML,

447
00:23:15,780 --> 00:23:18,530
ki je, zakaj imamo glavo in telo.

448
00:23:18,530 --> 00:23:22,880
V glavi, imamo nekaj
naslov tag, končni naslov tag,

449
00:23:22,880 --> 00:23:24,570
tako vemo, da prihaja po glavi.

450
00:23:24,570 --> 00:23:28,040
In v našem naslovu tag,
imamo Pozdravljen, svet.

451
00:23:28,040 --> 00:23:28,740
OK?

452
00:23:28,740 --> 00:23:31,311
Tako da je ta celotna leva veja roko.

453
00:23:31,311 --> 00:23:34,060
In nato za desno vejo strani
Tukaj vidimo, da imamo HTML,

454
00:23:34,060 --> 00:23:38,680
OK, smo naredili ta del glave,
smo iskali le na telo,

455
00:23:38,680 --> 00:23:40,670
tako da imamo nekaj telesne površine.

456
00:23:40,670 --> 00:23:44,350
In v tem, da je edina
stvar, ki jo imamo, je zdravo, svet.

457
00:23:44,350 --> 00:23:45,090
OK?

458
00:23:45,090 --> 00:23:54,130
Če bi imeli stvari, kot
nekatere nosilec p in nato

459
00:23:54,130 --> 00:23:57,500
Zdravo, svet, nato pa še
Nosilec p slovesa, svet,

460
00:23:57,500 --> 00:24:00,080
bi imeli dve mehurčki
snele tukaj.

461
00:24:00,080 --> 00:24:05,550
Ker oni so tako v telesu, vendar
oni so ločene odstavke tem primeru.

462
00:24:05,550 --> 00:24:11,520
Je vsekakor praksa
o tem v prejšnjih kvizov,

463
00:24:11,520 --> 00:24:14,570
kot tudi veliko online na njej.

464
00:24:14,570 --> 00:24:18,260
OK, tako, to samo vam
vidimo vse lepo

465
00:24:18,260 --> 00:24:20,810
in manipulira stvari
zelo sistematično.

466
00:24:20,810 --> 00:24:21,340
OK?

467
00:24:21,340 --> 00:24:23,640
Točno vemo, kako
prečkala skozi ta drevesa,

468
00:24:23,640 --> 00:24:26,910
tako da vemo, kaj želimo dostopati.

469
00:24:26,910 --> 00:24:31,690
>> OK, tako da to je razlog, zakaj želimo
da imajo te vrste modela,

470
00:24:31,690 --> 00:24:35,190
tako da bomo lahko uporabite stvari, kot je ta,
in razumemo, kaj pomenijo,

471
00:24:35,190 --> 00:24:38,370
in oni so standardizirani
v vseh stvareh, ki jih počnemo.

472
00:24:38,370 --> 00:24:45,900
Torej, naslov dokumenta dot je samo
Naslov our-- vse te

473
00:24:45,900 --> 00:24:48,960
so precej samoumevne,
Rad si mislim.

474
00:24:48,960 --> 00:24:51,660
Torej prva tri
primeri so samo rekel,

475
00:24:51,660 --> 00:24:54,770
"OK, daj mi
Naslov te spletne strani. "

476
00:24:54,770 --> 00:24:58,030
Tako da vam bo dal, kar
ustreza naslovu.

477
00:24:58,030 --> 00:25:01,880
>> Dokument dot telo se dogaja, da vam
vse, kar je v teh telesnih oznak.

478
00:25:01,880 --> 00:25:03,240
Tako da lahko manipulira, da.

479
00:25:03,240 --> 00:25:07,820
In dokument dot telo dot
vpišite HTML je zelo kul enega,

480
00:25:07,820 --> 00:25:11,660
in morda ni všeč super
intuitiven, vendar notranja HTML

481
00:25:11,660 --> 00:25:13,740
ustreza tem tukaj.

482
00:25:13,740 --> 00:25:17,410
Torej, če si kdaj želeli, da
manipulirati besedila na strani,

483
00:25:17,410 --> 00:25:22,700
običajno boš, da se delaš
nekaj s telesa dot notranjo HTML.

484
00:25:22,700 --> 00:25:23,820
OK?

485
00:25:23,820 --> 00:25:31,341
Tako notranja HTML ponavadi nanašajo na
kaj je pravzaprav med temi oznakami.

486
00:25:31,341 --> 00:25:31,840
OK?

487
00:25:31,840 --> 00:25:33,020
In potem uporabne funkcije.

488
00:25:33,020 --> 00:25:40,390
Torej, če boste želeli, da bi dobili
koli od teh, vsak element,

489
00:25:40,390 --> 00:25:43,140
imamo nekaj Id, razred
ime ali ime oznake.

490
00:25:43,140 --> 00:25:47,100
To je zelo podobna
stvari smo naredili s CSS, kajne?

491
00:25:47,100 --> 00:25:51,360
Kjer imamo nekaj selektorje, ki
ustreza bodisi oznako, razred

492
00:25:51,360 --> 00:25:53,800
da smo jih, ali Id njih.

493
00:25:53,800 --> 00:25:55,310
To je zelo veliko na enak način.

494
00:25:55,310 --> 00:26:00,720
Če imate nekaj, kar
ima nekaj razred psa,

495
00:26:00,720 --> 00:26:05,800
in rečeš dobili elemente po imenu tag,
in si dal psa v there-- ali žal,

496
00:26:05,800 --> 00:26:06,610
ime razreda.

497
00:26:06,610 --> 00:26:07,770
Lahko dajo piko tam.

498
00:26:07,770 --> 00:26:11,780
To se dogaja, da se vrnejo vsi tisti,
Elementi za vas, da imajo ta razred.

499
00:26:11,780 --> 00:26:13,880
Tako da lahko manipulira le teh.

500
00:26:13,880 --> 00:26:18,430
Na enak način, pa si samo
želijo manipulirati nekaj glavo, tako da

501
00:26:18,430 --> 00:26:20,980
nekateri h1 header, kot smo se mi.

502
00:26:20,980 --> 00:26:24,900
Lahko bi naredil dobili elemente po oznakah
ime, saj h1 ime oznake.

503
00:26:24,900 --> 00:26:29,270
In na enak način, če želite, da bi dobili
nekateri edinstvena stvar, ki jo lahko naredimo get oznako.

504
00:26:29,270 --> 00:26:31,100
Get element, ki ga Id.

505
00:26:31,100 --> 00:26:32,710
In so dejansko veliko teh.

506
00:26:32,710 --> 00:26:36,300
To so samo kot tri zelo veliko.

507
00:26:36,300 --> 00:26:39,600
Torej, če greste na spletu, kot
Jaz grem za spodbujanje

508
00:26:39,600 --> 00:26:45,342
boste storiti, in še nekaj
Raziskave na svoje,

509
00:26:45,342 --> 00:26:48,450
Jaz vsekakor priporočam
videti v vse tiste.

510
00:26:48,450 --> 00:26:50,880
Lahko bi bilo super
koristno, zlasti kadar

511
00:26:50,880 --> 00:26:57,180
želite le nekako manipulirati
zelo specifične stvari, ne da bi

512
00:26:57,180 --> 00:27:00,390
iti skozi in poskusite
izloči vse.

513
00:27:00,390 --> 00:27:03,540
>> OK, tako da je zadnja stvar,
je JavaScript dogodkov.

514
00:27:03,540 --> 00:27:10,730
Torej, ko sem govoril prej
o tem bo na spletni strani,

515
00:27:10,730 --> 00:27:14,340
in ko hover nad nečim,
ali miško lebdi nad nečim,

516
00:27:14,340 --> 00:27:15,420
nekaj drugega se dogaja.

517
00:27:15,420 --> 00:27:17,900
To je tisto, kar bi radi, da
misliti kot dogodek.

518
00:27:17,900 --> 00:27:23,970
Torej, kaj imamo, da bi
koristno je tu onclick.

519
00:27:23,970 --> 00:27:29,140
Torej je bila moja na lebdenje, ki sem
precej prepričan, da je samo na lebdenja.

520
00:27:29,140 --> 00:27:31,300
Tudi ton od teh
da si lahko ogledate.

521
00:27:31,300 --> 00:27:34,340
Tam je cel seznam na spletu
različnih stvari

522
00:27:34,340 --> 00:27:37,130
ki jih lahko poslušate za.

523
00:27:37,130 --> 00:27:41,220
>> Vendar JavaScript dogodki
v bistvu samo odzivati ​​na stvareh

524
00:27:41,220 --> 00:27:42,430
da je vaš uporabnik počne.

525
00:27:42,430 --> 00:27:42,930
Kajne?

526
00:27:42,930 --> 00:27:45,220
Torej vaš uporabnik ne
nekaj, da je dogodek,

527
00:27:45,220 --> 00:27:48,340
in JavaScript bo odzval
pa ti bo všeč.

528
00:27:48,340 --> 00:27:49,770
To bo ustrezno odzvati.

529
00:27:49,770 --> 00:27:54,630
Torej v tem primeru smo
nekateri okno dot onload.

530
00:27:54,630 --> 00:27:57,170
Torej, kaj to pove, je, "počakajte
dokler se okno je naložen. "

531
00:27:57,170 --> 00:27:57,780
OK?

532
00:27:57,780 --> 00:28:02,102
Torej, ko bo vse v obremenjenem onload,
potem lahko izvedete to funkcijo.

533
00:28:02,102 --> 00:28:03,810
Torej, ko je vse
naložen, boste

534
00:28:03,810 --> 00:28:07,760
imeti nekaj gumb za iskanje
da postane element s Id,

535
00:28:07,760 --> 00:28:13,740
in ga natisne karkoli, da
element, kot je gumb Išči.

536
00:28:13,740 --> 00:28:17,050
In potem imamo to spremenljivko,
smo rekli, "OK, onclick."

537
00:28:17,050 --> 00:28:20,390
Torej, ko smo zaslišali klik
na gumb Search,

538
00:28:20,390 --> 00:28:23,990
izvršiti to funkcijo, ki je
pozorni, boste kliknili na gumb Iskanje.

539
00:28:23,990 --> 00:28:28,910
>> Torej, kaj se zgodi, is-- je to lepo
malo grafična predstavitev tukaj.

540
00:28:28,910 --> 00:28:31,480
Torej, naši obremenitve dokumentov,
da je naša onload,

541
00:28:31,480 --> 00:28:34,340
smo našli naš Iskanje
gumb, ki je ta.

542
00:28:34,340 --> 00:28:36,570
Iščemo za naše gumb Išči.

543
00:28:36,570 --> 00:28:40,790
In potem, ko je gumb za iskanje
kliknil, da ustreza točno tukaj.

544
00:28:40,790 --> 00:28:41,980
Onclick.

545
00:28:41,980 --> 00:28:47,300
Potem smo končno opozori naš uporabnik,
ki je ta zadnja vrstica tukaj.

546
00:28:47,300 --> 00:28:48,250
OK?

547
00:28:48,250 --> 00:28:52,960
Tako je vsak od teh štirih korakov samo
ustreza štiri škatle

548
00:28:52,960 --> 00:28:55,031
dol na dnu.

549
00:28:55,031 --> 00:28:56,405
Ali, da je smiselno, da se vsakogar?

550
00:28:56,405 --> 00:29:01,120

551
00:29:01,120 --> 00:29:05,200
>> Nato pa ena stvar, ki sem le, da bo
omenjamo zelo, zelo na kratko, da sem

552
00:29:05,200 --> 00:29:08,660
Vam spodbujajo fantje
go videti bolj v je

553
00:29:08,660 --> 00:29:13,210
jQuery, ki je le knjižnica
ki je zgrajen na vrhu JavaScript.

554
00:29:13,210 --> 00:29:16,480
To je zelo koristno, saj
pri večini knjižnic.

555
00:29:16,480 --> 00:29:18,320
Obstaja veliko funkcij.

556
00:29:18,320 --> 00:29:21,930
Torej, če je kdaj kaj, da
želite storiti v JavaScript,

557
00:29:21,930 --> 00:29:24,880
vaš prvi instinkt
ne bi smelo biti, da razmišljajo

558
00:29:24,880 --> 00:29:27,340
o, naj "kaj funkcija
Jaz kodo? «Bi bilo treba,

559
00:29:27,340 --> 00:29:29,560
"Vidim kdo je
to že naredil zame. "

560
00:29:29,560 --> 00:29:32,800
Ker devetkrat od desetih,
nekdo bo to storil že,

561
00:29:32,800 --> 00:29:35,760
in so verjetno storili bolje.

562
00:29:35,760 --> 00:29:39,990
Ljudje preživijo veliko časa delaš ti,
in JavaScript se zelo pogosto uporablja,

563
00:29:39,990 --> 00:29:42,810
tako da ljudje so nenehno
trudijo, da bi bilo bolje.

564
00:29:42,810 --> 00:29:47,110
In jQuery ima veliko funkcij
da bo verjetno koristno za vas

565
00:29:47,110 --> 00:29:50,470
v svojem zadnjem projektu, če ste
delaš karkoli z web design.

566
00:29:50,470 --> 00:29:53,480
Kot sem želel povedati, "delo
pametneje, ne težje. "

567
00:29:53,480 --> 00:29:57,130
Če vi storili, bo to super.

568
00:29:57,130 --> 00:30:00,330
Ko smo na hackathon jaz ne
želim si, da bi vsi pod stresom.

569
00:30:00,330 --> 00:30:03,600
Želim si, da bi podobno, "sem
to. jQuery je dobil moj hrbet.

570
00:30:03,600 --> 00:30:05,790
Ne rabim pisati te funkcije. "

571
00:30:05,790 --> 00:30:07,636
>> Torej samo dve stvari do
zapomni si, jaz grem

572
00:30:07,636 --> 00:30:10,220
pustiti vi videti bolj
v jQuery na svoje.

573
00:30:10,220 --> 00:30:13,070
Vse bom rekel, je to,
počne nekaj precej super stvari

574
00:30:13,070 --> 00:30:15,220
in lahko svoje življenje
celota veliko lažje.

575
00:30:15,220 --> 00:30:17,150
Toda, kaj želite
imeti, je ne glede datoteka

576
00:30:17,150 --> 00:30:21,020
da boš se ga uporablja v,
boste želeli teh dveh linij.

577
00:30:21,020 --> 00:30:25,630
Boste želeli
Scenarij JS jQuery dot js.

578
00:30:25,630 --> 00:30:28,500
In dejansko je vaš vir
se bo nekaj URL.

579
00:30:28,500 --> 00:30:35,870
Če se vprašaš jQuery, Google
dejansko gosti vse datoteke za vas.

580
00:30:35,870 --> 00:30:38,950
Tako da boste zagotovo želeli
vhod, ki URL namesto.

581
00:30:38,950 --> 00:30:41,130
Pravkar sem dal to sem
zavoljo enostavnosti je.

582
00:30:41,130 --> 00:30:45,180
Vse to pomeni, da je, če bi
našli svojo knjižnico jQuery.

583
00:30:45,180 --> 00:30:48,600
To je ogromen, zato nočete
da ga gosti na svojem računalniku

584
00:30:48,600 --> 00:30:53,390
če lahko to prepreči, kar je razlog, zakaj smo
ponavadi samo dal v Googlov URL, ki

585
00:30:53,390 --> 00:30:55,880
gosti vse te datoteke za vas.

586
00:30:55,880 --> 00:30:56,380
OK?

587
00:30:56,380 --> 00:30:58,850
Lahko ga vprašaš, obljubim
da bo tam.

588
00:30:58,850 --> 00:31:01,200
>> In potem karkoli
JavaScript datoteka, ki ste

589
00:31:01,200 --> 00:31:07,150
uporabo, tako da to je samo nekaj zunanjega
JavaScript datoteka, ki ga uporabljate.

590
00:31:07,150 --> 00:31:11,570
Na enak način, da povezujejo naš CSS
datotek, to je ista reč.

591
00:31:11,570 --> 00:31:15,480
To samo povezave do datoteke
kjer je vaš JavaScript je.

592
00:31:15,480 --> 00:31:18,970
In imam nekaj primerov
z enostavnim JavaScript.

593
00:31:18,970 --> 00:31:20,220
Torej bomo šli skozi to.

594
00:31:20,220 --> 00:31:27,230
In potem v vašem indeks JavaScript,
kateri je vaš JavaScript datoteke tukaj,

595
00:31:27,230 --> 00:31:30,900
to je vrsta ovoja
da imate za jQuery.

596
00:31:30,900 --> 00:31:33,860
Skoraj ste že 99,9
odstotkov časa bo

597
00:31:33,860 --> 00:31:36,800
da ima ta v vašem index.js datoteki.

598
00:31:36,800 --> 00:31:40,010
Ker kaj je to pravi se,
"Ne izvrši ničesar

599
00:31:40,010 --> 00:31:43,480
dokler dokument je pravzaprav
pripravljena ", ki je točno tisto, kar želite.

600
00:31:43,480 --> 00:31:46,600
Ker če vaš dokument še ni pripravljen,
in jQuery začne delati stvari,

601
00:31:46,600 --> 00:31:48,020
to je samo nered.

602
00:31:48,020 --> 00:31:50,480
Tako da boste vedno želeli imeti to ovoja.

603
00:31:50,480 --> 00:31:55,760
In potem se za stvari, ki gredo tja, sem
prepušča lastno perusing vaših fantje.

604
00:31:55,760 --> 00:32:04,610
>> OK, tako da so se vsa vprašanja pravica
Zdaj približno JavaScript na splošno?

605
00:32:04,610 --> 00:32:07,420
Ali model DOM?

606
00:32:07,420 --> 00:32:10,780
Če ne, imamo nekaj kul
primeri, da lahko gremo skozi,

607
00:32:10,780 --> 00:32:13,120
da lahko vi pomoč mi kodo.

608
00:32:13,120 --> 00:32:15,877
Ampak jaz sem tudi dogaja, da se
super lepo, in če vas

609
00:32:15,877 --> 00:32:17,960
Ne želim reči ničesar
za to, da je v redu.

610
00:32:17,960 --> 00:32:20,510
Lahko pa vam daj primere.

611
00:32:20,510 --> 00:32:24,581
Ampak, kaj na
PowerPoint, preden gremo naprej?

612
00:32:24,581 --> 00:32:25,080
Cool.

613
00:32:25,080 --> 00:32:26,990
>> Počutim se, kot vi potrebujete energijo.

614
00:32:26,990 --> 00:32:31,516
Tako da mislim, da bomo začeli
z mojo primer stranke prvi.

615
00:32:31,516 --> 00:32:33,390
Imamo tri primere,
imaš izbiro.

616
00:32:33,390 --> 00:32:37,720
Torej imamo uro, kam gremo
izvajati dejansko uro, ki je

617
00:32:37,720 --> 00:32:41,430
bo posodobitev, kot čas goes z.

618
00:32:41,430 --> 00:32:43,310
Imamo to veliko funkcijo Twitter.

619
00:32:43,310 --> 00:32:44,560
This-- veš kaj, počakaj.

620
00:32:44,560 --> 00:32:47,220
Bomo, da bo to izginilo.

621
00:32:47,220 --> 00:32:47,950
Bam.

622
00:32:47,950 --> 00:32:49,060
OK.

623
00:32:49,060 --> 00:32:56,132
>> Imamo to veliko funkcijo Twitter
tukaj, that-- vem, kajne?

624
00:32:56,132 --> 00:32:57,090
To se dogaja, da je super.

625
00:32:57,090 --> 00:32:58,350
Ali vi navdušeni?

626
00:32:58,350 --> 00:33:01,170
To se dogaja, da preštejemo
znakov, ki ste jih zapustili,

627
00:33:01,170 --> 00:33:04,520
tako da, če sem tip prav zdaj,
Očitno je še vedno pravi, 140,

628
00:33:04,520 --> 00:33:06,190
vendar vemo, da to ni res.

629
00:33:06,190 --> 00:33:08,570
In potem z našim zadnjim
Tukaj kliknite tukaj za zabavo.

630
00:33:08,570 --> 00:33:12,150
Kaj se bo zgodilo, ko
kliknemo, ozadje je

631
00:33:12,150 --> 00:33:13,340
gre za spremembo barve.

632
00:33:13,340 --> 00:33:17,060
Torej vidva imela svoje možnosti za
ki jo želite storiti najprej.

633
00:33:17,060 --> 00:33:19,800
Obljubim, da bom zelo enostaven za vas.

634
00:33:19,800 --> 00:33:22,680
Počutim se, kot vsi nekako
s samo zelo nizko ključni danes.

635
00:33:22,680 --> 00:33:25,540
Tako vam bom sprehod skozi kako
bomo izvajati vse te.

636
00:33:25,540 --> 00:33:28,520
Če želite gonge
s tem, da je super, ampak jaz

637
00:33:28,520 --> 00:33:30,020
Počutim se, kot vsakdo je malo utrujen.

638
00:33:30,020 --> 00:33:32,970
Tako da bom samo sprehod
preko teh primerov.

639
00:33:32,970 --> 00:33:35,015
Ali imamo nekaj,
smo želeli storiti najprej?

640
00:33:35,015 --> 00:33:38,140

641
00:33:38,140 --> 00:33:39,475
Kdorkoli?

642
00:33:39,475 --> 00:33:41,350
Ni izbrano?

643
00:33:41,350 --> 00:33:41,867
OK.

644
00:33:41,867 --> 00:33:42,450
Veš kaj?

645
00:33:42,450 --> 00:33:43,290
Mi smo na zabavi.

646
00:33:43,290 --> 00:33:48,380
Počutim se, kot vi potrebujete little--
tako da bomo narediti eno stranko najprej.

647
00:33:48,380 --> 00:33:48,880
OK.

648
00:33:48,880 --> 00:33:51,470

649
00:33:51,470 --> 00:33:56,930
>> Torej, kaj smo here-- imeli, da je
Ne bi smel biti tam.

650
00:33:56,930 --> 00:33:57,910
Zdaj je dober.

651
00:33:57,910 --> 00:33:59,810
OK.

652
00:33:59,810 --> 00:34:03,110
Torej, kaj imamo tukaj je
samo preprosto HTML stran

653
00:34:03,110 --> 00:34:07,840
da bi morali vsi fantje super
pozna iz vaših zadnjih dveh psets.

654
00:34:07,840 --> 00:34:10,212
imamo vrsto dok tukaj.

655
00:34:10,212 --> 00:34:10,920
Lahko vsi videli?

656
00:34:10,920 --> 00:34:11,420
OK.

657
00:34:11,420 --> 00:34:12,560
Cool.

658
00:34:12,560 --> 00:34:13,900
Imamo HTML očitno.

659
00:34:13,900 --> 00:34:18,360
Imamo nekaj glavo, ki je
vezan na slog stanja, ki

660
00:34:18,360 --> 00:34:21,420
pravkar moja pisava lepo in veliko in drzno.

661
00:34:21,420 --> 00:34:23,489
Torej, ne skrbi.

662
00:34:23,489 --> 00:34:26,437
>> Imamo nekaj telo z
Id ozadje, OK?

663
00:34:26,437 --> 00:34:28,520
Ker bomo, da bo
spreminjanje ozadja.

664
00:34:28,520 --> 00:34:31,964
Torej, ko smo spreminjanje
ozadje našega telesa,

665
00:34:31,964 --> 00:34:35,965
se spomnimo iz pred dvema tednoma
ko imamo opravka s spletnih strani.

666
00:34:35,965 --> 00:34:36,840
Tako dobro, da ima to.

667
00:34:36,840 --> 00:34:39,270
In imamo nekaj Id stranko enaka.

668
00:34:39,270 --> 00:34:43,909
Ta h sodnik funt samo pomeni, da
to se dogaja, da gredo na isti strani.

669
00:34:43,909 --> 00:34:47,120
In kliknite tukaj, da stranka,
zato je, ko smo ga kliknite,

670
00:34:47,120 --> 00:34:48,940
mora spremeniti barve, na srečo.

671
00:34:48,940 --> 00:34:54,322
>> In potem imamo nekaj skript, ki tukaj
je le povezano s tem js dot strank

672
00:34:54,322 --> 00:34:58,100
datoteka, ki je prazna, ker
še nismo naredili ničesar.

673
00:34:58,100 --> 00:35:00,450
In to je tako žalostno.

674
00:35:00,450 --> 00:35:06,100
A zelo kmalu, bo spremenila
barve in bo super.

675
00:35:06,100 --> 00:35:10,520
>> Tako da sem šele tekoč, da vam hodi fantje
s tem, kako lahko ta pristop.

676
00:35:10,520 --> 00:35:14,030
Torej prva stvar, ki
bomo morda želeli storiti,

677
00:35:14,030 --> 00:35:18,050
če smo spremenili ozadje
telo, prva stvar, ki jo morda želeli

678
00:35:18,050 --> 00:35:22,730
storiti, je dejansko zgrabi
kaj je telo, kajne?

679
00:35:22,730 --> 00:35:27,690
Zato želimo imeti vsoto, naša
ozadje, in če opazite,

680
00:35:27,690 --> 00:35:29,567
Pravkar sem avtomatično šele začnite tipkati.

681
00:35:29,567 --> 00:35:32,400
Ni nič posebnega, da smo
morate storiti za naše JavaScript datotek.

682
00:35:32,400 --> 00:35:35,820
Lahko začnem razglasitvi spremenljivk,
in razglasitev naključne funkcije.

683
00:35:35,820 --> 00:35:38,110
In to je veliko bolj proste oblike.

684
00:35:38,110 --> 00:35:41,930
To je tako kot s C, smo dali ste vse
ti trde pravila in ste odraščali,

685
00:35:41,930 --> 00:35:43,220
tako da smo kot "iti naprej.

686
00:35:43,220 --> 00:35:44,000
Bodite brezplačno.

687
00:35:44,000 --> 00:35:44,870
To, kar hočeš. "

688
00:35:44,870 --> 00:35:46,280
In to je tisto, kar je JavaScript.

689
00:35:46,280 --> 00:35:48,390
Torej, imamo nekaj ozadja tukaj.

690
00:35:48,390 --> 00:35:55,900
Z našega modela DOM, mi vemo,
lahko storite dokument dot dobili element,

691
00:35:55,900 --> 00:36:00,290
in če opazimo tu,
Naše telo ima Id.

692
00:36:00,290 --> 00:36:00,930
Kajne?

693
00:36:00,930 --> 00:36:06,310
Tako da bomo lahko dobili dokument, ki ga
Id, in tukaj je preprost.

694
00:36:06,310 --> 00:36:08,295
Kaj je naša Id da hočemo tu?

695
00:36:08,295 --> 00:36:09,170
OBČINSTVO: Ozadje.

696
00:36:09,170 --> 00:36:11,280
ALLISON BUCHHOLTZ-AU: Ozadje.

697
00:36:11,280 --> 00:36:12,230
Popolna.

698
00:36:12,230 --> 00:36:14,250
In podpičjem na koncu.

699
00:36:14,250 --> 00:36:15,610
Ki še ni izginila.

700
00:36:15,610 --> 00:36:17,330
Morate še vedno svoje podpičji.

701
00:36:17,330 --> 00:36:17,830
OK.

702
00:36:17,830 --> 00:36:19,690
Torej, to je naša prva.

703
00:36:19,690 --> 00:36:23,880
In ko smo kliknite nekaj, smo
želijo nekaj, da se zgodi, kajne?

704
00:36:23,880 --> 00:36:28,270
Tako bomo morda želeli nekaj spremenljivka
ki je čakala na klik.

705
00:36:28,270 --> 00:36:32,410
Kaj bomo storiti, je, da bomo
bo naša povezava bolj podoben gumb.

706
00:36:32,410 --> 00:36:43,140
Torej bomo imeli nekaj gumb,
enaka dokumentirati dot dobili element, ki ga Id.

707
00:36:43,140 --> 00:36:48,670
In če govorim o
kliknite na povezavo ali kliknite tukaj za zabavo

708
00:36:48,670 --> 00:36:51,850
povezava, kaj bi moj Id tukaj?

709
00:36:51,850 --> 00:36:52,590
Party.

710
00:36:52,590 --> 00:36:55,200
Pravilna.

711
00:36:55,200 --> 00:36:56,500
OK, ne preveč slabo doslej.

712
00:36:56,500 --> 00:36:59,060
Vsi dobili tisto, kar počnemo?

713
00:36:59,060 --> 00:37:02,100
>> OK, tako da zdaj imamo
gumb, in želimo,

714
00:37:02,100 --> 00:37:04,140
Stvari se spremenijo, ko smo kliknite nanj.

715
00:37:04,140 --> 00:37:08,750
Torej, če se spomnimo iz naše PowerPoint,
zelo preprosta stvar, ki jo lahko naredite

716
00:37:08,750 --> 00:37:12,140
je samo gumb dot onclick, kajne?

717
00:37:12,140 --> 00:37:14,750

718
00:37:14,750 --> 00:37:18,730
In to se dogaja, da enaka nekatere funkcije.

719
00:37:18,730 --> 00:37:20,620
To je anonimna funkcija.

720
00:37:20,620 --> 00:37:24,620
In to samo as-- pravzaprav sem
dogaja, da je to malo večji.

721
00:37:24,620 --> 00:37:27,330
>> Torej, kaj sem naredil
Tukaj je Pravim, OK,

722
00:37:27,330 --> 00:37:31,810
ko smo kliknite našo gumb, ki je
ta povezava, ki smo ga pravkar navedeno,

723
00:37:31,810 --> 00:37:34,270
se bomo, da izvrši
ta anonimni funkcija.

724
00:37:34,270 --> 00:37:35,845
Mi ne potrebujemo nobenih vhodov.

725
00:37:35,845 --> 00:37:37,220
Mi ne zanima, kaj si povedal.

726
00:37:37,220 --> 00:37:38,800
Ko kliknejo na to, da smo
dogaja, da stori vse, kar smo želeli,

727
00:37:38,800 --> 00:37:40,660
ki je spremeniti barvo ozadja.

728
00:37:40,660 --> 00:37:42,640
OK?

729
00:37:42,640 --> 00:37:47,224
Torej, to je, zakaj nimamo nobenih vhodov,
imamo samo to anonimno funkcijo.

730
00:37:47,224 --> 00:37:49,390
In zdaj smo dejansko dogaja
napisati to funkcijo.

731
00:37:49,390 --> 00:37:55,040
>> Torej, obstaja kup načinov, kako
lahko ustvari naključno barvo.

732
00:37:55,040 --> 00:37:59,010
Tako, da sem naredil je bilo, da
ustvarijo tri naključnih številk

733
00:37:59,010 --> 00:38:01,910
in jih pretvorite v RGB triple.

734
00:38:01,910 --> 00:38:06,130
Torej, vam je to samo kaže, nekaj kul
stvari, če ste všeč, "oh,

735
00:38:06,130 --> 00:38:08,464
Moram ustvariti naključno
število. ", če ga na Googlu,

736
00:38:08,464 --> 00:38:09,630
To je tisto, kar boste našli.

737
00:38:09,630 --> 00:38:17,580
>> Torej imamo tri različne
stvari, var, ne že spet rdeča, zelena.

738
00:38:17,580 --> 00:38:18,080
Kajne?

739
00:38:18,080 --> 00:38:20,740
Torej, to so trije
Stvari, ki sestavljajo barve.

740
00:38:20,740 --> 00:38:22,220
Modra, rdeča in zelena.

741
00:38:22,220 --> 00:38:22,960
Cool.

742
00:38:22,960 --> 00:38:27,050
In kaj lahko storimo, je, da vemo,
da mora biti med 255,

743
00:38:27,050 --> 00:38:30,140
in če si pogledal nekaj
Generator naključnih števil,

744
00:38:30,140 --> 00:38:36,000
da bi dobili nekaj podobnega matematiki
dot random, ki, če je to pogledaš gor

745
00:38:36,000 --> 00:38:39,230
vrne določeno število
med nič in ena.

746
00:38:39,230 --> 00:38:39,980
OK?

747
00:38:39,980 --> 00:38:44,470
In kaj številke naredimo
RGB trojk iti med?

748
00:38:44,470 --> 00:38:47,240
Zero in kaj?

749
00:38:47,240 --> 00:38:49,000
Kaj lahko gredo do?

750
00:38:49,000 --> 00:38:49,950
255.

751
00:38:49,950 --> 00:38:53,320
Torej, če math dot naključno
gre med nič in ena,

752
00:38:53,320 --> 00:38:56,365
kako bi se želimo spremeniti to?

753
00:38:56,365 --> 00:38:56,990
OBČINSTVO: čas?

754
00:38:56,990 --> 00:38:57,830
ALLISON BUCHHOLTZ-AU: Ja, točno.

755
00:38:57,830 --> 00:38:58,677
Torej čas je 255.

756
00:38:58,677 --> 00:39:00,888
>> OBČINSTVO: [neslišno]
To je kot [neslišno].

757
00:39:00,888 --> 00:39:02,471
ALLISON BUCHHOLTZ-AU: Math dot naključno.

758
00:39:02,471 --> 00:39:03,096
OBČINSTVO: Cool.

759
00:39:03,096 --> 00:39:04,580
ALLISON BUCHHOLTZ-AU: Da.

760
00:39:04,580 --> 00:39:06,300
JavaScript samo skrbi za vas.

761
00:39:06,300 --> 00:39:07,580
OK.

762
00:39:07,580 --> 00:39:09,360
Tako da lahko naredimo, da je za vse to.

763
00:39:09,360 --> 00:39:10,540
Kajne?

764
00:39:10,540 --> 00:39:16,480
Math dot naključno krat 255.

765
00:39:16,480 --> 00:39:17,740
Sprejeto.

766
00:39:17,740 --> 00:39:18,820
Cool.

767
00:39:18,820 --> 00:39:23,350
Torej, stvar je lahko to
ne vrne celo število.

768
00:39:23,350 --> 00:39:24,080
Kajne?

769
00:39:24,080 --> 00:39:26,450
Morda bomo dobili nekaj več
med nič in ena,

770
00:39:26,450 --> 00:39:32,150
in povzroči, da se nekoliko
off, in naši RGBs ne more biti plava.

771
00:39:32,150 --> 00:39:33,360
Morajo biti Ints.

772
00:39:33,360 --> 00:39:37,610
Torej, če ste poskusili to, bi verjetno
imajo neko nepredvidljivo vedenje.

773
00:39:37,610 --> 00:39:38,810
To bi bilo malo funky.

774
00:39:38,810 --> 00:39:43,200
Torej, kaj mi je, da smo želeli, da bi
Prepričajte se, da so te zaokrožene,

775
00:39:43,200 --> 00:39:45,400
in lahko zaokroži v katero koli smer.

776
00:39:45,400 --> 00:39:47,110
Sem zaokrožen s tlemi.

777
00:39:47,110 --> 00:39:49,680
Tako sem vedno poskrbel,
da se zaokroži navzdol.

778
00:39:49,680 --> 00:39:54,440
Ampak gredo dol, kako preprosto je
je bil le dobili naključno število,

779
00:39:54,440 --> 00:39:57,920
kako misliš, da bi
Morda nadstropje to številko?

780
00:39:57,920 --> 00:40:00,720
To je zelo podoben.

781
00:40:00,720 --> 00:40:02,810
Kakšna ideja?

782
00:40:02,810 --> 00:40:06,450
Torej, če je bila le naključno math dot
naključno, da misliš, da bi naredil tla?

783
00:40:06,450 --> 00:40:09,670
Math dot tla.

784
00:40:09,670 --> 00:40:11,340
In lahko storite tudi matematiko dot strop.

785
00:40:11,340 --> 00:40:14,030
Krog je nekako dvoumen
ker si ne

786
00:40:14,030 --> 00:40:16,110
vem, ali naj se zaokroži navzgor ali navzdol zaokroži.

787
00:40:16,110 --> 00:40:20,797
Torej ponavadi smo vedno math
dot nadstropje, math dot strop.

788
00:40:20,797 --> 00:40:21,380
Vendar honestly--

789
00:40:21,380 --> 00:40:22,780
>> OBČINSTVO: Ali krog talnega dol?

790
00:40:22,780 --> 00:40:24,740
>> ALLISON BUCHHOLTZ-AU: Floor zaokroži navzdol.

791
00:40:24,740 --> 00:40:26,990
In to je samo izbira na moji strani.

792
00:40:26,990 --> 00:40:32,370
>> Torej, zdaj imamo tri številke
ki so bile naključno,

793
00:40:32,370 --> 00:40:36,610
in kaj bomo storili zdaj, je, da smo
šele tekoč, da spremenite ozadje.

794
00:40:36,610 --> 00:40:37,310
OK?

795
00:40:37,310 --> 00:40:41,490
Tako smo že imamo
ozadje nekako shranjena

796
00:40:41,490 --> 00:40:43,280
V tem elementu imenovano ozadje.

797
00:40:43,280 --> 00:40:47,300
Torej, kaj boste opazili, je, če je
ste igral okoli s tem,

798
00:40:47,300 --> 00:40:50,460
želimo spremeniti slog.

799
00:40:50,460 --> 00:40:53,812
In to je nekako nekaj,
bi Google in ugotovimo,

800
00:40:53,812 --> 00:40:55,020
všeč, kako spremeniti barvo.

801
00:40:55,020 --> 00:40:59,210
>> Ampak način lahko dostopate ta barva
Ozadje dot dot slog ozadje.

802
00:40:59,210 --> 00:41:03,490
Torej, to je rekel dana
objekt, ozadje,

803
00:41:03,490 --> 00:41:06,920
ki se nanaša na to
element Id tam,

804
00:41:06,920 --> 00:41:10,690
gremo pogledati
stil v stilu,

805
00:41:10,690 --> 00:41:13,280
gremo pogledati v ozadje.

806
00:41:13,280 --> 00:41:14,270
OK?

807
00:41:14,270 --> 00:41:17,630
In če greš in si to gor,
to bi lahko dal malo več smisla,

808
00:41:17,630 --> 00:41:21,930
ampak to je v bistvu samo rekel,
"Daj mi to zelo posebno lastnost

809
00:41:21,930 --> 00:41:25,770
kaj sem definirana prej. "

810
00:41:25,770 --> 00:41:32,340
Torej, kaj smo ga spreminja, da je
nekateri RGB, saj je smiselno.

811
00:41:32,340 --> 00:41:34,780
Mi smo s pomočjo RGB potroji, kajne?

812
00:41:34,780 --> 00:41:41,530
In smo have-- želim, da bi zagotovil, da sem
dobili pravo število citatov tukaj.

813
00:41:41,530 --> 00:41:43,940
Torej, kaj mi je, da smo imeli
RGB, in gremo

814
00:41:43,940 --> 00:41:46,800
to-- je to všeč
Združitev, ki je rdeče barve.

815
00:41:46,800 --> 00:41:50,030

816
00:41:50,030 --> 00:41:52,610
In potem smo želeli nekaj vejico.

817
00:41:52,610 --> 00:41:59,925
In potem smo se želeli plus zelena,
potem nekaj vejica, in nekaj modrega.

818
00:41:59,925 --> 00:42:10,640

819
00:42:10,640 --> 00:42:14,120
>> Torej ti pluse samo
pomeni kot spoj.

820
00:42:14,120 --> 00:42:19,810
Torej, to je samo ustvarja ta
Niz, ki se dogaja v RGB.

821
00:42:19,810 --> 00:42:20,310
OK?

822
00:42:20,310 --> 00:42:23,200

823
00:42:23,200 --> 00:42:26,684
>> OBČINSTVO: [neslišno] plus potem
zeleni plus potem rdeče.

824
00:42:26,684 --> 00:42:30,163
>> ALLISON BUCHHOLTZ-AU: Ja,
ker sem zamočil, da je gor.

825
00:42:30,163 --> 00:42:30,890
V redu, da je eden je.

826
00:42:30,890 --> 00:42:32,110
Oh, počakaj.

827
00:42:32,110 --> 00:42:32,610
No.

828
00:42:32,610 --> 00:42:36,770
Ker moram prepričati
da imam vse te pravice.

829
00:42:36,770 --> 00:42:39,680

830
00:42:39,680 --> 00:42:43,950
Torej bom razložil v uno Momento.

831
00:42:43,950 --> 00:42:47,040
Zelena, modra, odlično.

832
00:42:47,040 --> 00:42:47,971
Zdaj sem naredil.

833
00:42:47,971 --> 00:42:48,470
Verjamem.

834
00:42:48,470 --> 00:42:51,570

835
00:42:51,570 --> 00:42:52,530
>> OK.

836
00:42:52,530 --> 00:42:58,085
Torej, kaj je to, je, da je v ozadju
se dogaja, da se določi, da neki niz.

837
00:42:58,085 --> 00:42:58,585
Kajne?

838
00:42:58,585 --> 00:42:59,710
Ki je to, kar imamo tukaj.

839
00:42:59,710 --> 00:43:05,870
To se dogaja, da nekateri RGB 255 vejica
255 vejica nič, ali karkoli vam številka

840
00:43:05,870 --> 00:43:06,512
imajo tam.

841
00:43:06,512 --> 00:43:08,220
Torej delamo tukaj,
imamo nekaj niz.

842
00:43:08,220 --> 00:43:11,910
In tisto, kar smo želeli storiti, je, da smo
vrsta dinamično ustvarjanje

843
00:43:11,910 --> 00:43:14,010
da, ko smo dejansko vodijo ta program.

844
00:43:14,010 --> 00:43:16,570
Torej je to nekaj niz.

845
00:43:16,570 --> 00:43:20,290
Plus to use z
vrednost, ki ima rdeče,

846
00:43:20,290 --> 00:43:23,320
ki ga use z
vejica, ki jo use

847
00:43:23,320 --> 00:43:26,090
s tem, kar je zeleno, in
tako naprej in tako naprej.

848
00:43:26,090 --> 00:43:26,660
OK?

849
00:43:26,660 --> 00:43:32,210
Do konca, ki je
zapiranje oklepaje tega RGB tukaj.

850
00:43:32,210 --> 00:43:32,800
OK?

851
00:43:32,800 --> 00:43:37,230
>> Torej, kaj se to dogaja, da
ustvarila je nekaj ukaz res

852
00:43:37,230 --> 00:43:42,770
da je RGB treh številk
da je v ozadju je zdaj nastavljen na.

853
00:43:42,770 --> 00:43:43,940
OK?

854
00:43:43,940 --> 00:43:46,510
Torej, da vidimo, če to deluje.

855
00:43:46,510 --> 00:43:49,720
Upam, da ne, ker če ji
ne, bom biti resnično žalostno.

856
00:43:49,720 --> 00:43:50,250
Oh, ne.

857
00:43:50,250 --> 00:43:52,710
OK, počakaj.

858
00:43:52,710 --> 00:43:56,730
Definitivno ozadje
dot dot slog ozadja.

859
00:43:56,730 --> 00:43:59,569
Jaz sem definitivno manjka
nekaj samo majhen.

860
00:43:59,569 --> 00:44:00,610
Ne vidva sovražim to?

861
00:44:00,610 --> 00:44:04,020
Ko je samo majhen malo napako?

862
00:44:04,020 --> 00:44:04,990
Vsemogočni ozadje.

863
00:44:04,990 --> 00:44:08,391

864
00:44:08,391 --> 00:44:08,890
RGB.

865
00:44:08,890 --> 00:44:09,765
>> OBČINSTVO: [neslišno]

866
00:44:09,765 --> 00:44:11,729

867
00:44:11,729 --> 00:44:12,770
ALLISON BUCHHOLTZ-AU: No.

868
00:44:12,770 --> 00:44:14,050
Poskušal sem te pred razredom.

869
00:44:14,050 --> 00:44:16,570
Imam vse, kar sem storil, preden
razred v primeru, da sem podobno,

870
00:44:16,570 --> 00:44:17,970
"Čakaj, kaj sem naredil narobe?"

871
00:44:17,970 --> 00:44:23,190
Ker sem bil kot, "bom verjetno
nered to gor na neki točki. "

872
00:44:23,190 --> 00:44:24,150
Plus zelena.

873
00:44:24,150 --> 00:44:26,250
Vse izgleda, kot da je
pravilno združena z verigo.

874
00:44:26,250 --> 00:44:29,620

875
00:44:29,620 --> 00:44:30,520
OK.

876
00:44:30,520 --> 00:44:31,870
>> OBČINSTVO: [neslišno]

877
00:44:31,870 --> 00:44:33,810
>> ALLISON BUCHHOLTZ-AU: Oh, tam greš.

878
00:44:33,810 --> 00:44:35,520
To je tisto, kar sem potreboval.

879
00:44:35,520 --> 00:44:36,805
Poglej.

880
00:44:36,805 --> 00:44:40,090
Tiffany rešiti.

881
00:44:40,090 --> 00:44:40,590
Popolna.

882
00:44:40,590 --> 00:44:41,090
OK.

883
00:44:41,090 --> 00:44:43,834
Zdaj pa poglejmo, če deluje.

884
00:44:43,834 --> 00:44:44,816
Oh moj bog.

885
00:44:44,816 --> 00:44:45,641
OK.

886
00:44:45,641 --> 00:44:46,140
Počakaj.

887
00:44:46,140 --> 00:44:48,280
>> OBČINSTVO: Space po drugi plus.

888
00:44:48,280 --> 00:44:50,310
>> ALLISON BUCHHOLTZ-AU: Katerega?

889
00:44:50,310 --> 00:44:52,910
Oh, počakajte, počakaj.

890
00:44:52,910 --> 00:44:54,870
Prostor obrabe?

891
00:44:54,870 --> 00:44:57,209
>> OBČINSTVO: Drugi plus v
zelena podaljšek.

892
00:44:57,209 --> 00:44:58,250
ALLISON BUCHHOLTZ-AU: Oh.

893
00:44:58,250 --> 00:44:59,570
OBČINSTVO: Ni prostora
po plus, ja.

894
00:44:59,570 --> 00:45:00,790
ALLISON BUCHHOLTZ-AU: You
ne potrebujem, ampak--

895
00:45:00,790 --> 00:45:01,190
OBČINSTVO: Oh, vi pa ne?

896
00:45:01,190 --> 00:45:01,910
ALLISON BUCHHOLTZ-AU: To izgleda precej.

897
00:45:01,910 --> 00:45:02,530
OBČINSTVO: OK.

898
00:45:02,530 --> 00:45:03,030
OK.

899
00:45:03,030 --> 00:45:05,170
>> ALLISON BUCHHOLTZ AU:
Poglejmo, če to deluje.

900
00:45:05,170 --> 00:45:05,670
OK.

901
00:45:05,670 --> 00:45:07,836
Jaz seveda ne na
to demo, ki me spominja na

902
00:45:07,836 --> 00:45:12,810
predavanja drugi teden,
ampak vem, da bo to delovalo.

903
00:45:12,810 --> 00:45:15,860
Vem, da bo to delovalo.

904
00:45:15,860 --> 00:45:16,580
Tako blizu.

905
00:45:16,580 --> 00:45:22,330
Razen če sem zbrisal
moj scenarij o tem.

906
00:45:22,330 --> 00:45:24,035
Ne, to je pika družabne js.

907
00:45:24,035 --> 00:45:25,776
OK, počakaj.

908
00:45:25,776 --> 00:45:28,650
Grem kopirati to, in sem tudi
le, da bo izbrisati vse,

909
00:45:28,650 --> 00:45:30,108
ker sem imel to delovno prej.

910
00:45:30,108 --> 00:45:32,470

911
00:45:32,470 --> 00:45:33,770
>> Obljubim, da deluje.

912
00:45:33,770 --> 00:45:36,160
Če ne, vam bom pokazal, kaj je Tommy je.

913
00:45:36,160 --> 00:45:38,890
In tam.

914
00:45:38,890 --> 00:45:42,380
>> OBČINSTVO: Ti si na to zabavo
dot CSS, in to je stranka dot js.

915
00:45:42,380 --> 00:45:45,940
>> ALLISON BUCHHOLTZ-AU: Ah, dobro
Tukaj je js dot oseb.

916
00:45:45,940 --> 00:45:49,187
OK, kaj sem naredil drugače?

917
00:45:49,187 --> 00:45:50,520
OK, bomo videli, če to deluje zdaj.

918
00:45:50,520 --> 00:45:54,180

919
00:45:54,180 --> 00:45:54,980
Bam.

920
00:45:54,980 --> 00:46:02,110
Torej, ne vem, kaj sem storil drugače,
ampak to je tisto, kar bi se moralo zgoditi.

921
00:46:02,110 --> 00:46:03,230
Nekako kul.

922
00:46:03,230 --> 00:46:06,650
Sem kliknil na to, kot, vedno.

923
00:46:06,650 --> 00:46:11,185
Vendar pa lahko poskusite in videli, kaj sem storil,
drugače, da je to ena.

924
00:46:11,185 --> 00:46:14,560
Ne vem o vas, ampak to
izgleda v bistvu tisto, kar sem napisal.

925
00:46:14,560 --> 00:46:17,950
Tam je bil verjetno manjkajoči
podpičje nekje je moja stvar.

926
00:46:17,950 --> 00:46:22,064
Pravzaprav, ko mislim, da sem bil odsoten
podpičje tukaj pravzaprav.

927
00:46:22,064 --> 00:46:24,230
Vendar nisem mogel videti, ker
je bilo z zaslona.

928
00:46:24,230 --> 00:46:29,040
>> Ampak, če smo opazili, da je to precej
precej točno to, kar sem napisal.

929
00:46:29,040 --> 00:46:33,010
Mislim, da je verjetno najtežji del o
to je le nekako to stvar prav

930
00:46:33,010 --> 00:46:36,830
tukaj, razumevanje
kaj pa počne tam.

931
00:46:36,830 --> 00:46:42,230
Te vrste stvari, ki jih učijo
res samo Googling in pošteno

932
00:46:42,230 --> 00:46:42,880
samo poskušam.

933
00:46:42,880 --> 00:46:46,770
Če misliš, da obstaja nekaj
atribut, pa verjetno je.

934
00:46:46,770 --> 00:46:48,382
Tako da ga preizkusite.

935
00:46:48,382 --> 00:46:49,090
Poglejte, kaj se dogaja.

936
00:46:49,090 --> 00:46:53,000
Kot sem rekel, tam je veliko
eksperimentiranje z JavaScript,

937
00:46:53,000 --> 00:46:56,810
in PHP, in vse,
stvari, in CSS posebej.

938
00:46:56,810 --> 00:47:00,046
To je edina prava
način, da ga razumejo.

939
00:47:00,046 --> 00:47:07,100
>> OK, tako da po tem polomu s stranko
dot js, imamo dve drugi možnosti.

940
00:47:07,100 --> 00:47:10,650
Imamo uro ali Twitter.

941
00:47:10,650 --> 00:47:12,190
Oni so tako zanimivo.

942
00:47:12,190 --> 00:47:17,720
Mogoče ni tako zabavno kot stranka,
ki je imela kul malo Utripanje

943
00:47:17,720 --> 00:47:19,595
stvar na koncu.

944
00:47:19,595 --> 00:47:21,714
Ali vidva imela prednost?

945
00:47:21,714 --> 00:47:22,380
OBČINSTVO: Ura?

946
00:47:22,380 --> 00:47:22,950
ALLISON BUCHHOLTZ-AU: Ura?

947
00:47:22,950 --> 00:47:23,450
OK.

948
00:47:23,450 --> 00:47:25,390
Cool.

949
00:47:25,390 --> 00:47:30,460
>> Torej še enkrat, imamo
prazno datoteko JavaScript.

950
00:47:30,460 --> 00:47:35,800
In kot smo videli tu,
imajo nekaj zelo preprostih HTML.

951
00:47:35,800 --> 00:47:40,010
Imamo slogi, ki so pravkar
formate, kaj naj bi izgledal.

952
00:47:40,010 --> 00:47:42,860
Imamo div z
Id za uro, ki

953
00:47:42,860 --> 00:47:44,420
Samo pravi, "to bi morala biti ura."

954
00:47:44,420 --> 00:47:47,650
In imamo povezavo
za naše datoteke JavaScript

955
00:47:47,650 --> 00:47:51,400
da se dejansko dogaja, da
ustvarjajo našo uro za nami.

956
00:47:51,400 --> 00:47:56,060
Ker je kul stvar je, da lahko
nastavite JavaScript samodejno osvežitev

957
00:47:56,060 --> 00:47:56,963
sama.

958
00:47:56,963 --> 00:47:57,810
OK?

959
00:47:57,810 --> 00:48:01,580
Torej, namesto čakanja
Uporabnik udaril Refresh na strani

960
00:48:01,580 --> 00:48:03,840
tako da lahko dobite
posodablja čas, JavaScript

961
00:48:03,840 --> 00:48:06,760
lahko posodobite pa je všeč.

962
00:48:06,760 --> 00:48:12,082
>> Tako, kot pri našem zadnjem enega, smo želeli
dostop do naše ozadje, kajne?

963
00:48:12,082 --> 00:48:14,790
Torej, kaj misliš, da bi bilo
Prva stvar, ki smo želeli narediti tukaj?

964
00:48:14,790 --> 00:48:19,538
Če smo nekako gredo off
to neke paradigme tukaj?

965
00:48:19,538 --> 00:48:22,200
Verjetno želimo
dostop do naše uro, kajne?

966
00:48:22,200 --> 00:48:24,724
Torej, imamo nekaj var
ura, ki equals--

967
00:48:24,724 --> 00:48:26,140
Kaj menimo, da se dogaja, da je?

968
00:48:26,140 --> 00:48:29,290

969
00:48:29,290 --> 00:48:42,670
Dokument dot dobili element by-- I tudi
ljubezen Sublime-- Id in naša Id je ura.

970
00:48:42,670 --> 00:48:43,585
Podpičje.

971
00:48:43,585 --> 00:48:45,710
Dobil se prepričajte, da bi dobili
ti podpičja ta čas,

972
00:48:45,710 --> 00:48:47,835
ker se počutim, kot da
problem je bil zadnji čas.

973
00:48:47,835 --> 00:48:55,980
OK, tako, kot sem pravkar rekel, ko poskušate
imeti JavaScript sama osveževanja

974
00:48:55,980 --> 00:48:59,655
tam je to super funkcija, I
Vem, da je prišel v priročni zadnjem letu,

975
00:48:59,655 --> 00:49:02,780
Nisem prepričan, da gre prav za to
pset, vendar je pozval set interval.

976
00:49:02,780 --> 00:49:05,640

977
00:49:05,640 --> 00:49:08,200
In to je dejansko res
kul, če vidva storiti ničesar

978
00:49:08,200 --> 00:49:11,460
s časom ali pridobivanje
posodobljene informacije.

979
00:49:11,460 --> 00:49:13,700
Na spletni strani za končno
projekt, to je verjetno

980
00:49:13,700 --> 00:49:16,240
Funkcija želite
dobili super poznajo.

981
00:49:16,240 --> 00:49:19,730
Torej, kaj nastaviti interval pa je, da
bomo izročiti to funkcijo,

982
00:49:19,730 --> 00:49:21,830
in kako pogosto naj
pokličite to funkcijo.

983
00:49:21,830 --> 00:49:22,430
OK?

984
00:49:22,430 --> 00:49:26,890
>> Torej, v tem primeru smo le, da bo
znova ustvariti neko anonimno funkcijo,

985
00:49:26,890 --> 00:49:31,530
OK, to se dogaja, da bi dobili
naš datum, in naš čas,

986
00:49:31,530 --> 00:49:33,780
in nato posodobite stvari in ga prikažete.

987
00:49:33,780 --> 00:49:35,130
Torej bomo skrbeti.

988
00:49:35,130 --> 00:49:39,120
Bomo kot ustvarjanje ura tukaj.

989
00:49:39,120 --> 00:49:41,750
Ampak tisto, kar potrebujemo, je, kako
Pogosto jo osveži.

990
00:49:41,750 --> 00:49:43,930
Torej, v tem primeru, to je samo nekaj milisekundah.

991
00:49:43,930 --> 00:49:46,877
Tako da smo le, da bo
narediti 100 milisekund.

992
00:49:46,877 --> 00:49:48,210
Seveda, popolnoma poljubna.

993
00:49:48,210 --> 00:49:50,600
Če boste želeli, da posodobite
precej bolj počasi, bi lahko.

994
00:49:50,600 --> 00:49:53,300
Mi lahko igral
pri določenem intervalu,

995
00:49:53,300 --> 00:49:57,240
kako velik je naš interval je potem, ko smo dobili
delovna ura, ki upam, da bom

996
00:49:57,240 --> 00:49:59,660
priti.

997
00:49:59,660 --> 00:50:04,110
Torej, to je samo rekel, "OK, call
ta funkcija vsakih 100 milisekund. "

998
00:50:04,110 --> 00:50:04,805
OK?

999
00:50:04,805 --> 00:50:07,280
To je vse, kar počne.

1000
00:50:07,280 --> 00:50:12,290
>> Torej, kaj želimo našo funkcijo
storiti je, da želimo imeti nekaj datum

1001
00:50:12,290 --> 00:50:14,200
in nekaj časa je kaj
bomo imeli.

1002
00:50:14,200 --> 00:50:19,740
Torej, lahko začnemo z našim
Datum enaka nekaj,

1003
00:50:19,740 --> 00:50:22,708
in naš čas je enako nekaj
da ne vemo še.

1004
00:50:22,708 --> 00:50:26,070

1005
00:50:26,070 --> 00:50:29,300
Ali dejansko, moramo samo datum, ker
Datum se dogaja, da vključuje vse.

1006
00:50:29,300 --> 00:50:34,310

1007
00:50:34,310 --> 00:50:40,010
Spet če si Google kaj o
kaj želite storiti, če ste napisali, "OK,

1008
00:50:40,010 --> 00:50:41,980
Želim, da bi dobili čas
prek JavaScript, "to

1009
00:50:41,980 --> 00:50:45,890
vam bo to veliko
Funkcija se imenuje datum get.

1010
00:50:45,890 --> 00:50:48,664
Dobesedno, je večina stvari
ki jo želite storiti,

1011
00:50:48,664 --> 00:50:50,830
JavaScript se dogaja, da imajo
to naredil za vas že.

1012
00:50:50,830 --> 00:50:55,770
Torej, to je dobesedno kot nov
dobili datum, ki je creating--

1013
00:50:55,770 --> 00:50:58,600
ali nov datum, rather--
ki ustvarja

1014
00:50:58,600 --> 00:51:03,690
nekateri predmet, ki predstavlja datum.

1015
00:51:03,690 --> 00:51:08,200
>> In kaj bomo storili, tukaj je
To is-- bom to napisati,

1016
00:51:08,200 --> 00:51:10,820
in potem razloži, kaj počne.

1017
00:51:10,820 --> 00:51:12,560
Tako da bom zagotovil, da sem dobil to pravico.

1018
00:51:12,560 --> 00:51:17,950

1019
00:51:17,950 --> 00:51:23,440
>> OK, pa kaj ta funkcija
počne, je, da smo pravkar

1020
00:51:23,440 --> 00:51:30,680
ustvarjanje HTML, ki je dejansko
bo šel v naši div id uro.

1021
00:51:30,680 --> 00:51:34,610
Torej, kaj se to dogaja, da se delaš
se samo ustvarjajo nekaj niz, v redu?

1022
00:51:34,610 --> 00:51:38,510
To pa bo
presaditi v našo HTML.

1023
00:51:38,510 --> 00:51:42,130
V bistvu, kaj se dogaja, da storiti, je
karkoli we-- kaj sem vam bo pokazal,

1024
00:51:42,130 --> 00:51:49,070
je, da karkoli rečemo HTML je
bomo namesto tega besedila tukaj

1025
00:51:49,070 --> 00:51:51,090
z karkoli HTML je.

1026
00:51:51,090 --> 00:51:56,390
Torej, to se dogaja, da se omogoči
nas, da spremenimo naše ure dot

1027
00:51:56,390 --> 00:52:00,940
HTML od tega, da samo besedilo tega
mora biti na uro, dejansko prikazuje

1028
00:52:00,940 --> 00:52:05,630
številke in stvari, ki jih skrbi
O, in dejansko ura.

1029
00:52:05,630 --> 00:52:09,810
>> Torej, kaj bomo storili, je, da smo
dogaja, da začnete ustvarjati to HTML.

1030
00:52:09,810 --> 00:52:16,520
Torej, na enak način, kot smo ga uporabili
narediti plus enako cela števila,

1031
00:52:16,520 --> 00:52:20,461
zdaj lahko storite, da se za godala
razen da se bo njihovo združevanje.

1032
00:52:20,461 --> 00:52:20,960
Kajne?

1033
00:52:20,960 --> 00:52:26,070
Kot smo videli pri dot družabne js, to samo
use vse te stvari skupaj.

1034
00:52:26,070 --> 00:52:31,970
Torej si lahko sestavite različne bitov
HTML od spremenljivk, ali bitov godala

1035
00:52:31,970 --> 00:52:33,750
da napišete ven
sami, in to samo

1036
00:52:33,750 --> 00:52:38,650
Res vam omogoča dinamično
ustvari HTML, kar je precej kul.

1037
00:52:38,650 --> 00:52:42,040
Torej, če imate kaj
zelo uporabniku specifična,

1038
00:52:42,040 --> 00:52:44,130
To vam omogoča, da to storim.

1039
00:52:44,130 --> 00:52:47,550
>> Torej imamo HTML, da se bom
Poskusite in se prepričajte, sem dobil to pravico.

1040
00:52:47,550 --> 00:52:49,890
Torej bomo narediti nekaj h1 glavo.

1041
00:52:49,890 --> 00:52:53,610
Torej, kaj je pomembno, da se zavedaš, tu
je, da je to pravzaprav samo HTML.

1042
00:52:53,610 --> 00:52:54,460
Kajne?

1043
00:52:54,460 --> 00:52:56,610
Pišemo dejansko
HTML koda tukaj, to je

1044
00:52:56,610 --> 00:53:01,090
ne samo niz v normalno
način, da bi morali razmišljati o tem.

1045
00:53:01,090 --> 00:53:02,930
Torej, imamo nekaj HTML.

1046
00:53:02,930 --> 00:53:04,940
To velja za niz, čeprav.

1047
00:53:04,940 --> 00:53:10,380
In mi datum dot-- mi
želijo, da bi dobili naše ure.

1048
00:53:10,380 --> 00:53:12,910
Še enkrat, če ste bili videti
up karkoli o datumu,

1049
00:53:12,910 --> 00:53:16,160
da bi vam povedal vse to so
atributi, ki ima datum.

1050
00:53:16,160 --> 00:53:17,670
In tukaj je tisto, kar lahko uporabite na njej.

1051
00:53:17,670 --> 00:53:20,620
Tako da ima verjetno stvari, kot
dobili ure, in dobili minut,

1052
00:53:20,620 --> 00:53:24,669
in dobili sekund in dobili milisekund,
in kdo ve kaj še imajo.

1053
00:53:24,669 --> 00:53:27,210
Ampak, če pogledaš na
dokumentacijo, bo to vse tam.

1054
00:53:27,210 --> 00:53:31,980
>> Torej moramo priti ur,
nato pa bi želeli

1055
00:53:31,980 --> 00:53:35,614
za združevanje da with-- sem
dogaja, da se premaknete to tukaj.

1056
00:53:35,614 --> 00:53:38,780
Torej, če smo generiranje zdaj, smo
dejansko ustvarjajo čas, kajne?

1057
00:53:38,780 --> 00:53:43,590
Imamo čas, nato pa kaj
med urah in minutah?

1058
00:53:43,590 --> 00:53:45,080
Imate podpičje, kajne?

1059
00:53:45,080 --> 00:53:48,010
Tako smo želeli narediti nekaj podpičjem tukaj.

1060
00:53:48,010 --> 00:53:51,780
Nato pa želimo, da se naša
minut, tako da na enak način,

1061
00:53:51,780 --> 00:53:56,450
da imamo datum pika dobiti ur,
kako bi lahko dobili naši minut?

1062
00:53:56,450 --> 00:54:01,542
To je dobesedno Datum dot dobili
minut, kar sem nekako všeč.

1063
00:54:01,542 --> 00:54:03,250
To je kot, "oh, kako
dobim minut? "

1064
00:54:03,250 --> 00:54:05,850
Pravkar sem dobil moje minut.

1065
00:54:05,850 --> 00:54:07,500
>> OK.

1066
00:54:07,500 --> 00:54:10,990
In potem imamo še eno debelo črevo tukaj.

1067
00:54:10,990 --> 00:54:16,350
In potem, če želimo, da se naše
sekunde, kako bi lahko dobili našo sekundo?

1068
00:54:16,350 --> 00:54:17,400
Datum dot dobili sekund.

1069
00:54:17,400 --> 00:54:20,390

1070
00:54:20,390 --> 00:54:21,590
Mislim, da je precej kul.

1071
00:54:21,590 --> 00:54:23,589
In tisto, kar je pomembno za
zavedati, je, da smo tudi

1072
00:54:23,589 --> 00:54:31,730
morali zapreti naš HTML tag, kajti
da mora biti še vedno veljaven HTML, tako h1.

1073
00:54:31,730 --> 00:54:33,481
Cool.

1074
00:54:33,481 --> 00:54:43,110
>> Torej, po tem, kar lahko storimo uro
dot notranja HTML je enaka HTML.

1075
00:54:43,110 --> 00:54:43,930
OK?

1076
00:54:43,930 --> 00:54:46,470
Torej, ne pozabite, kaj sem rekel
Notranja HTML osnovi

1077
00:54:46,470 --> 00:54:50,610
ima vse, kar je med
dve oznake, da smo se pogovarjali o

1078
00:54:50,610 --> 00:54:54,470
in vložki ali obdela
vse, kar je tam notri?

1079
00:54:54,470 --> 00:54:58,290
Torej, kaj to počne, če
gremo nazaj na našo uro,

1080
00:54:58,290 --> 00:55:04,180
je, da ura nanaša
vse, kar je v tem div.

1081
00:55:04,180 --> 00:55:09,770
To je notranja HTML
te Id uro div.

1082
00:55:09,770 --> 00:55:13,930
In tako se dogaja, da ga spremeni v
HTML, ki smo ga pravkar ustvarili,

1083
00:55:13,930 --> 00:55:16,750
ki, ki, upajmo,
upajmo, upajmo,

1084
00:55:16,750 --> 00:55:21,026
bo pokazal čas, prav zdaj.

1085
00:55:21,026 --> 00:55:23,960
Bomo videli.

1086
00:55:23,960 --> 00:55:25,170
Seveda.

1087
00:55:25,170 --> 00:55:26,860
Toliko tehnična vprašanja.

1088
00:55:26,860 --> 00:55:31,480
Allison je just-- sem
off mojih iger danes fantje.

1089
00:55:31,480 --> 00:55:34,136
OK, to deluje.

1090
00:55:34,136 --> 00:55:35,760
Ura dot notranjo HTML.

1091
00:55:35,760 --> 00:55:42,097
Bilo je HTML Really?

1092
00:55:42,097 --> 00:55:43,180
Prav to je tisto, kar se zgodi.

1093
00:55:43,180 --> 00:55:48,750
Ko ne vidite kaj vam,
samo pogled na vaše izvorne kode.

1094
00:55:48,750 --> 00:55:49,250
OK.

1095
00:55:49,250 --> 00:55:51,912

1096
00:55:51,912 --> 00:55:54,870
Ali hočeš vedeti kul delo okoli
da bomo storili tukaj?

1097
00:55:54,870 --> 00:55:55,740
>> OBČINSTVO: Lahko narediš velike črke?

1098
00:55:55,740 --> 00:55:56,580
Velike tiskane črke?

1099
00:55:56,580 --> 00:55:58,996
Ker imate dobili ure,
nato pa dobil minut.

1100
00:55:58,996 --> 00:56:02,590
>> ALLISON BUCHHOLTZ-AU: It
je dobil ure in get-- oh.

1101
00:56:02,590 --> 00:56:04,945
Vi are-- zlato zvezdo.

1102
00:56:04,945 --> 00:56:08,114

1103
00:56:08,114 --> 00:56:09,030
Vse to je test, fantje.

1104
00:56:09,030 --> 00:56:13,630

1105
00:56:13,630 --> 00:56:17,330
Obljubim, da je delal pred razredom.

1106
00:56:17,330 --> 00:56:22,590
>> OK, ampak nekaj, kar kul, da vem, je
da lahko also-- če včasih

1107
00:56:22,590 --> 00:56:26,560
vaše zunanje datoteke
dobili malo nor,

1108
00:56:26,560 --> 00:56:30,960
lahko tudi samo jih dal naravnost
tu, ki se nagiba k popraviti stvari.

1109
00:56:30,960 --> 00:56:35,840
Razen to, kot res grdo.

1110
00:56:35,840 --> 00:56:38,050
Seveda formatirati vse.

1111
00:56:38,050 --> 00:56:41,425
Prepričajte se, da je vse lepo.

1112
00:56:41,425 --> 00:56:41,925
OK.

1113
00:56:41,925 --> 00:56:47,200

1114
00:56:47,200 --> 00:56:50,621
>> Želel sem narediti vse kul demos se,
in oni so samo ne delajo.

1115
00:56:50,621 --> 00:56:51,555
OK.

1116
00:56:51,555 --> 00:56:53,890
Script var ura.

1117
00:56:53,890 --> 00:57:00,350
Kakorkoli, kar je pomembno, je
da je to splošen način

1118
00:57:00,350 --> 00:57:01,870
da bi si oblikujete JavaScript.

1119
00:57:01,870 --> 00:57:04,490
Kot lahko vidite, je to lahko
zelo finicky včasih,

1120
00:57:04,490 --> 00:57:08,780
tudi takrat, ko je bilo dobesedno
delajo pred dve sekundi.

1121
00:57:08,780 --> 00:57:11,820
Ali dve drugi nazaj,
ampak zelo, zelo pred kratkim.

1122
00:57:11,820 --> 00:57:16,070
>> Torej, da vam pokažem, kaj naj bi izgledal,
in da ti pokažem, da nisem nor,

1123
00:57:16,070 --> 00:57:19,730
in da je vse, kar je točno
isto, to je tisto, kar naj bi izgledal.

1124
00:57:19,730 --> 00:57:27,410
Ste pravkar storili to zgornji del
tukaj, in če ste Ogled vira,

1125
00:57:27,410 --> 00:57:32,160
Če opazite, da je naredil nekaj
noro stvari, sem ga poenostaviti.

1126
00:57:32,160 --> 00:57:35,710
Tudi kredit Tommyjem
MCWILLIAM, ki dejansko

1127
00:57:35,710 --> 00:57:38,810
mi je pomagal ustvariti te primere,
zato vem, da deluje.

1128
00:57:38,810 --> 00:57:41,560
Ker Tommy je mojster JavaScript.

1129
00:57:41,560 --> 00:57:43,180
Ampak, če smo opazili, imamo nekaj niz.

1130
00:57:43,180 --> 00:57:45,170
Imamo ura funkcijo tukaj.

1131
00:57:45,170 --> 00:57:48,450
To je vse, da je JavaScript
smo samo napisal, ali pa nekaj od tega.

1132
00:57:48,450 --> 00:57:51,470
Pravkar smo zapisali tole tukaj.

1133
00:57:51,470 --> 00:57:54,260
In ima ekstra
Funkcija, ki jo je pravkar blazinice

1134
00:57:54,260 --> 00:57:57,790
s tem da nič pred
pismo ali pred številko, če je to

1135
00:57:57,790 --> 00:57:59,412
Samo eden od njih.

1136
00:57:59,412 --> 00:58:02,120
Torej, če ste opazili, da je to precej
precej točno to, kar smo pravkar napisal.

1137
00:58:02,120 --> 00:58:06,230
Imate kakšno uro, da se variabilni
je naš element, dobil element po ID,

1138
00:58:06,230 --> 00:58:07,252
ki je ura.

1139
00:58:07,252 --> 00:58:08,960
Mi imamo nastavljeno interval
Funkcija, ki je

1140
00:58:08,960 --> 00:58:12,670
anonimni funkcija
da izvede vse to.

1141
00:58:12,670 --> 00:58:16,940
Imamo nekaj začenja niz
HTML, ki jih nato dinamično

1142
00:58:16,940 --> 00:58:20,750
ustvarjajo ga imajo nekateri
h1 header, združite

1143
00:58:20,750 --> 00:58:23,950
z dobiti ure, plus
naša kolona, ​​plus pridobivanje

1144
00:58:23,950 --> 00:58:26,860
zapisniki, plus ena
debelega črevesa, plus naših sekund,

1145
00:58:26,860 --> 00:58:29,330
in na koncu konča HTML za to.

1146
00:58:29,330 --> 00:58:34,210
In potem bomo posodobiti naše uro
dot notranjo HTML HTML,

1147
00:58:34,210 --> 00:58:37,640
in bomo posodobiti vsakih 100 milisekund.

1148
00:58:37,640 --> 00:58:39,060
OK?

1149
00:58:39,060 --> 00:58:42,470
>> Oglejte si obljubim, da nisem nor.

1150
00:58:42,470 --> 00:58:43,440
Jaz ne vem.

1151
00:58:43,440 --> 00:58:47,160
Ne vem, zakaj me ne želi.

1152
00:58:47,160 --> 00:58:54,030
Počutim se, kot je videti enako,
ampak očitno me sovraži.

1153
00:58:54,030 --> 00:58:59,600
>> Torej, da vidimo, če je krog treh gre bolje.

1154
00:58:59,600 --> 00:59:00,970
Bomo kmalu videli.

1155
00:59:00,970 --> 00:59:02,910
Nisem prepričan, kako se to dogaja, da gredo.

1156
00:59:02,910 --> 00:59:06,700
Je vsakdo vsaj pridobivanje
slabosti, kot so le splošne teme

1157
00:59:06,700 --> 00:59:08,480
JavaScript, čeprav?

1158
00:59:08,480 --> 00:59:15,660
Upam, da je vsaj uporabna, bolj
kot kaže, da je malo finicky.

1159
00:59:15,660 --> 00:59:21,190
Vendar bo vaš problem niz zelo zabavno.

1160
00:59:21,190 --> 00:59:22,590
To se dogaja, da je super.

1161
00:59:22,590 --> 00:59:24,820
To ne bo čisto tako dolgočasno
kot je ta, ne mislim.

1162
00:59:24,820 --> 00:59:28,100
Boste dejansko dobili za
videti res kul stvari.

1163
00:59:28,100 --> 00:59:31,734
>> Torej, ne nazadnje,
bomo poskušali na Twitter enega.

1164
00:59:31,734 --> 00:59:32,900
Res sem prestrašen zdaj, fantje.

1165
00:59:32,900 --> 00:59:35,762
Ne vem, kako se to dogaja, da gredo.

1166
00:59:35,762 --> 00:59:39,930
Ampak samo, da vam malo
bolj okus, in to je dejansko

1167
00:59:39,930 --> 00:59:44,190
manipuliranjem strune in
vhodi, kaj bomo storili

1168
00:59:44,190 --> 00:59:50,960
je, če opazimo tu z HTML--
tale je malo more--

1169
00:59:50,960 --> 00:59:57,200
imamo nekaj besedilno območje, ki
ustreza tem besedilnem polju tukaj.

1170
00:59:57,200 --> 00:59:58,030
OK?

1171
00:59:58,030 --> 01:00:00,420
In da ima Id besedila.

1172
01:00:00,420 --> 01:00:04,520
Oblikovan na osnovi smo ga malo
z nekaj širino in višino

1173
01:00:04,520 --> 01:00:07,310
da smo vnaprej določena,
in smo H1

1174
01:00:07,310 --> 01:00:11,260
ki pravkar je naša glava tista, ki
predstavlja naše znakov.

1175
01:00:11,260 --> 01:00:14,570
Dali smo mu nekaj ID
Preostali znaki,

1176
01:00:14,570 --> 01:00:18,660
in potem imamo nekaj skript
tu, kar sem res

1177
01:00:18,660 --> 01:00:20,790
v upanju, tretji čas je
čar tukaj, fantje.

1178
01:00:20,790 --> 01:00:26,750
>> Torej, kaj želimo narediti,
v isti splošni vene

1179
01:00:26,750 --> 01:00:31,480
da smo naredili z js ura dot
in družabne dot js kot smo opazili,

1180
01:00:31,480 --> 01:00:35,980
je smo ga dejansko začel vzbujajoči
stvari, ki nam je mar, kajne?

1181
01:00:35,980 --> 01:00:42,330
Torej, v tem primeru obstajata dve
stvari, ki nam je mar, OK?

1182
01:00:42,330 --> 01:00:47,199
Ena stvar, da smo pravzaprav nekako
preučuje in risanje podatke,

1183
01:00:47,199 --> 01:00:48,990
in ena stvar, ki
smo dejansko spreminja.

1184
01:00:48,990 --> 01:00:52,110

1185
01:00:52,110 --> 01:00:53,730
Torej je naša HTML.

1186
01:00:53,730 --> 01:01:00,370
Če je to naša spletna stran tukaj, kaj je
Podatki, ki jih gledaš?

1187
01:01:00,370 --> 01:01:03,860
To se dogaja, da se karkoli
besedilo v naših poljih, kajne?

1188
01:01:03,860 --> 01:01:05,310
Torej, karkoli sem tipa tukaj.

1189
01:01:05,310 --> 01:01:08,150
To je tisto, kar želim vedeti, ali
da je tisto, kar želim pogledati.

1190
01:01:08,150 --> 01:01:10,690
In kaj se dogaja, da se
spreminjajo na naši spletni strani?

1191
01:01:10,690 --> 01:01:13,550

1192
01:01:13,550 --> 01:01:14,880
Preostali liki.

1193
01:01:14,880 --> 01:01:19,550
Torej, na enak način, želimo
začnete z inicializacijo spremenljivk

1194
01:01:19,550 --> 01:01:22,030
da se dejansko držite teh elementov.

1195
01:01:22,030 --> 01:01:22,890
OK?

1196
01:01:22,890 --> 01:01:29,930
Torej, če imamo nekaj var
da je naša besedila območje,

1197
01:01:29,930 --> 01:01:33,681
in imamo nekaj var, ki je ostala.

1198
01:01:33,681 --> 01:01:34,180
Kajne?

1199
01:01:34,180 --> 01:01:36,190
Torej se ti dogaja, da
držite teh dveh stvari.

1200
01:01:36,190 --> 01:01:42,370
Torej ista reč,
Dokument dot-- OK, sem

1201
01:01:42,370 --> 01:01:45,920
dogaja, da se prepričajte, da je to
bo šlo tokrat.

1202
01:01:45,920 --> 01:01:49,620
Zelo sem ostal neomajen.

1203
01:01:49,620 --> 01:01:53,310
OK, tako da, če želimo, da naši
Besedilo območje, po

1204
01:01:53,310 --> 01:01:55,710
za naše HTML, kaj je naša identifikator?

1205
01:01:55,710 --> 01:01:56,420
Kakšna je naša Id?

1206
01:01:56,420 --> 01:01:59,500

1207
01:01:59,500 --> 01:02:05,540
To je le, da bo treba besedilo, ker
to ustvarja našo besedilno območje, OK,

1208
01:02:05,540 --> 01:02:10,320
in naša Id je besedilo, tako da je
kako lahko zgrabi, kaj je notri.

1209
01:02:10,320 --> 01:02:12,130
OK, podpičje.

1210
01:02:12,130 --> 01:02:13,940
Jaz grem, da bo super
natančno o tem,

1211
01:02:13,940 --> 01:02:16,300
ker želim to delati ta čas.

1212
01:02:16,300 --> 01:02:22,120
OK, to isto stvar,
dobili element, ki ga Id.

1213
01:02:22,120 --> 01:02:25,970
Res sem se spraševala, kaj je
povzročila druga dva Raščerupati.

1214
01:02:25,970 --> 01:02:29,750
OK, nato pa v tem enem,
kaj želimo dostopati?

1215
01:02:29,750 --> 01:02:30,760
Kaj je naša Id tukaj?

1216
01:02:30,760 --> 01:02:33,980

1217
01:02:33,980 --> 01:02:36,261
Imamo še eno ime, ki v
naša HTML, kaj je to?

1218
01:02:36,261 --> 01:02:37,552
OBČINSTVO: Znaki preostalih.

1219
01:02:37,552 --> 01:02:39,343
ALLISON BUCHHOLTZ-AU:
Znaki preostalih.

1220
01:02:39,343 --> 01:02:43,360

1221
01:02:43,360 --> 01:02:44,330
>> OK.

1222
01:02:44,330 --> 01:02:46,010
Cool.

1223
01:02:46,010 --> 01:02:49,800
Tako da sem le, da bo
napisati to res hitro.

1224
01:02:49,800 --> 01:02:53,706

1225
01:02:53,706 --> 01:02:55,330
Jaz sem le, da bo to pisanje na sekundo.

1226
01:02:55,330 --> 01:02:56,190
Tako besedilo območje.

1227
01:02:56,190 --> 01:02:59,550

1228
01:02:59,550 --> 01:03:06,180
Kaj je zanimivo je, B function-- tam
veliko funkcij, ki ne samo,

1229
01:03:06,180 --> 01:03:09,690
ustrezajo vašim
miška, ampak tipkovnica.

1230
01:03:09,690 --> 01:03:10,190
OK?

1231
01:03:10,190 --> 01:03:16,540
Torej lahko rečemo, če je katero koli tipko
pritisnjen, lahko to storite take stvari.

1232
01:03:16,540 --> 01:03:20,450
Torej tistega, ki ga uporabljamo
se imenuje na tipko gor, ki

1233
01:03:20,450 --> 01:03:25,320
pravi, "če ste pritisnili nobene tipke na
tipkovnica, ko je uporabnik dvigne

1234
01:03:25,320 --> 01:03:28,064
njihov prst off ta gumb,
in je ključ postala nestisnjena

1235
01:03:28,064 --> 01:03:29,480
potem bomo nekaj storiti. "

1236
01:03:29,480 --> 01:03:29,980
OK?

1237
01:03:29,980 --> 01:03:31,370
Torej, to smiselno, kajne?

1238
01:03:31,370 --> 01:03:33,540
Ker vsak znak
vpišemo, bomo

1239
01:03:33,540 --> 01:03:36,550
bi morali dvigniti svoje prste
iz njega, tako da, ko ključ dvigne,

1240
01:03:36,550 --> 01:03:40,980
lahko vemo, da pojemanje
Preostali naši liki.

1241
01:03:40,980 --> 01:03:44,440
>> Torej, imamo nekaj na ključ
navzgor, in na enak način,

1242
01:03:44,440 --> 01:03:47,480
bomo rekli,
"OK, ko bomo to storili, bomo

1243
01:03:47,480 --> 01:03:55,110
se dogaja, da ustvarite nekaj funkcijo,
se dogaja, da e ", v tem primeru,

1244
01:03:55,110 --> 01:03:58,800
in kaj želimo storiti, je
izračunati preostalo številko.

1245
01:03:58,800 --> 01:04:02,510
OK, tako da je šele začetek
z ustvarjanjem spremenljivko.

1246
01:04:02,510 --> 01:04:05,830
Torej, imamo nekaj spremenljivo r,
da se dogaja, da predstavljajo

1247
01:04:05,830 --> 01:04:07,720
koliko znakov smo zapustili.

1248
01:04:07,720 --> 01:04:08,890
OK?

1249
01:04:08,890 --> 01:04:14,540
Vemo, da smo začeli z
140, in če želimo vedeti,

1250
01:04:14,540 --> 01:04:18,360
recimo, koliko je to
niz, ki je bil vhod,

1251
01:04:18,360 --> 01:04:20,860
Ali imate vi kakšno idejo
kako lahko to storimo?

1252
01:04:20,860 --> 01:04:23,900
Samo temelji off z očitno
stvari, kot če bi želeli ur,

1253
01:04:23,900 --> 01:04:25,870
smo uporabili dobili ur.

1254
01:04:25,870 --> 01:04:28,860
Vemo, da je naš cilj
Besedilo področju, vendar bi si fantje

1255
01:04:28,860 --> 01:04:33,050
razmišljati o tem, kaj bi lahko prišel po njo?

1256
01:04:33,050 --> 01:04:35,280
Vse ideje?

1257
01:04:35,280 --> 01:04:41,730
>> Tako da to je nekako manj
intuitivno, vendar je dolžina dot vrednost.

1258
01:04:41,730 --> 01:04:44,700
Torej mi daj nekaj
vrednost atributa, ki

1259
01:04:44,700 --> 01:04:46,500
Pravzaprav je dolžina tega niza.

1260
01:04:46,500 --> 01:04:50,340
Tako se dogaja, da reči, "OK, iščem
Na tej celotni niz v besedilnem polju,

1261
01:04:50,340 --> 01:04:52,730
in bom povedal,
ste, kako dolgo je to. "

1262
01:04:52,730 --> 01:04:55,500
Ker če se spomnimo, strune
so res le nizi,

1263
01:04:55,500 --> 01:04:58,110
tako da bomo lahko vzemite dolžino njih.

1264
01:04:58,110 --> 01:05:01,860
Torej imamo to.

1265
01:05:01,860 --> 01:05:04,058
Cool.

1266
01:05:04,058 --> 01:05:09,360
>> Potem, kaj želimo storiti je, da smo
ne želijo, da se omogoči uporabniku

1267
01:05:09,360 --> 01:05:12,340
za vnos več
140 znakov, kajne?

1268
01:05:12,340 --> 01:05:15,610
Ker če rečemo, kot so, "oh, ti
Samo še toliko preostalih "

1269
01:05:15,610 --> 01:05:20,522
in nato pustite, da to, da
Kakorkoli, smo se laže.

1270
01:05:20,522 --> 01:05:22,230
In to je še
stvar, ki JavaScript

1271
01:05:22,230 --> 01:05:24,530
more biti res dober
za, je validacija uporabnik

1272
01:05:24,530 --> 01:05:29,062
in se prepričajte, da vaš
Uporabnik prilega v vseh pravil,

1273
01:05:29,062 --> 01:05:30,270
ki ste jih navedli za njih.

1274
01:05:30,270 --> 01:05:36,020
Torej, če želite narediti stvari, kot bi
Prepričajte vhod nekdo njihov e-poštni naslov,

1275
01:05:36,020 --> 01:05:40,242
ali pazite, da ko se
vnesite obe gesli, se ujema.

1276
01:05:40,242 --> 01:05:41,200
JavaScript lahko to storite.

1277
01:05:41,200 --> 01:05:44,010
Vi bi naredil nekaj podobnega, "ko
Obrazec je predložil, "ali podobno,

1278
01:05:44,010 --> 01:05:48,170
"Ko Submit gumb Oblika je
kliknil, preverite vse te stvari. "

1279
01:05:48,170 --> 01:05:49,670
In to lahko storimo JavaScript.

1280
01:05:49,670 --> 01:05:52,680
Torej, to je samo tisto,
bomo tukaj.

1281
01:05:52,680 --> 01:05:57,810
>> Torej, kaj je lahko način, da preverite, če
so šli čez 140 znakov?

1282
01:05:57,810 --> 01:06:03,310
Kaj se bo zgodilo, da
naša vrednost r če bodo poskušali?

1283
01:06:03,310 --> 01:06:04,760
To se dogaja, da je negativen, kajne?

1284
01:06:04,760 --> 01:06:07,380
Ali pa se dogaja, da je manj
kot ali enaka nič.

1285
01:06:07,380 --> 01:06:13,690
Tako bomo lahko uporabili, če je to
tako kot vse ostalo.

1286
01:06:13,690 --> 01:06:14,270
OK?

1287
01:06:14,270 --> 01:06:20,480
In imamo nekaj besedila površino pika
vrednost, in kaj delamo tukaj

1288
01:06:20,480 --> 01:06:29,940
je, da smo si samo cutting-- kaj je to?

1289
01:06:29,940 --> 01:06:30,900
Žal mi je.

1290
01:06:30,900 --> 01:06:32,732
Tale, želimo le, da se vrnete false.

1291
01:06:32,732 --> 01:06:34,030
Sem zmeden.

1292
01:06:34,030 --> 01:06:36,560
Vse oguljen od stvari, ki ne deluje.

1293
01:06:36,560 --> 01:06:40,010
OK, želimo le, da
vrne false, nato pa smo

1294
01:06:40,010 --> 01:06:44,160
želite prikazati
Preostali znakov, kajne?

1295
01:06:44,160 --> 01:06:48,720
Torej, z uro, smo naredili
nekaj z notranjim HTML, kajne?

1296
01:06:48,720 --> 01:06:52,070
Kjer smo si zadali, da enako nekaj
spremenljivka, kaj lahko počnemo tukaj?

1297
01:06:52,070 --> 01:06:54,590

1298
01:06:54,590 --> 01:06:57,750
Kaj smo se spreminja notranjo HTML?

1299
01:06:57,750 --> 01:07:02,843

1300
01:07:02,843 --> 01:07:03,780
>> OBČINSTVO: Preostala?

1301
01:07:03,780 --> 01:07:05,738
>> ALLISON BUCHHOLTZ-AU:
Spreminjamo preostalo.

1302
01:07:05,738 --> 01:07:09,217

1303
01:07:09,217 --> 01:07:11,300
Vse je v redu, in kaj počnemo
želite nastaviti enako?

1304
01:07:11,300 --> 01:07:14,440

1305
01:07:14,440 --> 01:07:18,437
To se dogaja, da se r, ker je
mora biti preostali naši znakov.

1306
01:07:18,437 --> 01:07:19,600
OK?

1307
01:07:19,600 --> 01:07:26,060
Tako da sem zelo živčna, da vidim, če
to deluje sedaj, ampak bomo videli.

1308
01:07:26,060 --> 01:07:28,960

1309
01:07:28,960 --> 01:07:29,460
Pustite to.

1310
01:07:29,460 --> 01:07:34,690

1311
01:07:34,690 --> 01:07:37,700
To je res hitro.

1312
01:07:37,700 --> 01:07:38,970
[Neslišno] OK.

1313
01:07:38,970 --> 01:07:44,574

1314
01:07:44,574 --> 01:07:45,990
Spet sem šele tekoč, da ti pokažem.

1315
01:07:45,990 --> 01:07:49,430
Ne glede na razlog,
Rudnik odloči, da ne delajo,

1316
01:07:49,430 --> 01:07:53,354
kaj pa ti bom pokazal je, da je to
is-- oh sem moral dati, da je v.

1317
01:07:53,354 --> 01:07:57,470
OK, smo opazili enako vrsto
stvar tukaj, dobili besedilno polje.

1318
01:07:57,470 --> 01:08:01,070
>> Tudi, če opazite fant, če obstaja
kdaj kaj hočeš narediti,

1319
01:08:01,070 --> 01:08:04,080
in ne veste, kako to storiti
je, samo kliknite Ogled vira,

1320
01:08:04,080 --> 01:08:06,632
in oni 'tekoč, da ti povem.

1321
01:08:06,632 --> 01:08:07,840
Včasih se bo šifrirana.

1322
01:08:07,840 --> 01:08:11,147
Za vašo pset smo šifriranje vse,
tako da samo izgleda žlobudranje.

1323
01:08:11,147 --> 01:08:13,480
Ampak, če je kdaj res
kul spletna stran, ki vam je všeč,

1324
01:08:13,480 --> 01:08:17,729
če si samo kliknite Ogled vira,
to se dogaja, da vam povem, kako to storiti.

1325
01:08:17,729 --> 01:08:20,770
Torej še enkrat, delajo pametneje, ne težje.

1326
01:08:20,770 --> 01:08:24,250
In kot vidite tu, vsi
te stvari so enake.

1327
01:08:24,250 --> 01:08:31,930
tale tukaj samo traja nekaj podniz
da sem pozabil, kaj to počne.

1328
01:08:31,930 --> 01:08:36,980
Ampak to seveda traja nekaj podniz
vrednosti od nič do deset,

1329
01:08:36,980 --> 01:08:41,540
in vrne false, kar se mora ustaviti
Uporabnik od vnesla več,

1330
01:08:41,540 --> 01:08:46,040
in potem seveda posodobitve
notranji HTML tam.

1331
01:08:46,040 --> 01:08:47,410
>> Cool.

1332
01:08:47,410 --> 01:08:53,000
Tako velike odvzeme Prospekti od danes,
eksperiment, poglej izvorno kodo

1333
01:08:53,000 --> 01:08:58,359
zato, ker se dogaja, da vam pomaga veliko,
in vsakdo, včasih JavaScript

1334
01:08:58,359 --> 01:09:03,200
lahko težko delo in ne
vedno deluje tako, kot bi ga pričakovali, da,

1335
01:09:03,200 --> 01:09:05,700
ampak samo vztrajati težaven
ker Obljubim, da bo.

1336
01:09:05,700 --> 01:09:08,376
Obljubim, da se vsi ti primeri
so delali pred razredom.

1337
01:09:08,376 --> 01:09:09,750
Ne razumem, kaj se je zgodilo.

1338
01:09:09,750 --> 01:09:13,069
Dobesedno sem imela vse enako.

1339
01:09:13,069 --> 01:09:17,660
>> Še ena stvar, ki jo želim
vam pokažem fantje, ki so lahko zelo koristne

1340
01:09:17,660 --> 01:09:21,630
je in-- kaj je delal prej?

1341
01:09:21,630 --> 01:09:23,935
Imamo stranko do dela, ni mi?

1342
01:09:23,935 --> 01:09:26,569
Mislim, da.

1343
01:09:26,569 --> 01:09:27,069
Da.

1344
01:09:27,069 --> 01:09:27,630
Smo naredili.

1345
01:09:27,630 --> 01:09:28,250
Super.

1346
01:09:28,250 --> 01:09:31,189
OK, ena stvar, ki
fantje bi morali vedeti

1347
01:09:31,189 --> 01:09:33,340
je log konzolo, ki sem govoril.

1348
01:09:33,340 --> 01:09:37,040
Torej konzolo dot dnevnik pozdrav.

1349
01:09:37,040 --> 01:09:40,430
Tako da je ta vrsta
JavaScript ekvivalent printf.

1350
01:09:40,430 --> 01:09:42,810
Torej, če si kdaj želeli, da
pregledajo svoje spremenljivke

1351
01:09:42,810 --> 01:09:49,649
ali pa videli, kaj se tam dogaja, kaj
lahko storite, je, če smo pregledati element,

1352
01:09:49,649 --> 01:09:51,899
je tisto, kar si želijo, da gredo
da, in greš v konzolo,

1353
01:09:51,899 --> 01:09:53,770
boste videli, da je natisnjena zdravo.

1354
01:09:53,770 --> 01:09:55,750
>> Tako da bi ga lahko imeli
tiskanja, kar smo hoteli.

1355
01:09:55,750 --> 01:10:04,170
Če bomo želeli, da natisnete ozadje
dot dot slog ozadje,

1356
01:10:04,170 --> 01:10:08,454
moramo biti sposobni videti
RGB triple, da pride gor.

1357
01:10:08,454 --> 01:10:11,140
Ali ne.

1358
01:10:11,140 --> 01:10:13,520
Pozabil sem, kako natančno vas
natisniti spremenljivke, kot je ta,

1359
01:10:13,520 --> 01:10:17,249
vendar bi morali imeti možnost, da
izpisal stvari, kot da.

1360
01:10:17,249 --> 01:10:19,040
Da bo zelo koristno
za vaš pset kadar

1361
01:10:19,040 --> 01:10:23,330
poskušate manipulirati
koordinate ali malenkosti.

1362
01:10:23,330 --> 01:10:25,270
Tako da so morali spremeniti tudi ta del v razredu.

1363
01:10:25,270 --> 01:10:30,750
To se razlikuje od zadnjih let, tako
prav lepo, da vaše TF, ali TFS

1364
01:10:30,750 --> 01:10:36,350
ob uradnih urah in ne, ker smo
vrsta učenja, skupaj z vami.

1365
01:10:36,350 --> 01:10:41,230
Vendar dnevnik konzola je bila super, super
koristno za JavaScript lani.

1366
01:10:41,230 --> 01:10:42,740
Torej je všeč.

1367
01:10:42,740 --> 01:10:43,780
Več o tem, kako jo uporabljati.

1368
01:10:43,780 --> 01:10:49,026
To je lažji za uporabo kot GDB, da
mora biti vsaj plus točke.

1369
01:10:49,026 --> 01:10:50,650
Ampak hvala fantje nosijo s seboj.

1370
01:10:50,650 --> 01:10:53,400
Žal mi je, da je moj
Primeri za neznanega razloga

1371
01:10:53,400 --> 01:10:55,410
Samo ni hotel
sodelovati z mano, ampak jaz

1372
01:10:55,410 --> 01:11:01,010
upam, da je pomagal nekako dobili
malo več v coni JavaScript.

1373
01:11:01,010 --> 01:11:04,980
In mi pošljete vsa vaša vprašanja za
naslednji teden, tako da se bom lahko super popraviti,

1374
01:11:04,980 --> 01:11:09,420
in bom prinesel sladkarije in še dodatno
sladkarije, saj je bilo to smešno.

1375
01:11:09,420 --> 01:11:14,000
Ampak ti fantje so super,
in imajo super teden.

1376
01:11:14,000 --> 01:11:15,584