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

2
00:00:10,632 --> 00:00:12,340
ALLISON BUCHHOLTZ-AU:
Toate toată lumea drept.

3
00:00:12,340 --> 00:00:13,520
Bine ați revenit la pct.

4
00:00:13,520 --> 00:00:15,315
Este secțiunea noastră penultima.

5
00:00:15,315 --> 00:00:16,542
E atât de trist.

6
00:00:16,542 --> 00:00:19,500
Nu știu ce am de gând să fac
fără să te văd băieți fiecare zi de luni.

7
00:00:19,500 --> 00:00:20,970
Cred că ar trebui să doar--
poate am putea pur și simplu

8
00:00:20,970 --> 00:00:22,710
întâlni aici și cina sau ceva.

9
00:00:22,710 --> 00:00:23,270
Nu știu.

10
00:00:23,270 --> 00:00:24,370
Voi aduce mâncare în schimb.

11
00:00:24,370 --> 00:00:26,290
Vom vorbi doar.

12
00:00:26,290 --> 00:00:29,900
Dar, da, săptămâna viitoare va
fi ultima noastră secțiune.

13
00:00:29,900 --> 00:00:32,390
>> Pe această notă, aveți un test săptămâna viitoare.

14
00:00:32,390 --> 00:00:35,660
Știu că am uitat să fac mea, cum ar fi,
două săptămâni în avans Notă săptămâna trecută,

15
00:00:35,660 --> 00:00:39,140
dar sperăm că voi
știut că aceasta venea.

16
00:00:39,140 --> 00:00:42,880
Sperăm că acest lucru este unul dintre ultimele
examenele pentru voi pentru semestrul.

17
00:00:42,880 --> 00:00:46,950
Dar o să acopere toate
material care am trecut peste.

18
00:00:46,950 --> 00:00:50,811
Deci, nu e ca poti uita doar
aproximativ patru bucle sau variabile.

19
00:00:50,811 --> 00:00:52,560
Pentru că am învățat
cei la început,

20
00:00:52,560 --> 00:00:55,870
acestea sunt în mod evident
joc corect pentru testul dumneavoastră.

21
00:00:55,870 --> 00:01:00,150
>> Va fi același format, aceeași
lungime, pentru ca tu deja sunt obișnuit.

22
00:01:00,150 --> 00:01:02,330
Acolo va fi
codificare de probleme de mână,

23
00:01:02,330 --> 00:01:06,270
Poate unii fals adevărat,
Poate unii răspuns scurt.

24
00:01:06,270 --> 00:01:08,090
Deci, ar trebui să fie
familiarizat cu formatul,

25
00:01:08,090 --> 00:01:10,940
mai ales dacă luați
testele de practică.

26
00:01:10,940 --> 00:01:13,950
Dar, așa cum am spus aici, e
cumulativ, dar suntem cu siguranta

27
00:01:13,950 --> 00:01:17,410
O să se concentreze pe
lucruri din sase saptamani incoace.

28
00:01:17,410 --> 00:01:24,050
Deci, suntem probabil, nu va
să vă întreb despre cât de multe bytes

29
00:01:24,050 --> 00:01:26,180
sunt în fiecare tip sau
aceste felul de lucruri,

30
00:01:26,180 --> 00:01:29,730
dar vom probabil, va fi
interesat în lucruri cum ar fi listele postat,

31
00:01:29,730 --> 00:01:32,750
sau diferite structuri de date,
sau algoritmi diferite

32
00:01:32,750 --> 00:01:33,960
că am vorbit despre.

33
00:01:33,960 --> 00:01:38,990
Deci, asigurați-vă că sunteți într-adevăr
pe acestea, și dacă

34
00:01:38,990 --> 00:01:41,590
nevoie de resurse,
aici o mulțime de resurse.

35
00:01:41,590 --> 00:01:44,790
Ți-am dat un fel
de o listă scurtă acolo.

36
00:01:44,790 --> 00:01:48,330
>> Săptămâna viitoare va fi test
revizuiește în acest timp.

37
00:01:48,330 --> 00:01:52,290
Deci, dacă aveți orice întrebări
sau teme specifice,

38
00:01:52,290 --> 00:01:56,180
anumite lucruri pe care testul
doriți să mergeți peste, vă rog

39
00:01:56,180 --> 00:02:01,780
trimite-le la mine inainte de timp, asa ca am putea
fel de a pregăti un material pentru asta.

40
00:02:01,780 --> 00:02:06,310
Și în plus față de această
secțiune revizuire, vom

41
00:02:06,310 --> 00:02:09,616
De asemenea, se ține cursul la nivel
revizui așa cum am făcut data trecută.

42
00:02:09,616 --> 00:02:11,490
Și va fi
efectuată de către aceiași oameni.

43
00:02:11,490 --> 00:02:13,030
Nu știu dacă asta
face mai bine sau mai rău,

44
00:02:13,030 --> 00:02:15,670
dar o să fiu eu,
Hannah, Davan, și Gabe din nou.

45
00:02:15,670 --> 00:02:18,630
Deci, dacă vrei să vii vadă
ne bătaie de joc cu altele

46
00:02:18,630 --> 00:02:21,270
și te plimbi prin testul
recenzie, trebuie cu siguranta

47
00:02:21,270 --> 00:02:22,600
ajunge la care lunea viitoare, de asemenea.

48
00:02:22,600 --> 00:02:26,210
Deci, veți avea doar un blocaj luni
ambalate de revizuire test, care este bun

49
00:02:26,210 --> 00:02:29,840
pentru că atunci ai marți
pentru a procesa prin tot.

50
00:02:29,840 --> 00:02:32,230
>> Dar cu siguranta nu a verifica
aceste resurse.

51
00:02:32,230 --> 00:02:36,030
Study.csv.net este, de departe, am
cred că, una dintre cele mai utile,

52
00:02:36,030 --> 00:02:37,990
mai ales pentru că ea are
o mulțime de mostre de cod,

53
00:02:37,990 --> 00:02:40,490
are toată puterea Punctele
cu toate notele pe ea,

54
00:02:40,490 --> 00:02:44,510
care sunt cu adevărat ceea ce am trage cel mai mult
materialelor mele secțiune din.

55
00:02:44,510 --> 00:02:47,480
Dacă e ceva în precedent
secțiunile ca să fi trimise

56
00:02:47,480 --> 00:02:49,920
ca să nu aveți
ajuns, doar să-mi spuneți.

57
00:02:49,920 --> 00:02:52,520
Ca exemplu de cod de săptămâna trecută,
dacă cineva nu a primit asta,

58
00:02:52,520 --> 00:02:55,930
doar mi e-mail sau vin vorbesc cu mine,
și mă voi asigura că veți obține asta.

59
00:02:55,930 --> 00:03:02,000
>> Deci, cu asta, astăzi vom
să fie vorba despre JavaScript.

60
00:03:02,000 --> 00:03:04,690
Deci, aici suntem Tommy, care am fost
doar vorbesc cu tine aseară.

61
00:03:04,690 --> 00:03:06,670
Îmi place Tommy.

62
00:03:06,670 --> 00:03:09,040
JavaScript este preferata lui
limbă, așa cum spune el aici.

63
00:03:09,040 --> 00:03:14,050
Ei vor încerca să-ți spun că este
nu cel mai bun, iar ei vor fi greșit.

64
00:03:14,050 --> 00:03:16,510
Deci, Tommy este un maestru JavaScript.

65
00:03:16,510 --> 00:03:19,850
Eu nu sunt destul de la său
nivel, dar am fost ca,

66
00:03:19,850 --> 00:03:22,900
"Tommy, cum predau
acești copii JavaScript? "

67
00:03:22,900 --> 00:03:26,700
Asa ca am luat câteva sfaturi, astfel încât
sperăm că lucra.

68
00:03:26,700 --> 00:03:31,140
>> Deci, un cuplu lucruri de reținut este faptul că
JavaScript este un client-side scripting

69
00:03:31,140 --> 00:03:35,560
limbă, deci în timp ce PHP este ceva
că am considerat mai de server-side,

70
00:03:35,560 --> 00:03:39,280
a fost încărcați la server,
compilat și executat acolo.

71
00:03:39,280 --> 00:03:42,871
Acesta este executat
pe cont propriu mașină.

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

73
00:03:43,370 --> 00:03:46,960
Deci încărcați unele pagină JavaScript,
și-l execută pe calculatorul dumneavoastră.

74
00:03:46,960 --> 00:03:49,910
Sintaxa este foarte similar cu C și PHP.

75
00:03:49,910 --> 00:03:52,490
Vom trece prin
câteva exemple de activarea JavaScript-,

76
00:03:52,490 --> 00:03:56,740
și vei vedea că
mod vorbim despre variabile, bucle,

77
00:03:56,740 --> 00:03:58,910
și condițiile sunt toate foarte asemănătoare.

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

79
00:04:00,500 --> 00:04:04,490
Faptul că ele sunt atât de asemănătoare este
probabil, va declanșa unii dintre voi

80
00:04:04,490 --> 00:04:08,529
sus, în unele cazuri, doar pentru că
vei includă un pic de C

81
00:04:08,529 --> 00:04:09,570
unde nu ar trebui să fie.

82
00:04:09,570 --> 00:04:14,130
Poate să încercați și tastați ceva
atunci când nu ar trebui să fie tastat.

83
00:04:14,130 --> 00:04:16,540
>> Și pe asta, un singur lucru a
știu este că JavaScript

84
00:04:16,540 --> 00:04:19,360
este un dinamic tastat
limbă, cum ar fi PHP.

85
00:04:19,360 --> 00:04:21,410
Deci, dacă voi aminti
din secțiunea săptămâna trecută,

86
00:04:21,410 --> 00:04:23,680
când am fost un fel de a face
cursul nostru accident PHP,

87
00:04:23,680 --> 00:04:28,860
am văzut cum un șir poate fi
transformat într-un singur int, și așa mai departe.

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

89
00:04:31,650 --> 00:04:34,850
Tipul de variabilele
sunt determinate la momentul execuției,

90
00:04:34,850 --> 00:04:38,180
astfel încât acestea se pot schimba peste
parcursul programului,

91
00:04:38,180 --> 00:04:43,109
și în același mod în care noi nu
într-adevăr declara tipuri de variabile PHP,

92
00:04:43,109 --> 00:04:45,900
vom face același lucru
lucru aici, în cazul în care nu suntem cu adevărat

93
00:04:45,900 --> 00:04:49,740
controlul tipurile de variabilele,
ca să spunem așa, așa cum facem în C.

94
00:04:49,740 --> 00:04:52,200
>> Și apoi un lucru
care este destul de rece este

95
00:04:52,200 --> 00:04:54,090
pe care le puteți eroare
verifica prin consola,

96
00:04:54,090 --> 00:04:57,240
cu această funcție mare
console.log, care

97
00:04:57,240 --> 00:05:00,930
vă permite să imprimați diferit
variabile sau obiecte pe care le vom

98
00:05:00,930 --> 00:05:01,750
vorbesc despre.

99
00:05:01,750 --> 00:05:05,720
La fel ca săptămâna trecută, când am fost
cum ar fi, "a utiliza această funcție," cu benă

100
00:05:05,720 --> 00:05:10,490
din PSET dumneavoastră este o funcție
doriți să utilizați, console.log.

101
00:05:10,490 --> 00:05:12,860
Am fost atât de surprins cât de multe
studenții de la ore de birou

102
00:05:12,860 --> 00:05:14,530
nu știa despre funcția de groapa.

103
00:05:14,530 --> 00:05:19,010
Și am fost ca, "băieți, această voință
face viața mult mai ușoară. "

104
00:05:19,010 --> 00:05:22,960
>> În regulă, astfel că a fost un fel de
doar un lucru scurt, ca întotdeauna,

105
00:05:22,960 --> 00:05:24,000
avem exemple.

106
00:05:24,000 --> 00:05:25,600
Știu că voi iubi pe cei.

107
00:05:25,600 --> 00:05:30,930
Deci, aici este un exemplu de o foarte
simplu de activarea JavaScript-fișier aici.

108
00:05:30,930 --> 00:05:34,000
Deci, este doar de gând să creeze
acest pop-up care spune,

109
00:05:34,000 --> 00:05:36,336
"Hello World", atunci când
intra pe pagina, dar hai

110
00:05:36,336 --> 00:05:37,960
încercați și plimbare prin aceasta un pic.

111
00:05:37,960 --> 00:05:43,440
Deci, în mod evident, aceasta este doar
ca index.html normal.

112
00:05:43,440 --> 00:05:50,280
Deci, doar șablonul nostru obișnuit aici,
și avem HTML, avem capul nostru,

113
00:05:50,280 --> 00:05:55,580
și la fel ca și cu CSS, cum ne
inclus un fisier afară, nu?

114
00:05:55,580 --> 00:05:59,260
Avem unele script type
text care este JavaScript.

115
00:05:59,260 --> 00:06:02,680
Iar sursa este hello.js,
care este aici.

116
00:06:02,680 --> 00:06:05,630
Acesta este întregul dosar de hello.js.

117
00:06:05,630 --> 00:06:09,080
Și apoi avem unele
titlu și unele organism HTML

118
00:06:09,080 --> 00:06:11,050
că nu ne pasă cu adevărat despre.

119
00:06:11,050 --> 00:06:15,970
>> Ce se întâmplă este, când am încărca această pagină,
se execută în mod automat acest script.

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

121
00:06:16,470 --> 00:06:18,790
Deci JavaScript va
executa în mod automat.

122
00:06:18,790 --> 00:06:22,860
Deci, ce se va face, va
pentru a merge imediat și să execute acest lucru.

123
00:06:22,860 --> 00:06:24,110
Și se va spune, "alerta.

124
00:06:24,110 --> 00:06:25,190
Salut Lume. "

125
00:06:25,190 --> 00:06:30,840
Care alerta este funcția pe care
genereaza de fapt această casetă.

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

127
00:06:31,540 --> 00:06:33,390
Deci e un fel de tot Encompass.

128
00:06:33,390 --> 00:06:36,700
Nu e nimic în plus am avut
de a face în afară de doar de alertă,

129
00:06:36,700 --> 00:06:40,000
și apoi orice ne-am dorit
în cutia noastră alertă.

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

131
00:06:40,500 --> 00:06:45,080
Deci, asta e doar un super-simplu
exemplu de ceea ce poate face JavaScript.

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

133
00:06:48,110 --> 00:06:50,070
>> Unul dintre foarte cool
lucruri, așa cum vom vedea,

134
00:06:50,070 --> 00:06:55,150
este că JavaScript voi permite
a manipula paginile dvs. de web,

135
00:06:55,150 --> 00:06:57,720
fără a fi nevoie să
le reîncărcați de fiecare dată.

136
00:06:57,720 --> 00:07:01,830
Deci, dacă o doresti de exemplu, în cazul în care
sunteți situându-se peste ceva,

137
00:07:01,830 --> 00:07:04,300
dacă voi avea vreodată
văzut ca bare de meniu,

138
00:07:04,300 --> 00:07:07,360
sau atunci când treceți peste unele
subiect, un meniu drop-down apare,

139
00:07:07,360 --> 00:07:08,670
asta e din cauza JavaScript.

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

141
00:07:09,170 --> 00:07:12,670
Deci, nu te reîncărcarea întregul
Pagina a obține acest meniu pentru a arăta în sus,

142
00:07:12,670 --> 00:07:17,240
sunteți în căutarea doar pentru unele specifice
acțiune care utilizatorul a luat,

143
00:07:17,240 --> 00:07:21,800
care sunt numite evenimente care vom primi
în, și o dată veți vedea că, vă spun,

144
00:07:21,800 --> 00:07:25,960
"OK, edita ceva pe aceasta
pagina și să-l arate diferit,

145
00:07:25,960 --> 00:07:28,270
dar numai edita aceste lucruri specifice.

146
00:07:28,270 --> 00:07:29,690
Nu reîncărcați totul. "

147
00:07:29,690 --> 00:07:33,110
Deci, de fapt, este mult mai frumos, și
nu trebuie să reîncărcați paginile dvs.,

148
00:07:33,110 --> 00:07:34,510
și e foarte misto.

149
00:07:34,510 --> 00:07:38,270
>> Deci, declarații variabile,
astfel încât să puteți vedea un fel de,

150
00:07:38,270 --> 00:07:40,530
Am pus pe partea de sus aici, vag tastat.

151
00:07:40,530 --> 00:07:42,570
Deci, acest lucru este foarte mult ca PHP.

152
00:07:42,570 --> 00:07:48,770
Nu avem nevoie să-i spuneți
JavaScript ce tip suntem

153
00:07:48,770 --> 00:07:50,740
așteaptă fiecare dintre aceste variabile să fie.

154
00:07:50,740 --> 00:07:52,560
Acestea pot fi orice tipuri vrem.

155
00:07:52,560 --> 00:07:57,480
Deci observați în acest caz, ne vom declara
ele foarte simplu, doar cu "var"

156
00:07:57,480 --> 00:08:00,990
și apoi ce vrem
numele nostru variabilă să fie.

157
00:08:00,990 --> 00:08:05,680
Un lucru de remarcat este faptul că, atunci când
pune var în fața unui nume de variabilă,

158
00:08:05,680 --> 00:08:07,520
ea la nivel local se domeniile de valabilitate.

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

160
00:08:09,320 --> 00:08:14,025
Este complet rezonabil pentru tine
a șterge complet doar var

161
00:08:14,025 --> 00:08:18,970
și doar au s egal CS50, și
care ar fi doar o variabilă globală.

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

163
00:08:19,580 --> 00:08:22,490
Deci, puteti inițializa ambele sensuri,
doar depinde de modul în care doriți.

164
00:08:22,490 --> 00:08:24,448
Deci, dacă sunteți de inițializare
acesta, în funcție,

165
00:08:24,448 --> 00:08:28,070
si doriti ca variabila să
rămâne cad în această funcție,

166
00:08:28,070 --> 00:08:31,620
ai de gând să vrei să faci
ceva de genul var numi o variabilă,

167
00:08:31,620 --> 00:08:34,270
versus dacă doriți
scoped la nivel global, tu

168
00:08:34,270 --> 00:08:36,240
poate face doar numele
variabila si apoi

169
00:08:36,240 --> 00:08:38,270
orice dorești o egală cu.

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

171
00:08:40,230 --> 00:08:45,580
>> Aceasta este un fel de lucru misto aici,
pentru că dacă observăm variabila nostru

172
00:08:45,580 --> 00:08:47,590
b incepe ca adevărat.

173
00:08:47,590 --> 00:08:51,280
Și ce does-- acest lucru poate
cineva spune-mi ce face acest lucru?

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

175
00:08:54,190 --> 00:08:55,890
Deci avem ceva de alertă.

176
00:08:55,890 --> 00:09:00,156
Ce s-ar tip de b
fie la început?

177
00:09:00,156 --> 00:09:00,905
Audiența: Boolean.

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

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

180
00:09:01,940 --> 00:09:07,260
Și apoi ne-am realocați b
la acest șir, nu?

181
00:09:07,260 --> 00:09:11,170
Deci aici, ce tip de b să fie?

182
00:09:11,170 --> 00:09:12,480
Ar fi un șir, nu?

183
00:09:12,480 --> 00:09:14,900
Deci, ce este important pentru
Notă este că în C, am

184
00:09:14,900 --> 00:09:17,330
nu ar putea face aproape
ceva de genul asta.

185
00:09:17,330 --> 00:09:22,000
Va trebui să aibă un variabil,
a aruncat-o ca altceva,

186
00:09:22,000 --> 00:09:27,185
poate face unele funcții cu două
i, du-te la o taxă la un număr întreg.

187
00:09:27,185 --> 00:09:31,063
Dar dacă observăm aici, b
foarte schimbă ușor de tip.

188
00:09:31,063 --> 00:09:33,760
>> Audiența: Stai, astfel încât să puteți doar
fie ca, "a face b un număr întreg?"

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

190
00:09:34,360 --> 00:09:36,185
Puteți realoca doar b la un număr întreg.

191
00:09:36,185 --> 00:09:36,910
>> Audiența: Într-adevăr?

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

193
00:09:38,035 --> 00:09:39,810
Și atunci ar fi o int.

194
00:09:39,810 --> 00:09:43,820
Astfel, variabilele pot schimba peste
parcursul programului asemenea.

195
00:09:43,820 --> 00:09:46,410
Acestea nu sunt strict tastate.

196
00:09:46,410 --> 00:09:49,180
Este foarte vag tastat.

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

198
00:09:50,820 --> 00:09:54,820
Practic variabilele pot face orice
doresc, așa cum am văzut cu un fel de PHP.

199
00:09:54,820 --> 00:09:59,430
Ei pot face unele lucruri nebun, așa
este important să fie destul de atent.

200
00:09:59,430 --> 00:10:01,200
Nume variabilele bine.

201
00:10:01,200 --> 00:10:03,450
Dacă nu, să faceți totul dintr-o dată
vei fi ca,

202
00:10:03,450 --> 00:10:05,783
"Stai, am crezut că acest lucru a fost o
șir, iar acum este un int,

203
00:10:05,783 --> 00:10:08,170
și eu nu sunt foarte sigur
ce se întâmplă aici. "

204
00:10:08,170 --> 00:10:12,410
Deci, aceasta este doar un simplu exemplu de
care arată cum o variabilă poate cu ușurință

205
00:10:12,410 --> 00:10:15,890
schimba tipul acesteia peste
cursul unui program.

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

207
00:10:16,870 --> 00:10:19,200
Deci, aceasta ar trebui să se uite
super, super familiar.

208
00:10:19,200 --> 00:10:21,510
Deci, acestea sunt bucle noastre în JavaScript.

209
00:10:21,510 --> 00:10:27,780
Acestea sunt exact la fel, cu excepția
în loc de patru int i este egal cu zero,

210
00:10:27,780 --> 00:10:30,470
am putea spune pur și simplu var i este egal cu zero.

211
00:10:30,470 --> 00:10:34,100
Și atunci am putea avea același fel nostru
de stare, același fel de modificare,

212
00:10:34,100 --> 00:10:36,090
i plus plus functioneaza foarte bine.

213
00:10:36,090 --> 00:10:39,800
Deci patru labe sunt aceleași,
whiles sunt aceleași,

214
00:10:39,800 --> 00:10:41,440
și de a face whiles sunt exact la fel.

215
00:10:41,440 --> 00:10:44,070
Același tip de format general.

216
00:10:44,070 --> 00:10:48,840
Observăm, patru, paranteze,
paranteze, e tot la fel.

217
00:10:48,840 --> 00:10:51,470
De asemenea, vor exista semne punct și virgulă
când ajungem la exemplul de cod.

218
00:10:51,470 --> 00:10:55,250
Veți vedea că e destul de
la fel ca și c.

219
00:10:55,250 --> 00:10:59,770
>> Pentru declarațiile funcțiilor,
din nou, foarte asemănătoare.

220
00:10:59,770 --> 00:11:05,100
Avem o funcție care tocmai
spune că este o funcție, și apoi

221
00:11:05,100 --> 00:11:07,660
numele noastre
funcție, precum și intrările.

222
00:11:07,660 --> 00:11:11,590
Și din nou dacă observăm, ne-am
nu au tipuri de aici un fel de.

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

224
00:11:12,090 --> 00:11:18,150
Nu avem nimic spunând că acestea
trebuie să fie int sau double, sau flotoare.

225
00:11:18,150 --> 00:11:19,530
Ar putea fi orice doresc.

226
00:11:19,530 --> 00:11:23,560
Ceea ce este important este să observe că
avem nevoie pentru a scrie în prealabil funcție

227
00:11:23,560 --> 00:11:26,430
pentru a permite JavaScript știe că
aceasta este de fapt o funcție.

228
00:11:26,430 --> 00:11:29,820
>> Deci, aceasta este doar o sumă simplu
funcție care returnează x sau y,

229
00:11:29,820 --> 00:11:33,800
și apoi ceea ce este, de asemenea, rece
este că puteți de fapt

230
00:11:33,800 --> 00:11:35,950
atribui o funcție de o variabilă.

231
00:11:35,950 --> 00:11:41,770
Deci, în acest caz, suma este acum
Funcția care face de fapt sumă.

232
00:11:41,770 --> 00:11:47,740
Deci, dacă observați aici, avem
funcție, numele funcției, intrări.

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

234
00:11:48,860 --> 00:11:52,120
Aici avem doar funcția și intrări.

235
00:11:52,120 --> 00:11:54,310
Deci, aceasta se numește o funcție anonim.

236
00:11:54,310 --> 00:11:59,265
Și acest lucru este ceva care ar trebui să fie nou
la cele mai multe dintre voi, dacă nu toți.

237
00:11:59,265 --> 00:12:01,140
Deci, practic despre ce
înseamnă că noi nu facem

238
00:12:01,140 --> 00:12:03,050
Trebuie să numele nostru
Funcția în acest caz.

239
00:12:03,050 --> 00:12:06,260
Putem spune doar, "OK, am de gând să
au această funcție care execută, aici

240
00:12:06,260 --> 00:12:08,550
sunt intrările sale, și aici e
ceea ce va face. "

241
00:12:08,550 --> 00:12:12,540
Și mai ales atunci când sunteți atribuirea
o funcție de unele variabile

242
00:12:12,540 --> 00:12:14,950
care ai de gând să manipuleze,
tu nu neapărat

243
00:12:14,950 --> 00:12:17,116
Trebuie să-l numească, deoarece
ai de gând să fie de trimitere

244
00:12:17,116 --> 00:12:20,990
de către această variabilă
nume, nu prin orice

245
00:12:20,990 --> 00:12:22,840
funcția a fost de fapt numit.

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

247
00:12:23,550 --> 00:12:27,810
>> Deci, dacă vom vedea aici, ne-am
au unele sumă variabilă acum

248
00:12:27,810 --> 00:12:30,920
care este egal cu
sumă de trei și cinci.

249
00:12:30,920 --> 00:12:33,070
Și ne-ar lua asta.

250
00:12:33,070 --> 00:12:36,750
Și acest lucru ar trebui doar câteva alertă,
trei plus cinci este egal cu numărul.

251
00:12:36,750 --> 00:12:43,950
Acest plus va înlănțui doar
indiferent de răspunsul nostru a fost pe șirul.

252
00:12:43,950 --> 00:12:47,420
De asemenea rece, plus poate înlănțui siruri de caractere.

253
00:12:47,420 --> 00:12:53,510
>> Pentru JavaScript, ca și cu PHP,
HTML, CSS și așa cum am spus,

254
00:12:53,510 --> 00:12:56,450
o mulțime de ea ne-am cam bază de luare
roțile de formare off aici

255
00:12:56,450 --> 00:13:02,030
și voi avea o mulțime de know
cum să înțeleagă cu adevărat aceste lucruri.

256
00:13:02,030 --> 00:13:04,280
Sunt ușor diferit,
dar ele nu sunt atât de străin

257
00:13:04,280 --> 00:13:09,460
și că nu poți pe Google lucruri sau
uite-le on-line cu școlile W3.

258
00:13:09,460 --> 00:13:12,755
Și ne chiar te asteptam
baieti la, un fel de, experiment

259
00:13:12,755 --> 00:13:14,400
și să învețe pe cont propriu.

260
00:13:14,400 --> 00:13:19,490
Deci, eu știu acest lucru ar putea părea un pic
mai aprofundată decât unele dintre c lucrurile

261
00:13:19,490 --> 00:13:21,936
facem, dar asta e de fapt un motiv.

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

263
00:13:25,060 --> 00:13:28,470
Dar sperăm că nu e prea
diferite, și nu e copleșitoare.

264
00:13:28,470 --> 00:13:31,940
>> Deci, tablouri in JavaScript,
din nou foarte, foarte asemănătoare.

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

266
00:13:32,460 --> 00:13:36,520
Avem niște matrice variabilă
care este egală cu paranteze goale,

267
00:13:36,520 --> 00:13:40,340
și că e doar un array gol.

268
00:13:40,340 --> 00:13:43,420
Aceasta este adesea numit
literal notație matrice.

269
00:13:43,420 --> 00:13:45,280
Asta e doar un singur lucru o numim.

270
00:13:45,280 --> 00:13:51,380
Dacă vom vedea matrice două aici, avem niște
matrice literal că are trei elemente,

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

272
00:13:51,910 --> 00:13:54,640
Și apoi avem unele
al treilea element var care este

273
00:13:54,640 --> 00:13:58,060
unele variabile asta e doar
O să dețină acest șir, JS.

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

275
00:14:01,760 --> 00:14:06,170
>> Elementele, bun pentru a observa,
sunt separate prin virgula,

276
00:14:06,170 --> 00:14:07,740
la fel ca ne-am aștepta.

277
00:14:07,740 --> 00:14:14,630
Și puteți accesa, de asemenea, aceste, așa cum am făcut-o
în C, cu această notație indice, nu?

278
00:14:14,630 --> 00:14:16,950
Deci, diferit de PHP
acum, ne întoarcem

279
00:14:16,950 --> 00:14:20,180
la doar un fel de trimitere
la lucruri de index.

280
00:14:20,180 --> 00:14:22,189
La fel ca C, este, de asemenea, indicele zero.

281
00:14:22,189 --> 00:14:25,230
Mă simt ca și cum ar fi într-adevăr crud
în cazul în care a făcut brusc de activarea JavaScript-o

282
00:14:25,230 --> 00:14:30,630
index, și a trebuit să complet
regândim modul în care gândesc despre tablouri.

283
00:14:30,630 --> 00:14:36,140
>> Un lucru cool este că, în loc
de a trebui să do-- dacă vreodată

284
00:14:36,140 --> 00:14:39,240
dorit lungimea unei matrice,
poate ai repeta prin ea

285
00:14:39,240 --> 00:14:43,430
până când găsiți ceva scop, sau
ar trebui să știi exact ce este.

286
00:14:43,430 --> 00:14:49,310
Deoarece JavaScript este foarte slab în mai multe
modalități decât doar tip, după cum vom vedea aici,

287
00:14:49,310 --> 00:14:53,310
putem face doar acest tablou
mai mare pentru că ne vom hotărî să.

288
00:14:53,310 --> 00:14:56,177
Dacă observăm matrice trei
are trei lucruri pentru a începe,

289
00:14:56,177 --> 00:14:58,510
dar apoi dintr-o dată,
suntem ca, "oh, doar glumesc.

290
00:14:58,510 --> 00:15:01,370
Vom merge de fapt
să-l facă 101 de lucruri. "

291
00:15:01,370 --> 00:15:05,300
Deci, dacă doriți vreodată să știți
Lungimea efectivă a matrice dvs.,

292
00:15:05,300 --> 00:15:06,680
Puteți să o faceți ca acest lucru.

293
00:15:06,680 --> 00:15:10,470
Și vom vedea o mulțime
din această notație în exemple,

294
00:15:10,470 --> 00:15:12,730
dar cu JavaScript
este de obicei orice

295
00:15:12,730 --> 00:15:16,410
obiect care vorbești despre
dot orice tip de funcție

296
00:15:16,410 --> 00:15:17,740
doriți să aplicat la acesta.

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

298
00:15:18,240 --> 00:15:20,520
>> Deci, în acest caz, nostru
obiect este matrice doi,

299
00:15:20,520 --> 00:15:23,470
și spunem că ne dorim ca
lungime de matrice două.

300
00:15:23,470 --> 00:15:25,716
Deci, acest lucru necesită ca lungime pe asta.

301
00:15:25,716 --> 00:15:27,090
Și că va reveni lungime ta.

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

303
00:15:32,610 --> 00:15:36,790
De asemenea, ceva de remarcat este
că dacă observăm tablouri noastre,

304
00:15:36,790 --> 00:15:39,830
spre deosebire de C, ele nu au
să fie toate de același tip.

305
00:15:39,830 --> 00:15:41,670
Acest lucru este mult mai mult ca PHP.

306
00:15:41,670 --> 00:15:45,905
JavaScript este practic la fel ca
acest amestec interesant de C și PHP.

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

308
00:15:50,020 --> 00:15:52,170
Deci, vom ajunge în acel.

309
00:15:52,170 --> 00:15:56,750
Pentru moment, hai să presupunem
că matrice tale sunt de fapt

310
00:15:56,750 --> 00:16:00,640
cum ar fi C tablouri, în care
ele sunt la zero indexate.

311
00:16:00,640 --> 00:16:04,120
OK, astfel că este totul.

312
00:16:04,120 --> 00:16:08,850
Puteți, de asemenea doar extinde un
matrice pentru orice index vrei.

313
00:16:08,850 --> 00:16:14,260
Întrucât aceasta ar duce probabil SEG
vina pe tine sau vă dau câteva erori,

314
00:16:14,260 --> 00:16:15,970
JavaScript este ca, "Nu, e în regulă.

315
00:16:15,970 --> 00:16:16,620
Am asta.

316
00:16:16,620 --> 00:16:19,460
Vom merge doar drept
în cazul în care doriți să. "

317
00:16:19,460 --> 00:16:24,310
>> OK, deci obiectele sunt foarte importante.

318
00:16:24,310 --> 00:16:29,720
Voi va folosi o mulțime de acestea
în setul de P, dacă îmi amintesc corect.

319
00:16:29,720 --> 00:16:34,780
Deci lucrul care acestea sunt
similare la C sunt struct.

320
00:16:34,780 --> 00:16:39,290
Deci, vă puteți gândi about-- când
mergem la un exemplu drept

321
00:16:39,290 --> 00:16:41,810
după ce aceasta cred că o să
face mult mai mult sense--

322
00:16:41,810 --> 00:16:45,830
dar vom folosi practic obiecte de
organiza de informații legate de curs.

323
00:16:45,830 --> 00:16:47,780
Când am vorbit despre
struct în C, de multe ori

324
00:16:47,780 --> 00:16:53,405
vorbim despre un elev care a avut unele nume,
ID-ul, casa, știi, de concentrare.

325
00:16:53,405 --> 00:16:56,030
Și asta e un fel de același lucru
pe care le folosim obiecte de aici.

326
00:16:56,030 --> 00:16:59,300
E doar pentru a organiza
informații similare.

327
00:16:59,300 --> 00:17:03,620
>> Vă puteți gândi, de asemenea, de acestea ca mai
similar cu asociative tablouri în PHP.

328
00:17:03,620 --> 00:17:10,010
Deci, acest lucru ar fi un fel de lucru
în cazul în care avem o cheie cu o valoare,

329
00:17:10,010 --> 00:17:12,859
foarte asemănător cu PHP.

330
00:17:12,859 --> 00:17:15,780
Astfel, puteți inițializa unele
obiect gol, așa cum vom vedea aici,

331
00:17:15,780 --> 00:17:17,390
doar cu acolade.

332
00:17:17,390 --> 00:17:19,160
Matrice Deci sunt paranteze drepte.

333
00:17:19,160 --> 00:17:21,220
Obiecte goale sunt acolade.

334
00:17:21,220 --> 00:17:24,020
Distincție bun pentru a avea.

335
00:17:24,020 --> 00:17:27,319
Și acestea sunt doar două diferite
moduri de a seta proprietăți.

336
00:17:27,319 --> 00:17:31,460
Deci asta e un fel de
mult mai mult de un mod care

337
00:17:31,460 --> 00:17:35,220
este similar cu PHP, cu nostru
tablouri asociative, cu cheia noastră,

338
00:17:35,220 --> 00:17:39,910
și valoarea noastră, în timp ce
acesta este-- veți

339
00:17:39,910 --> 00:17:41,920
aceasta mult mai în JavaScript.

340
00:17:41,920 --> 00:17:43,550
Acest lucru tinde să fie convenție.

341
00:17:43,550 --> 00:17:47,660
Și, în același mod în care am făcut
Lungimea punct matrice doi, aceasta spune,

342
00:17:47,660 --> 00:17:51,580
"OK, da-mi aceasta
atribut de acest obiect. "

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

344
00:17:52,110 --> 00:17:55,660
Deci, la fel a fost ca, "da-mi
lungimea atribut de matrice două "

345
00:17:55,660 --> 00:17:59,970
acest spune, "da-mi ceva
proprietate a obiectului nostru gol. "

346
00:17:59,970 --> 00:18:02,890
Sau, în acest caz, suntem
atribuirea se la o valoare aici.

347
00:18:02,890 --> 00:18:06,200
Dar ai putea, de asemenea, în acest fel acces.

348
00:18:06,200 --> 00:18:09,090
>> Și apoi aici este doar
arătând două alerte diferite.

349
00:18:09,090 --> 00:18:12,320
Deci, acest lucru ar arăta alertelor
ar fi exact același lucru,

350
00:18:12,320 --> 00:18:17,150
e doar două moduri diferite de
accesarea elementul pe care ne-o dorim.

351
00:18:17,150 --> 00:18:19,552
Asta face sens pentru toată lumea?

352
00:18:19,552 --> 00:18:21,510
Mă simt ca aceasta
probabil are mai mult sens,

353
00:18:21,510 --> 00:18:23,270
doar pentru că noi venim de pe PHP.

354
00:18:23,270 --> 00:18:26,400
Dar, așa cum facem mai multe exemple, acest
este literalmente exact la fel.

355
00:18:26,400 --> 00:18:28,170
O mulțime de acesta este doar schimba în sintaxă.

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

357
00:18:30,710 --> 00:18:33,030
>> OK, așa exemple.

358
00:18:33,030 --> 00:18:34,180
Îmi place exemple.

359
00:18:34,180 --> 00:18:40,070
Deci, aici este ceva CS50
variabilă care este un obiect,

360
00:18:40,070 --> 00:18:42,160
și noi Magazin Toate acestea
informații despre el.

361
00:18:42,160 --> 00:18:46,680
Deci avem Desigur, instructor,
TFS, psets, și cu bandă adezivă.

362
00:18:46,680 --> 00:18:51,840
Deci, noi observăm, acestea sunt aproape
toate diferite tipuri.

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

364
00:18:52,340 --> 00:18:56,230
Astfel de obiecte pot stoca
atribute de diferite tipuri.

365
00:18:56,230 --> 00:19:01,220
Ne putem gândi la asta: ea e foarte
similar cu oferta noastră asociativ în PHP.

366
00:19:01,220 --> 00:19:07,470
Deci cheie, valoare, cheie, valoare,
cheie, valoare, așa mai departe și așa mai departe.

367
00:19:07,470 --> 00:19:11,230
Ce este, de asemenea, interesant în același fel
că putem avea tablouri în matrice,

368
00:19:11,230 --> 00:19:14,690
putem avea, de asemenea, obiecte din cadrul
obiecte sau tablouri în obiecte.

369
00:19:14,690 --> 00:19:18,410
Niciodată nu ești limitat într-adevăr la
doar un singur de lucruri.

370
00:19:18,410 --> 00:19:24,220
Putem obține foarte Inceptionesque, doar
păstra merge în jos gaura de iepure acolo.

371
00:19:24,220 --> 00:19:26,080
>> Deci, dacă observăm, ne-am
au unele curs care

372
00:19:26,080 --> 00:19:31,120
este un șir de caractere, instructor e un șir de caractere,
și matrice, un int, și un Boolean.

373
00:19:31,120 --> 00:19:36,110
Deci, toate aceste lucruri diferite.

374
00:19:36,110 --> 00:19:39,600
>> Bine, deci, avem altul.

375
00:19:39,600 --> 00:19:42,930
Deci, în acest caz, ne-am
o serie de obiecte.

376
00:19:42,930 --> 00:19:45,320
Deci, la fel ca un obiect
poate avea o serie din ea.

377
00:19:45,320 --> 00:19:47,210
Putem, de asemenea, o serie de obiecte.

378
00:19:47,210 --> 00:19:51,250
Acest lucru ar putea fi util pentru
gândiți-vă similar natură

379
00:19:51,250 --> 00:19:54,260
de modul în care am avut o hash
masă, am avut o serie

380
00:19:54,260 --> 00:19:56,220
de toate acestea diferit
tipuri de structs care

381
00:19:56,220 --> 00:19:59,070
au fost pointeri la diferite
noduri și fleacuri.

382
00:19:59,070 --> 00:20:01,420
Dar, în acest caz, ne vom
au o serie de obiecte.

383
00:20:01,420 --> 00:20:04,890
Deci, aceasta este ca un tablou
tablouri de asociative.

384
00:20:04,890 --> 00:20:09,430
Deci avem ceva prim element ar
face obiectul cu numele James

385
00:20:09,430 --> 00:20:11,340
și casa Winthrop.

386
00:20:11,340 --> 00:20:14,780
>> Voi ar putea aminti
ceva foarte similar cu acesta

387
00:20:14,780 --> 00:20:21,710
cu ultima ta PSET, în cazul în care, dacă
tras ceva din baza de date,

388
00:20:21,710 --> 00:20:24,480
primul fel de
lucru în matrice ta a fost

389
00:20:24,480 --> 00:20:27,110
toate informațiile cu privire la
primul utilizator care a îndeplinit,

390
00:20:27,110 --> 00:20:30,765
și apoi a trebuit să indice în care
pentru a obține stocul sau cache lor

391
00:20:30,765 --> 00:20:32,110
sau fleacuri.

392
00:20:32,110 --> 00:20:34,620
Deci, acest lucru este foarte mult la fel
lucru, doar o mica schimbare

393
00:20:34,620 --> 00:20:39,570
în sintaxă, schimbare pic în
cuvintele pe care le folosesc pentru a le descrie.

394
00:20:39,570 --> 00:20:45,960
>> Deci, dacă ne-am dorit, poate cineva spune
mi ce ar face aici această alertă?

395
00:20:45,960 --> 00:20:48,780
Sau ce acest bit de
cod-ar face pentru noi?

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

397
00:20:50,992 --> 00:20:52,616
Audiența: Va voi da toate numele.

398
00:20:52,616 --> 00:20:54,900
ALLISON BUCHHOLTZ-AU: Corect, așa că
ar alerta doar cu toate numele

399
00:20:54,900 --> 00:20:57,960
pentru că ar trece prin
cabana I, așa că ar începe de la zero.

400
00:20:57,960 --> 00:21:01,330
Deci ar spune, OK căutăm
la acest prim obiect, care

401
00:21:01,330 --> 00:21:03,210
este primul slot din oferta noastră.

402
00:21:03,210 --> 00:21:06,900
Și spune: "da-mi
atribut, numele acestui obiect. "

403
00:21:06,900 --> 00:21:09,030
Deci mergem aici, am
scanare, vom găsi nume,

404
00:21:09,030 --> 00:21:11,340
și ne-am imprima
Iacov, Molly, și Carl.

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

406
00:21:14,410 --> 00:21:15,799
Orice întrebări până acum?

407
00:21:15,799 --> 00:21:17,590
JavaScript, din păcate,
vei fi

408
00:21:17,590 --> 00:21:20,950
face o mulțime de a privi pe dumneavoastră
propriu, imaginind sintaxa,

409
00:21:20,950 --> 00:21:21,910
lupta cu ea.

410
00:21:21,910 --> 00:21:25,870
Dar, desigur, eu sunt mereu aici,
Programul de lucru este mereu aici.

411
00:21:25,870 --> 00:21:28,260
S-ar putea fi în zilele de marți în această săptămână.

412
00:21:28,260 --> 00:21:31,050
Deci, dacă ești acolo, puteți
veni vizita mine această săptămână.

413
00:21:31,050 --> 00:21:32,470
Ar fi grozav.

414
00:21:32,470 --> 00:21:36,260
>> OK, deci DOM este Document Object Model-.

415
00:21:36,260 --> 00:21:38,900
Deci, aceasta este doar o modalitate
că ne place să ne gândim

416
00:21:38,900 --> 00:21:45,720
despre cum HTML noastre și tot
în cadrul acestuia se organizează.

417
00:21:45,720 --> 00:21:49,930
Acest lucru este foarte mult ceva care
va veni probabil pe testul dumneavoastră.

418
00:21:49,930 --> 00:21:58,150
Știu anul meu, a fost ca aici e
Fișier HTML, completați în DOM pentru ea.

419
00:21:58,150 --> 00:21:59,770
Și veți completa în lucrurile mici.

420
00:21:59,770 --> 00:22:01,500
Acestea ar trebui să fie puncte de ușor, sperăm.

421
00:22:01,500 --> 00:22:03,450
Sperăm că veți see--

422
00:22:03,450 --> 00:22:04,590
>> Audiența: [inaudibil]

423
00:22:04,590 --> 00:22:06,660
>> ALLISON BUCHHOLTZ-AU: Deci
vezi acest copac aici?

424
00:22:06,660 --> 00:22:07,200
>> Audiența: Da.

425
00:22:07,200 --> 00:22:08,949
>> ALLISON BUCHHOLTZ-AU:
Deci, ei vor cere utilizare

426
00:22:08,949 --> 00:22:11,750
să completeze ceea ce trece pe sub corpul.

427
00:22:11,750 --> 00:22:15,770
Poate în organism, avem niște
divs sau avem unele paragrafe,

428
00:22:15,770 --> 00:22:19,160
și vă vom cere să completați
un copac foarte mult ca aceasta.

429
00:22:19,160 --> 00:22:21,440
Deci, vom fi mersul pe jos prin ea.

430
00:22:21,440 --> 00:22:26,120
Deci obiectului document
Modelul este doar un mod

431
00:22:26,120 --> 00:22:31,240
a structura și cred că
despre HTML noastră grafic.

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

433
00:22:33,860 --> 00:22:35,840
Și, de asemenea, atunci când vom ajunge
în mai JavaScript,

434
00:22:35,840 --> 00:22:37,640
se va fi
încât suntem de fapt

435
00:22:37,640 --> 00:22:39,990
manipula diferite
Elemente pe pagina.

436
00:22:39,990 --> 00:22:43,980
Avem nevoie de o modalitate de a accesa fiecare
de lucrurile din HTML noastre,

437
00:22:43,980 --> 00:22:48,050
și așa acest lucru ne dă o foarte
mod standardizat beton

438
00:22:48,050 --> 00:22:51,010
în diferite pagini web pentru a face asta.

439
00:22:51,010 --> 00:22:53,440
>> Deci, dacă ne-am mers prin
acest aici, desigur

440
00:22:53,440 --> 00:22:56,790
documentul nostru este ca intreaga noastra fișier.

441
00:22:56,790 --> 00:22:59,350
Asta are în mod evident sens
că este cel mai mare lucru,

442
00:22:59,350 --> 00:23:03,520
și apoi ne-am HTML noastre actuale,
ceea ce corespunde la această etichetă aici.

443
00:23:03,520 --> 00:23:08,480
De asemenea, dacă în liniuță etichetele
în mod corespunzător, atunci crearea acestui copac DOM

444
00:23:08,480 --> 00:23:10,530
devine super-simplu.

445
00:23:10,530 --> 00:23:12,400
Deci avem niște cap aici.

446
00:23:12,400 --> 00:23:15,780
Avem unele organism care
vom vedea stem off de HTML,

447
00:23:15,780 --> 00:23:18,530
care este motivul pentru care ne-am cap și corp.

448
00:23:18,530 --> 00:23:22,880
În cap, avem niște
tag-ul titlu, un tag titlu scop,

449
00:23:22,880 --> 00:23:24,570
astfel știm că vine după cap.

450
00:23:24,570 --> 00:23:28,040
Și în tag-ul nostru din titlu,
avem salut, lume.

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

452
00:23:28,740 --> 00:23:31,311
Deci, asta e această ramură stângă întreg.

453
00:23:31,311 --> 00:23:34,060
Și apoi pentru ramura dreaptă
aici, vom vedea că avem HTML,

454
00:23:34,060 --> 00:23:38,680
OK am făcut această parte cap,
ne uitam doar la trup,

455
00:23:38,680 --> 00:23:40,670
așa că avem niște zonă a corpului.

456
00:23:40,670 --> 00:23:44,350
Și în faptul că, singurul
lucru pe care îl avem este salut, lume.

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

458
00:23:45,090 --> 00:23:54,130
Dacă am fi avut lucruri de genul
unele suport p și apoi

459
00:23:54,130 --> 00:23:57,500
salut, lume, iar apoi un alt
Suport p de la revedere, lume,

460
00:23:57,500 --> 00:24:00,080
am avea două bule
venind de pe aici.

461
00:24:00,080 --> 00:24:05,550
Pentru că sunt atât în ​​trup, dar
ei sunt punctele separate pentru acest caz.

462
00:24:05,550 --> 00:24:11,520
Nu este cu siguranta practică
pe faptul că, în teste anterioare,

463
00:24:11,520 --> 00:24:14,570
precum și o mulțime online pe ea.

464
00:24:14,570 --> 00:24:18,260
OK deci, aceasta doar execută
ne vedem tot frumos

465
00:24:18,260 --> 00:24:20,810
și manipula lucruri
foarte sistematic.

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

467
00:24:21,340 --> 00:24:23,640
Știm exact cum să
traversa prin acest copac,

468
00:24:23,640 --> 00:24:26,910
deci știm ce vrem să acceseze.

469
00:24:26,910 --> 00:24:31,690
>> OK deci acesta este motivul pentru care ne-o dorim
pentru a avea acest tip de model

470
00:24:31,690 --> 00:24:35,190
astfel încât să putem folosi lucruri de genul asta,
și am înțeles ce înseamnă,

471
00:24:35,190 --> 00:24:38,370
și sunt standardizate
peste toate lucrurile pe care le facem.

472
00:24:38,370 --> 00:24:45,900
Deci, titlu de document punct este doar
titlul de our-- toate acestea

473
00:24:45,900 --> 00:24:48,960
sunt destul de sine explicativ,
Îmi place să cred.

474
00:24:48,960 --> 00:24:51,660
Astfel, primele trei
exemple sunt doar că,

475
00:24:51,660 --> 00:24:54,770
"OK, doar da-mi
titlul de aceasta pagina web. "

476
00:24:54,770 --> 00:24:58,030
Deci, vă va da ceea ce
corespunde titlu.

477
00:24:58,030 --> 00:25:01,880
>> Documentul punct corp este de gând să vă dau
tot ce este în aceste etichete corporale.

478
00:25:01,880 --> 00:25:03,240
Astfel, puteți manipula asta.

479
00:25:03,240 --> 00:25:07,820
Și corpul punct de documente punct
introduceți HTML este una foarte cool,

480
00:25:07,820 --> 00:25:11,660
și poate că nu este ca super-
intuitiv, dar HTML interior

481
00:25:11,660 --> 00:25:13,740
corespunde cu acest drept aici.

482
00:25:13,740 --> 00:25:17,410
Deci, dacă doriți vreodată să
manipula textul de pe o pagină,

483
00:25:17,410 --> 00:25:22,700
de obicei, ai de gând să faci
ceva cu punct corp HTML interior.

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

485
00:25:23,820 --> 00:25:31,341
Deci HTML interior tinde să se refere la
ceea ce este de fapt între aceste tag-uri.

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

487
00:25:31,840 --> 00:25:33,020
Și apoi funcții utile.

488
00:25:33,020 --> 00:25:40,390
Deci, dacă ai vrut să obțineți
oricare dintre acestea, orice element,

489
00:25:40,390 --> 00:25:43,140
avem unele id, class
numele, sau nume de etichetă.

490
00:25:43,140 --> 00:25:47,100
Acest lucru este foarte similar cu
lucruri am făcut cu CSS, nu?

491
00:25:47,100 --> 00:25:51,360
În cazul în care avem unele selectoare că
corespund fie o etichetă, o clasă

492
00:25:51,360 --> 00:25:53,800
că le, ​​sau un Id da.

493
00:25:53,800 --> 00:25:55,310
Acest lucru este foarte mult la fel.

494
00:25:55,310 --> 00:26:00,720
Dacă aveți ceva care
are unele clasă de câine,

495
00:26:00,720 --> 00:26:05,800
și tu spui obține elemente după nume etichetă,
și ai pus câine în there-- sau rău,

496
00:26:05,800 --> 00:26:06,610
Numele de clasă.

497
00:26:06,610 --> 00:26:07,770
Puteți pune punct acolo.

498
00:26:07,770 --> 00:26:11,780
Va reveni tuturor celor
Elemente pentru tine care au această clasă.

499
00:26:11,780 --> 00:26:13,880
Astfel, puteți manipula doar cele.

500
00:26:13,880 --> 00:26:18,430
În același mod, poate că pur și simplu
doresc să manipuleze unele antet, astfel încât

501
00:26:18,430 --> 00:26:20,980
unii antet h1, așa cum am făcut-o.

502
00:26:20,980 --> 00:26:24,900
Ai putea face obține elemente dupa eticheta
nume, pentru că h1 este un nume de etichetă.

503
00:26:24,900 --> 00:26:29,270
Și, în același fel, dacă doriți să obțineți
ceva unic, poți să faci tag get.

504
00:26:29,270 --> 00:26:31,100
Ia elementul de Id.

505
00:26:31,100 --> 00:26:32,710
Și ei sunt de fapt o mulțime de aceste.

506
00:26:32,710 --> 00:26:36,300
Acestea sunt doar ca trei din foarte multe.

507
00:26:36,300 --> 00:26:39,600
Deci, dacă te duci on-line, cum
Am de gând să încurajeze

508
00:26:39,600 --> 00:26:45,342
să faci, și de a face unele
cercetare pe cont propriu,

509
00:26:45,342 --> 00:26:48,450
Vă recomandăm cu siguranta
Cautati in toate cele.

510
00:26:48,450 --> 00:26:50,880
Ele ar putea fi foarte
util, în special atunci când

511
00:26:50,880 --> 00:26:57,180
vrei sa doar un fel de a manipula
lucruri foarte specifice, fără a avea

512
00:26:57,180 --> 00:27:00,390
pentru a merge prin și să încerce
să elimine tot.

513
00:27:00,390 --> 00:27:03,540
>> OK, deci ultimul lucru
este JavaScript evenimente.

514
00:27:03,540 --> 00:27:10,730
Așa că atunci când am vorbit mai devreme
despre a merge pe un site web,

515
00:27:10,730 --> 00:27:14,340
și atunci când treceți peste ceva,
sau mouse-ul trece peste ceva,

516
00:27:14,340 --> 00:27:15,420
se întâmplă altceva.

517
00:27:15,420 --> 00:27:17,900
Aceasta este ceea ce am dori să
gândiți-vă ca un eveniment.

518
00:27:17,900 --> 00:27:23,970
Deci, ce avem că s-ar putea
fi util aici este onclick.

519
00:27:23,970 --> 00:27:29,140
Deci, a mea a fost pe hover, care, sunt
destul de sigur, este doar pe hover.

520
00:27:29,140 --> 00:27:31,300
De asemenea, o tona de acestea
pe care le puteți căuta.

521
00:27:31,300 --> 00:27:34,340
Există o întreagă listă on-line
a diferitelor lucruri

522
00:27:34,340 --> 00:27:37,130
pe care le puteți asculta.

523
00:27:37,130 --> 00:27:41,220
>> Dar evenimentele JavaScript sunt
practic doar a răspunde la lucruri

524
00:27:41,220 --> 00:27:42,430
că dvs. de utilizator este de a face.

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

526
00:27:42,930 --> 00:27:45,220
Deci, utilizatorul dvs. nu
ceva, e un eveniment,

527
00:27:45,220 --> 00:27:48,340
și JavaScript va răspunde
cu toate acestea ai o să-mi placă.

528
00:27:48,340 --> 00:27:49,770
Acesta va răspunde în consecință.

529
00:27:49,770 --> 00:27:54,630
Deci, în acest caz, ne-am
unele onload fereastră punct.

530
00:27:54,630 --> 00:27:57,170
Deci, ceea ce spune acest lucru este "așteptați
până încărcat ferestrei. "

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

532
00:27:57,780 --> 00:28:02,102
Așa că atunci când totul e încărcat, onload,
atunci puteți executa această funcție.

533
00:28:02,102 --> 00:28:03,810
Așa că atunci când totul e
încărcate, mergi

534
00:28:03,810 --> 00:28:07,760
a avea unele buton de căutare
care devine un element de identificare,

535
00:28:07,760 --> 00:28:13,740
și se imprimă indiferent de faptul că
elementul este ca butonul de căutare.

536
00:28:13,740 --> 00:28:17,050
Și apoi avem această variabilă,
spunem, "OK, onclick".

537
00:28:17,050 --> 00:28:20,390
Așa că atunci când am auzit un clic
pe butonul de căutare,

538
00:28:20,390 --> 00:28:23,990
executați această funcție, care este o
alertă, ați făcut clic pe butonul de căutare.

539
00:28:23,990 --> 00:28:28,910
>> Deci, ce se întâmplă este-- aceasta este o frumos
puțin reprezentare grafică aici.

540
00:28:28,910 --> 00:28:31,480
Deci, loturile noastre de documente,
asta e onload noastră,

541
00:28:31,480 --> 00:28:34,340
găsim Căutare noastre
buton, care este aceasta.

542
00:28:34,340 --> 00:28:36,570
Căutăm butonul noastră de căutare.

543
00:28:36,570 --> 00:28:40,790
Și când butonul de căutare este
clic, aceasta corespunde chiar aici.

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

545
00:28:41,980 --> 00:28:47,300
Apoi ne-am avertiza în cele din urmă utilizator nostru,
care este această ultimă linie de aici.

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

547
00:28:48,250 --> 00:28:52,960
Astfel, fiecare dintre aceste patru etape doar
corespunde celor patru căsuțe

548
00:28:52,960 --> 00:28:55,031
acolo jos pe partea de jos.

549
00:28:55,031 --> 00:28:56,405
Asta face sens pentru toată lumea?

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

551
00:29:01,120 --> 00:29:05,200
>> Și apoi un lucru pe care Mă duc
să menționeze foarte, foarte pe scurt, că am

552
00:29:05,200 --> 00:29:08,660
, va incurajam baieti la
du-te uita-te mai mult în este

553
00:29:08,660 --> 00:29:13,210
jQuery, care este doar o bibliotecă
care este construit pe partea de sus a JavaScript.

554
00:29:13,210 --> 00:29:16,480
Este foarte util, în calitate de
cu cele mai multe biblioteci.

555
00:29:16,480 --> 00:29:18,320
Există o mulțime de funcții.

556
00:29:18,320 --> 00:29:21,930
Deci, dacă există vreodată ceva care
vrei să faci în JavaScript,

557
00:29:21,930 --> 00:29:24,880
primul instinct
nu ar trebui să fie să se gândească

558
00:29:24,880 --> 00:29:27,340
de, "ceea ce ar trebui funcția
Am cod? ", Ar trebui să fie,

559
00:29:27,340 --> 00:29:29,560
"Lasă-mă să văd pe cineva e
deja făcut asta pentru mine. "

560
00:29:29,560 --> 00:29:32,800
Pentru că de nouă ori din zece,
cineva va fi făcut deja,

561
00:29:32,800 --> 00:29:35,760
și ei, probabil, l-au făcut mai bine.

562
00:29:35,760 --> 00:29:39,990
Oamenii petrec o mulțime de timp face acestea,
și JavaScript este utilizat pe scară foarte largă,

563
00:29:39,990 --> 00:29:42,810
astfel încât oamenii sunt în mod constant
încercarea de a face mai bine.

564
00:29:42,810 --> 00:29:47,110
Și jQuery are o multime de functii
care va fi, probabil, util pentru tine

565
00:29:47,110 --> 00:29:50,470
în proiectul final daca esti
a face ceva cu web design.

566
00:29:50,470 --> 00:29:53,480
În ceea ce îmi place să spun, "locul de muncă
inteligent, nu mai greu. "

567
00:29:53,480 --> 00:29:57,130
În cazul în care voi face asta, va fi grozav.

568
00:29:57,130 --> 00:30:00,330
Când suntem la hackathon nu-mi place
Vreau să fie totul stresat.

569
00:30:00,330 --> 00:30:03,600
Vreau să fie ca, "am
acest. a jQuery-am întors meu.

570
00:30:03,600 --> 00:30:05,790
Nu am nevoie să scrie aceste funcții. "

571
00:30:05,790 --> 00:30:07,636
>> Deci, doar două lucruri
amintiți-vă, am de gând

572
00:30:07,636 --> 00:30:10,220
să vă voi uita mai mult
în jQuery pe cont propriu.

573
00:30:10,220 --> 00:30:13,070
Tot am de gând să spun este
face unele lucruri destul de minunat

574
00:30:13,070 --> 00:30:15,220
și poate face viata ta
un întreg mult mai ușor.

575
00:30:15,220 --> 00:30:17,150
Dar, ce vrei să
avem este orice fișier

576
00:30:17,150 --> 00:30:21,020
care ai de gând să fie folosind-o în,
ai de gând să vrei aceste două linii.

577
00:30:21,020 --> 00:30:25,630
Ai de gând să doriți
script de JS jQuery dot js.

578
00:30:25,630 --> 00:30:28,500
Și, de fapt sursa ta
va fi ceva URL.

579
00:30:28,500 --> 00:30:35,870
Dacă Google jQuery, Google
găzduiește, de fapt toate fișierele pentru tine.

580
00:30:35,870 --> 00:30:38,950
Deci dori în mod sigur să
de intrare care URL-ul în schimb.

581
00:30:38,950 --> 00:30:41,130
Am pus asta aici
pentru simplitate.

582
00:30:41,130 --> 00:30:45,180
Toate acestea înseamnă în cazul în care a
găsi biblioteca jQuery.

583
00:30:45,180 --> 00:30:48,600
E masiv, deci nu vrei
să-l gazduiasca pe propriul computer

584
00:30:48,600 --> 00:30:53,390
dacă puteți evita, motiv pentru care ne-am
tind să pune doar în URL-ul Google că

585
00:30:53,390 --> 00:30:55,880
găzduiește toate aceste fișiere pentru tine.

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

587
00:30:56,380 --> 00:30:58,850
Ai Google, promit
aceasta va fi acolo.

588
00:30:58,850 --> 00:31:01,200
>> Și apoi orice
JavaScript fișier ca esti

589
00:31:01,200 --> 00:31:07,150
utilizarea, astfel încât acesta este doar un exterior
JavaScript fișier pe care îl utilizați.

590
00:31:07,150 --> 00:31:11,570
În același mod în care ne leagă de CSS noastre
fișiere, acesta este același tip de lucru.

591
00:31:11,570 --> 00:31:15,480
Aceasta leagă doar la dosar
în cazul în care JavaScript este.

592
00:31:15,480 --> 00:31:18,970
Și am câteva exemple
cu JavaScript simplu.

593
00:31:18,970 --> 00:31:20,220
Deci, vom trece prin ea.

594
00:31:20,220 --> 00:31:27,230
Și apoi în index JavaScript,
care este JavaScript dosar aici,

595
00:31:27,230 --> 00:31:30,900
aceasta este un fel de înfășurare
că aveți pentru jQuery.

596
00:31:30,900 --> 00:31:33,860
Esti aproape 99,9
la suta din timp merge

597
00:31:33,860 --> 00:31:36,800
pentru a avea acest lucru în fișierul index.js.

598
00:31:36,800 --> 00:31:40,010
Pentru că ceea ce spune acest lucru este,
"Nu executa nimic

599
00:31:40,010 --> 00:31:43,480
până documentul este de fapt
gata ", care este exact ceea ce vrei.

600
00:31:43,480 --> 00:31:46,600
Pentru că, dacă documentul nu e gata,
și jQuery începe a face lucrurile,

601
00:31:46,600 --> 00:31:48,020
e doar o mizerie.

602
00:31:48,020 --> 00:31:50,480
Deci, vrei mereu să aibă această înveliș.

603
00:31:50,480 --> 00:31:55,760
Și apoi pentru lucruri care merg acolo, am
se lasă la propria luat cunoștință băieții tăi ".

604
00:31:55,760 --> 00:32:04,610
>> OK, deci există întrebări dreapta
acum aproximativ JavaScript în general?

605
00:32:04,610 --> 00:32:07,420
Sau modelul DOM?

606
00:32:07,420 --> 00:32:10,780
Dacă nu, avem unele rece
exemple pe care le putem merge prin,

607
00:32:10,780 --> 00:32:13,120
că voi mă poate ajuta cod.

608
00:32:13,120 --> 00:32:15,877
Dar am de asemenea, va fi
super frumos, iar daca

609
00:32:15,877 --> 00:32:17,960
Nu vreau să spun nimic
pentru aceste, e în regulă.

610
00:32:17,960 --> 00:32:20,510
Pot, de asemenea, doar să vă dau exemple.

611
00:32:20,510 --> 00:32:24,581
Dar nimic pe
PowerPoint înainte de a trece mai departe?

612
00:32:24,581 --> 00:32:25,080
Se răcește.

613
00:32:25,080 --> 00:32:26,990
>> Mă simt ca și cum voi trebuie sa energie.

614
00:32:26,990 --> 00:32:31,516
Deci, eu cred că vom începe
cu exemplul meu partid întâi.

615
00:32:31,516 --> 00:32:33,390
Avem trei exemple,
ai alegerea ta.

616
00:32:33,390 --> 00:32:37,720
Deci avem ceas, unde mergem
să pună în aplicare un ceas real care este

617
00:32:37,720 --> 00:32:41,430
O să actualizeze pe măsură ce timpul trece.

618
00:32:41,430 --> 00:32:43,310
Avem această mare funcție Twitter.

619
00:32:43,310 --> 00:32:44,560
Asta: stii ce, stai.

620
00:32:44,560 --> 00:32:47,220
Vom face acest plece.

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
>> Avem această mare funcție Twitter
aici, that-- știu, nu?

624
00:32:56,132 --> 00:32:57,090
Va fi mare.

625
00:32:57,090 --> 00:32:58,350
Cautati băieți excitat?

626
00:32:58,350 --> 00:33:01,170
Aceasta va conta numărul
de caractere pe care le-ați lăsat,

627
00:33:01,170 --> 00:33:04,520
deci, dacă am de tip chiar acum,
evident încă mai spune 140,

628
00:33:04,520 --> 00:33:06,190
dar știm că nu e cazul.

629
00:33:06,190 --> 00:33:08,570
Și apoi cu ultimul nostru una
aici, click aici pentru a petrecere.

630
00:33:08,570 --> 00:33:12,150
Ce se va întâmpla este atunci când
facem clic, fundal anii

631
00:33:12,150 --> 00:33:13,340
va schimba culorile.

632
00:33:13,340 --> 00:33:17,060
Deci, voi avea optiunile de
care o doriți să faceți mai întâi.

633
00:33:17,060 --> 00:33:19,800
Promit că voi lua o foarte ușor pe tine.

634
00:33:19,800 --> 00:33:22,680
Mă simt ca și cum toată lumea e un fel
de doar foarte low-cheie astăzi.

635
00:33:22,680 --> 00:33:25,540
Așa că voi plimba prin modul în care
vom implementa toate acestea.

636
00:33:25,540 --> 00:33:28,520
Dacă doriți să chime
în, e minunat, dar eu

637
00:33:28,520 --> 00:33:30,020
simt ca toata lumea e un pic obosit.

638
00:33:30,020 --> 00:33:32,970
Așa că o să te conduc doar
prin aceste exemple.

639
00:33:32,970 --> 00:33:35,015
Avem ceva ce
am dori să facem mai întâi?

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

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

642
00:33:39,475 --> 00:33:41,350
Fără preferințe?

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

644
00:33:41,867 --> 00:33:42,450
Știi ce?

645
00:33:42,450 --> 00:33:43,290
Suntem pe partid.

646
00:33:43,290 --> 00:33:48,380
Mă simt ca și cum voi avea nevoie de un little--
așa, vom face cea partid primul.

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
>> Deci, ce avem here-- asta e
nu ar trebui să fie acolo.

650
00:33:56,930 --> 00:33:57,910
Acum e bine.

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

652
00:33:59,810 --> 00:34:03,110
Deci, ceea ce avem aici este
doar o pagină HTML simplu

653
00:34:03,110 --> 00:34:07,840
că voi ar trebui sa fie toate super-
familiarizat cu de la ultimele tale doua psets.

654
00:34:07,840 --> 00:34:10,212
Avem tip nostru doc ​​aici.

655
00:34:10,212 --> 00:34:10,920
Poate toată lumea vezi?

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

657
00:34:11,420 --> 00:34:12,560
Se răcește.

658
00:34:12,560 --> 00:34:13,900
Avem HTML nostru, evident.

659
00:34:13,900 --> 00:34:18,360
Avem ceva în afara că este
legat de o foaie de stil care

660
00:34:18,360 --> 00:34:21,420
doar voi font meu frumos și mare și îndrăzneț.

661
00:34:21,420 --> 00:34:23,489
Deci, nu vă faceți griji cu privire la asta.

662
00:34:23,489 --> 00:34:26,437
>> Avem unele organism cu
un fond Id, bine?

663
00:34:26,437 --> 00:34:28,520
Pentru că vom fi
schimbe fundalul.

664
00:34:28,520 --> 00:34:31,964
Așa că atunci când suntem schimbarea
fundal de corpul nostru,

665
00:34:31,964 --> 00:34:35,965
ne amintim de acum două săptămâni
când este vorba de pagini web.

666
00:34:35,965 --> 00:34:36,840
Deci, bun pentru a avea acel.

667
00:34:36,840 --> 00:34:39,270
Și avem niște Id egal petrecere.

668
00:34:39,270 --> 00:34:43,909
Acest h Arbitrul livră înseamnă doar că
se va merge la aceeași pagină.

669
00:34:43,909 --> 00:34:47,120
Și click aici pentru petrecere,
care este motivul pentru care atunci când faceți clic pe el,

670
00:34:47,120 --> 00:34:48,940
aceasta ar trebui să schimbe culorile, din fericire.

671
00:34:48,940 --> 00:34:54,322
>> Și apoi avem unele script aici că
este doar legat de acest partid js dot

672
00:34:54,322 --> 00:34:58,100
fișier, care este gol, deoarece
nu am făcut nimic încă.

673
00:34:58,100 --> 00:35:00,450
Și e așa de trist.

674
00:35:00,450 --> 00:35:06,100
Dar, foarte curând, se va schimba
culori, și va fi minunat.

675
00:35:06,100 --> 00:35:10,520
>> Așa că Mă duc să vă plimbare baieti
prin modul în care am putea aborda acest lucru.

676
00:35:10,520 --> 00:35:14,030
Deci, primul lucru pe care
am putea dori să facă,

677
00:35:14,030 --> 00:35:18,050
dacă ne schimba fundalul
corpul, primul lucru pe care ar putea dori

678
00:35:18,050 --> 00:35:22,730
sa faci este de fapt apuca
ceea ce corpul este, nu?

679
00:35:22,730 --> 00:35:27,690
Deci, vrem sa avem sumă, noastră
fundal, iar dacă observați,

680
00:35:27,690 --> 00:35:29,567
Doar automat începe doar dactilografiere.

681
00:35:29,567 --> 00:35:32,400
Nu e nimic special că noi
Trebuie să facem pentru fișierele noastre JavaScript.

682
00:35:32,400 --> 00:35:35,820
Pot începe de declarare variabile,
și declararea funcții aleatoare.

683
00:35:35,820 --> 00:35:38,110
Și este mult mai formă liberă.

684
00:35:38,110 --> 00:35:41,930
E ca și cum cu C,-am dat pe toți
aceste reguli dure, și ai crescut,

685
00:35:41,930 --> 00:35:43,220
deci suntem ca, "du-te mai departe.

686
00:35:43,220 --> 00:35:44,000
Fii liber.

687
00:35:44,000 --> 00:35:44,870
Fă ce vrei. "

688
00:35:44,870 --> 00:35:46,280
Și asta e ceea ce este JavaScript.

689
00:35:46,280 --> 00:35:48,390
Deci avem unele de fundal aici.

690
00:35:48,390 --> 00:35:55,900
Cu modelul nostru DOM, noi știm
pot face documentul punct minim de element,

691
00:35:55,900 --> 00:36:00,290
iar dacă observăm aici,
corpul nostru are un Id.

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

693
00:36:00,930 --> 00:36:06,310
Deci, putem te document prin
Id-ul, și aici e unul simplu.

694
00:36:06,310 --> 00:36:08,295
Ce este ID-ul nostru pe care ne-o dorim aici?

695
00:36:08,295 --> 00:36:09,170
Audiența: Context.

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

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

698
00:36:12,230 --> 00:36:14,250
Și punct și virgulă la sfârșitul anului.

699
00:36:14,250 --> 00:36:15,610
Asta nu a dispărut încă.

700
00:36:15,610 --> 00:36:17,330
Ai nevoie de încă virgulă tale.

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

702
00:36:17,830 --> 00:36:19,690
Deci, asta e prima noastră unul.

703
00:36:19,690 --> 00:36:23,880
Și când facem click ceva, ne-am
vrea să se întâmple ceva, nu?

704
00:36:23,880 --> 00:36:28,270
Așa că s-ar putea dori niște variabile
care este de asteptare pentru un clic.

705
00:36:28,270 --> 00:36:32,410
Ceea ce vom face este că vom
face legătura noastră mai mult similar cu un buton.

706
00:36:32,410 --> 00:36:43,140
Deci, vom avea unele buton care
este egal cu documenta punct primi elementul de Id.

707
00:36:43,140 --> 00:36:48,670
Și dacă eu vorbesc despre
faceți clic pe link-ul sau click aici pentru petrecere

708
00:36:48,670 --> 00:36:51,850
link-ul, ceea ce ar putea fi ID-ul de mea aici?

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

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

711
00:36:55,200 --> 00:36:56,500
OK, nu prea rău până acum.

712
00:36:56,500 --> 00:36:59,060
Toată lumea ce facem?

713
00:36:59,060 --> 00:37:02,100
>> OK, deci acum avem noastre
buton, și vrem

714
00:37:02,100 --> 00:37:04,140
lucrurile să se schimbe atunci când faceți clic pe ea.

715
00:37:04,140 --> 00:37:08,750
Deci, dacă ne amintim de PowerPoint nostru,
lucru foarte simplu putem face

716
00:37:08,750 --> 00:37:12,140
este doar punct buton onclick, nu?

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

718
00:37:14,750 --> 00:37:18,730
Și asta se întâmplă pentru a egala o anumită funcție.

719
00:37:18,730 --> 00:37:20,620
Aceasta este o funcție anonim.

720
00:37:20,620 --> 00:37:24,620
Și aceasta doar as-- de fapt eu sunt
de gând să facă acest lucru un pic mai mare.

721
00:37:24,620 --> 00:37:27,330
>> Deci, ce am făcut
aici este Spun, OK,

722
00:37:27,330 --> 00:37:31,810
când ne-am faceți clic pe butonul nostru, care este
această legătură pe care ne-am referit,

723
00:37:31,810 --> 00:37:34,270
vom executa
această funcție anonim.

724
00:37:34,270 --> 00:37:35,845
Nu avem nevoie de nici un intrări.

725
00:37:35,845 --> 00:37:37,220
Nu-mi pasă ce spune utilizatorul.

726
00:37:37,220 --> 00:37:38,800
Atunci când faceți clic pe el, suntem
O să facem ce vrem,

727
00:37:38,800 --> 00:37:40,660
care este schimba culoarea de fundal.

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

729
00:37:42,640 --> 00:37:47,224
Deci, de aceea nu avem nici un intrări,
avem doar această funcție anonim.

730
00:37:47,224 --> 00:37:49,390
Și acum suntem de fapt merge
a scrie această funcție.

731
00:37:49,390 --> 00:37:55,040
>> Deci, există o grămadă de moduri în care
ar putea genera o culoare aleatorii.

732
00:37:55,040 --> 00:37:59,010
Modul în care am făcut-o a fost să
genera trei numere aleatoare

733
00:37:59,010 --> 00:38:01,910
și de a le converti la un triplu RGB.

734
00:38:01,910 --> 00:38:06,130
Deci, aceasta doar vă arată unele misto
lucruri pe care daca esti ca, "oh,

735
00:38:06,130 --> 00:38:08,464
Am nevoie pentru a genera un aleatoare
număr. "dacă aceasta pe Google,

736
00:38:08,464 --> 00:38:09,630
aceasta este ceea ce v-ar găsi.

737
00:38:09,630 --> 00:38:17,580
>> Deci avem trei diferite
lucruri, var, nu roșu din nou, verde.

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

739
00:38:18,080 --> 00:38:20,740
Deci, acestea sunt cele trei
lucruri care alcătuiesc o culoare.

740
00:38:20,740 --> 00:38:22,220
Albastru, roșu, și verde.

741
00:38:22,220 --> 00:38:22,960
Se răcește.

742
00:38:22,960 --> 00:38:27,050
Și ce putem face este că știm
că aceasta trebuie să fie între 255,

743
00:38:27,050 --> 00:38:30,140
și dacă te-ai uitat în sus niște
generator de numere aleatorii,

744
00:38:30,140 --> 00:38:36,000
ai putea obține ceva de genul matematica
dot aleator, pe care dacă te uiți asta

745
00:38:36,000 --> 00:38:39,230
se întoarce la un numar
între zero și unu.

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

747
00:38:39,980 --> 00:38:44,470
Și ce numere facem nostru
Triple RGB merge între?

748
00:38:44,470 --> 00:38:47,240
Zero și ce?

749
00:38:47,240 --> 00:38:49,000
Ce pot ei merg până la?

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

751
00:38:49,950 --> 00:38:53,320
Deci, dacă matematica dot aleatoare
se duce între zero și unu,

752
00:38:53,320 --> 00:38:56,365
cum am putea dori pentru a converti acest lucru?

753
00:38:56,365 --> 00:38:56,990
Audiența: Timpul?

754
00:38:56,990 --> 00:38:57,830
ALLISON BUCHHOLTZ-AU: Da, exact.

755
00:38:57,830 --> 00:38:58,677
Deci, timpul este de 255.

756
00:38:58,677 --> 00:39:00,888
>> Audiența: [inaudibil]
E ca și cum [neauzit].

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

758
00:39:02,471 --> 00:39:03,096
Audiența: cool.

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

760
00:39:04,580 --> 00:39:06,300
JavaScript are doar grijă de tine.

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

762
00:39:07,580 --> 00:39:09,360
Deci, putem face asta pentru toate acestea.

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

764
00:39:10,540 --> 00:39:16,480
Math dot ori aleatoare 255.

765
00:39:16,480 --> 00:39:17,740
Am înțeles.

766
00:39:17,740 --> 00:39:18,820
Se răcește.

767
00:39:18,820 --> 00:39:23,350
Deci lucru este, acest lucru poate
nu se mai întoarcă un întreg.

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

769
00:39:24,080 --> 00:39:26,450
Poate lua un numar
între zero și unu,

770
00:39:26,450 --> 00:39:32,150
și o face să fie ușor
off, iar RGBS noastre nu pot fi flotoare.

771
00:39:32,150 --> 00:39:33,360
Ei au nevoie să fie int.

772
00:39:33,360 --> 00:39:37,610
Deci, dacă ați încercat acest lucru, ar probabil
au un comportament haotic.

773
00:39:37,610 --> 00:39:38,810
Ar fi un pic funky.

774
00:39:38,810 --> 00:39:43,200
Deci, ceea ce facem este că doriți să faceți
sigur că acestea sunt rotunjite,

775
00:39:43,200 --> 00:39:45,400
si ai putea rotunji nici un fel.

776
00:39:45,400 --> 00:39:47,110
Am rotunjit cu etaj.

777
00:39:47,110 --> 00:39:49,680
Așa că am întotdeauna sigur
că rotunjite în jos.

778
00:39:49,680 --> 00:39:54,440
Dar merge off de cât de simplu
a fost de a obține doar un număr aleator,

779
00:39:54,440 --> 00:39:57,920
cum crezi că
s-ar putea etaj acest număr?

780
00:39:57,920 --> 00:40:00,720
E foarte asemănătoare.

781
00:40:00,720 --> 00:40:02,810
Orice idee?

782
00:40:02,810 --> 00:40:06,450
Deci, dacă aleator a fost doar matematica punct
aleatoare, deci crezi că aș face podea?

783
00:40:06,450 --> 00:40:09,670
Math punct podea.

784
00:40:09,670 --> 00:40:11,340
Și puteți face, de asemenea, matematica punct plafon.

785
00:40:11,340 --> 00:40:14,030
Runda este un fel de ambiguu
pentru că nu

786
00:40:14,030 --> 00:40:16,110
știu dacă a rotunji în plus sau rotunji în jos.

787
00:40:16,110 --> 00:40:20,797
Deci, de obicei, facem mereu matematica
podea punct, tavan matematica punct.

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

789
00:40:21,380 --> 00:40:22,780
>> Audiența: Are rotund podea jos?

790
00:40:22,780 --> 00:40:24,740
>> ALLISON BUCHHOLTZ-AU: Etaj runde jos.

791
00:40:24,740 --> 00:40:26,990
Si acesta este doar o alegere din partea mea.

792
00:40:26,990 --> 00:40:32,370
>> Deci, acum avem trei numerele noastre
care au fost generate aleator,

793
00:40:32,370 --> 00:40:36,610
și ceea ce vom face acum este că suntem
doar va schimba fundalul.

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

795
00:40:37,310 --> 00:40:41,490
Deci avem deja nostru
fundal fel de depozitat

796
00:40:41,490 --> 00:40:43,280
în acest element numit fond.

797
00:40:43,280 --> 00:40:47,300
Deci, ce veți observa este, în cazul în care
ai jucat în jurul cu acest lucru,

798
00:40:47,300 --> 00:40:50,460
vrem sa schimbam stilul.

799
00:40:50,460 --> 00:40:53,812
Și aceasta este un fel de ceva care
v-ar Google și dau seama,

800
00:40:53,812 --> 00:40:55,020
place cum pentru a schimba culoarea.

801
00:40:55,020 --> 00:40:59,210
>> Dar modul în care accesați această culoare este
fundal dot dot stil de fundal.

802
00:40:59,210 --> 00:41:03,490
Deci, aceasta spune dat
acest obiect, fundal,

803
00:41:03,490 --> 00:41:06,920
care se referă la faptul că
Element Id acolo,

804
00:41:06,920 --> 00:41:10,690
ne vom uita la
Stilul în stilul,

805
00:41:10,690 --> 00:41:13,280
ne vom uita la fundal.

806
00:41:13,280 --> 00:41:14,270
OK?

807
00:41:14,270 --> 00:41:17,630
Și dacă te duci și căutați asta,
s-ar putea face un pic mai mult sens,

808
00:41:17,630 --> 00:41:21,930
dar acest lucru este, în principiu doar că,
"Dă-mi această atribut foarte specific

809
00:41:21,930 --> 00:41:25,770
de ceea ce am definit mai devreme. "

810
00:41:25,770 --> 00:41:32,340
Deci, ceea ce suntem o schimbare este
unii RGB, pentru că are sens.

811
00:41:32,340 --> 00:41:34,780
Suntem folosind RGB tripleți, nu?

812
00:41:34,780 --> 00:41:41,530
Și noi have-- vreau să vă asigurați I
obține numărul corect de citate aici.

813
00:41:41,530 --> 00:41:43,940
Deci, ceea ce facem este că avem
RGB, iar noi te vom

814
00:41:43,940 --> 00:41:46,800
sa-- acest lucru este ca
concatenare, care este de culoare roșie.

815
00:41:46,800 --> 00:41:50,030

816
00:41:50,030 --> 00:41:52,610
Și apoi ne-o dorim ceva virgulă.

817
00:41:52,610 --> 00:41:59,925
Și apoi ne-o dorim plus verde,
apoi unele virgulă, iar unele albastru.

818
00:41:59,925 --> 00:42:10,640

819
00:42:10,640 --> 00:42:14,120
>> Deci aceste plusuri doar
Adică concatenare.

820
00:42:14,120 --> 00:42:19,810
Deci, aceasta este doar crearea acestui
șir care va în 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
>> Audiența: [inaudibil] plus apoi
verde A plus apoi roșu.

824
00:42:26,684 --> 00:42:30,163
>> ALLISON BUCHHOLTZ-AU: Da,
pentru că am stricat asta.

825
00:42:30,163 --> 00:42:30,890
Amenda Asta cuiva.

826
00:42:30,890 --> 00:42:32,110
Oh, stai.

827
00:42:32,110 --> 00:42:32,610
Nu.

828
00:42:32,610 --> 00:42:36,770
Pentru că am nevoie să vă asigurați că
ca am primit toate acestea dreapta.

829
00:42:36,770 --> 00:42:39,680

830
00:42:39,680 --> 00:42:43,950
Deci, voi explica în momento ONU.

831
00:42:43,950 --> 00:42:47,040
Verde, albastru, perfect.

832
00:42:47,040 --> 00:42:47,971
Acum am terminat.

833
00:42:47,971 --> 00:42:48,470
Eu cred.

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
Deci, ce este aceasta, este faptul că de fond
va fi setat la o anumită șir.

837
00:42:58,085 --> 00:42:58,585
Chiar?

838
00:42:58,585 --> 00:42:59,710
Care este ceea ce avem aici.

839
00:42:59,710 --> 00:43:05,870
Va fi ceva RGB 255 virgulă
255 de zero virgulă, sau orice ai numărul

840
00:43:05,870 --> 00:43:06,512
au acolo.

841
00:43:06,512 --> 00:43:08,220
Deci, ce facem aici,
avem unele șir.

842
00:43:08,220 --> 00:43:11,910
Și ceea ce vrem să facem, este că suntem
fel de dinamic creare

843
00:43:11,910 --> 00:43:14,010
că, atunci când vom rula de fapt acest program.

844
00:43:14,010 --> 00:43:16,570
Deci, aceasta este un șir.

845
00:43:16,570 --> 00:43:20,290
Plus concateneaza cu
valoarea pe care roșie are,

846
00:43:20,290 --> 00:43:23,320
care concateneaza cu o
virgulă, care se concateneaza

847
00:43:23,320 --> 00:43:26,090
cu ceea ce este verde, și
așa mai departe, și așa mai departe.

848
00:43:26,090 --> 00:43:26,660
OK?

849
00:43:26,660 --> 00:43:32,210
Până la sfârșit, care este
închidere paranteze de acest RGB aici.

850
00:43:32,210 --> 00:43:32,800
OK?

851
00:43:32,800 --> 00:43:37,230
>> Deci, ce acest lucru se întâmplă la
genera unele comenzi într-adevăr

852
00:43:37,230 --> 00:43:42,770
că este RGB de trei numere
acest context este acum setată la.

853
00:43:42,770 --> 00:43:43,940
OK?

854
00:43:43,940 --> 00:43:46,510
Să vedem dacă funcționează.

855
00:43:46,510 --> 00:43:49,720
Sper că nu, pentru că în cazul în care
nu, am de gând să fie reală trist.

856
00:43:49,720 --> 00:43:50,250
Oh, nu.

857
00:43:50,250 --> 00:43:52,710
OK, stai.

858
00:43:52,710 --> 00:43:56,730
Categoric fundal
punct stil punct de fundal.

859
00:43:56,730 --> 00:43:59,569
Îmi lipsește siguranta
ceva doar mic.

860
00:43:59,569 --> 00:44:00,610
Nu te voi urî asta?

861
00:44:00,610 --> 00:44:04,020
Când este doar o mica eroare pic?

862
00:44:04,020 --> 00:44:04,990
Fundal Atotputernic.

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
>> Audiența: [inaudibil]

866
00:44:09,765 --> 00:44:11,729

867
00:44:11,729 --> 00:44:12,770
ALLISON BUCHHOLTZ-AU: Nu.

868
00:44:12,770 --> 00:44:14,050
Am încercat acest lucru înainte de clasă.

869
00:44:14,050 --> 00:44:16,570
Am tot ce am făcut înainte
clasă în cazul în care am fost ca,

870
00:44:16,570 --> 00:44:17,970
"Stai, ce am gresit?"

871
00:44:17,970 --> 00:44:23,190
Pentru că am fost ca, "voi, probabil,
mizerie asta la un moment dat. "

872
00:44:23,190 --> 00:44:24,150
Plus verde.

873
00:44:24,150 --> 00:44:26,250
Totul pare ca e
concatenate în mod corect.

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
>> Audiența: [inaudibil]

877
00:44:31,870 --> 00:44:33,810
>> ALLISON BUCHHOLTZ-AU: Oh, nu te duci.

878
00:44:33,810 --> 00:44:35,520
Asta e ceea ce am nevoie.

879
00:44:35,520 --> 00:44:36,805
Uită-te la asta.

880
00:44:36,805 --> 00:44:40,090
Tiffany a salva.

881
00:44:40,090 --> 00:44:40,590
Perfect.

882
00:44:40,590 --> 00:44:41,090
OK.

883
00:44:41,090 --> 00:44:43,834
Acum, să vedem dacă merge.

884
00:44:43,834 --> 00:44:44,816
Oh, Doamne.

885
00:44:44,816 --> 00:44:45,641
OK.

886
00:44:45,641 --> 00:44:46,140
Stai.

887
00:44:46,140 --> 00:44:48,280
>> Audiența: Space după a doua plus.

888
00:44:48,280 --> 00:44:50,310
>> ALLISON BUCHHOLTZ-AU: Care?

889
00:44:50,310 --> 00:44:52,910
Oh, așteptați, stai.

890
00:44:52,910 --> 00:44:54,870
Uzura spațiu?

891
00:44:54,870 --> 00:44:57,209
>> Audiența: Al doilea plus în
concatenarea verde.

892
00:44:57,209 --> 00:44:58,250
ALLISON BUCHHOLTZ-AU: Oh.

893
00:44:58,250 --> 00:44:59,570
Audiența: Nu există spațiu
după plus, da.

894
00:44:59,570 --> 00:45:00,790
ALLISON BUCHHOLTZ-AU: Tu
nu au nevoie de asta, dar--

895
00:45:00,790 --> 00:45:01,190
Audiența: Oh, nu?

896
00:45:01,190 --> 00:45:01,910
ALLISON BUCHHOLTZ-AU: Se pare destul de.

897
00:45:01,910 --> 00:45:02,530
Audiența: OK.

898
00:45:02,530 --> 00:45:03,030
OK.

899
00:45:03,030 --> 00:45:05,170
>> ALLISON BUCHHOLTZ AU:
Să vedem dacă funcționează.

900
00:45:05,170 --> 00:45:05,670
OK.

901
00:45:05,670 --> 00:45:07,836
Mă evident faptul că nu la
acest demo, care-mi aduce aminte

902
00:45:07,836 --> 00:45:12,810
de o prelegere pe de altă săptămână,
dar știu că acest lucru va funcționa.

903
00:45:12,810 --> 00:45:15,860
Știu că acest lucru va funcționa.

904
00:45:15,860 --> 00:45:16,580
Atât de aproape.

905
00:45:16,580 --> 00:45:22,330
Dacă nu am șters din greșeală
script-ul meu de data asta.

906
00:45:22,330 --> 00:45:24,035
Nu, este dot partid js.

907
00:45:24,035 --> 00:45:25,776
OK stai.

908
00:45:25,776 --> 00:45:28,650
Am de gând să copiați acest lucru, și eu sunt, de asemenea,
doar de gând să șterge totul,

909
00:45:28,650 --> 00:45:30,108
pentru că am avut acest lucru mai devreme.

910
00:45:30,108 --> 00:45:32,470

911
00:45:32,470 --> 00:45:33,770
>> Promit că funcționează.

912
00:45:33,770 --> 00:45:36,160
Dacă nu, vă voi arăta ce Tommy este.

913
00:45:36,160 --> 00:45:38,890
Și acolo.

914
00:45:38,890 --> 00:45:42,380
>> Audiența: Ești corelarea partid
punct CSS, și este un punct de partid js.

915
00:45:42,380 --> 00:45:45,940
>> ALLISON BUCHHOLTZ-AU: Ah, bine
aici este js dot partid.

916
00:45:45,940 --> 00:45:49,187
OK, ce am făcut altfel?

917
00:45:49,187 --> 00:45:50,520
OK, vom vedea dacă aceasta funcționează acum.

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
Deci, eu nu știu ce am făcut altfel,
dar acest lucru este ceea ce trebuie să se întâmple.

921
00:46:02,110 --> 00:46:03,230
Cam rece.

922
00:46:03,230 --> 00:46:06,650
Am apasat pe această, cum ar fi, pentru totdeauna.

923
00:46:06,650 --> 00:46:11,185
Dar putem încerca și a vedea ceea ce am făcut
diferit că acesta a avut.

924
00:46:11,185 --> 00:46:14,560
Nu știu despre voi, dar acest lucru
Se pare practic ceea ce tocmai am scris.

925
00:46:14,560 --> 00:46:17,950
Nu a fost, probabil, o lipsă
punct și virgulă undeva e treaba mea.

926
00:46:17,950 --> 00:46:22,064
De fapt, după, cred că lipsea
un punct și virgulă aici de fapt.

927
00:46:22,064 --> 00:46:24,230
Dar nu am putut vedea că
a fost în afara ecranului.

928
00:46:24,230 --> 00:46:29,040
>> Dar dacă observați, acest lucru este destul de
mult exact ceea ce tocmai am scris.

929
00:46:29,040 --> 00:46:33,010
Cred că, probabil, cea mai grea parte despre
acest lucru este doar un fel de acest lucru drept

930
00:46:33,010 --> 00:46:36,830
aici, înțelegere
ce face acolo.

931
00:46:36,830 --> 00:46:42,230
Aceste tipuri de lucruri pe care le invata
într-adevăr doar prin Googling și sincer

932
00:46:42,230 --> 00:46:42,880
Încerc doar.

933
00:46:42,880 --> 00:46:46,770
Dacă credeți că e ceva
atribut, probabil este.

934
00:46:46,770 --> 00:46:48,382
Deci, încercați.

935
00:46:48,382 --> 00:46:49,090
Vezi ce se întâmplă.

936
00:46:49,090 --> 00:46:53,000
Așa cum am spus, există o mulțime de
experimentarea cu JavaScript,

937
00:46:53,000 --> 00:46:56,810
și PHP, și tot ce
chestii, și CSS în special.

938
00:46:56,810 --> 00:47:00,046
Asta e singurul adevărat
mod de a înțelege.

939
00:47:00,046 --> 00:47:07,100
>> OK, astfel încât după fiasco cu partidul
js dot, avem alte două opțiuni.

940
00:47:07,100 --> 00:47:10,650
Avem ceas sau Twitter.

941
00:47:10,650 --> 00:47:12,190
Sunt amândoi interesant.

942
00:47:12,190 --> 00:47:17,720
Poate nu la fel de distractiv ca partid,
care a avut un strobing răcească puțin

943
00:47:17,720 --> 00:47:19,595
lucru la sfârșitul anului.

944
00:47:19,595 --> 00:47:21,714
Nu voi avea vreo preferință?

945
00:47:21,714 --> 00:47:22,380
Audiența: Ceas?

946
00:47:22,380 --> 00:47:22,950
ALLISON BUCHHOLTZ-AU: Ceas?

947
00:47:22,950 --> 00:47:23,450
OK.

948
00:47:23,450 --> 00:47:25,390
Se răcește.

949
00:47:25,390 --> 00:47:30,460
>> Deci, din nou, ne-am nostru
gol fișier JavaScript.

950
00:47:30,460 --> 00:47:35,800
Și, după cum vom vedea aici, ne-am
au unele HTML foarte simplu.

951
00:47:35,800 --> 00:47:40,010
Avem foaie de stil noastră, că doar
formate cum ar trebui să arate.

952
00:47:40,010 --> 00:47:42,860
Avem div noastră cu
o Id-ul de ceas, care

953
00:47:42,860 --> 00:47:44,420
doar spune, "aceasta ar trebui să fie un ceas."

954
00:47:44,420 --> 00:47:47,650
Și avem link-ul nostru
la dosarul nostru de activarea JavaScript-

955
00:47:47,650 --> 00:47:51,400
care este de fapt o să
genera ceasul nostru pentru noi.

956
00:47:51,400 --> 00:47:56,060
Pentru că lucrul rece, este că puteți
setat JavaScript pentru a actualiza automat

957
00:47:56,060 --> 00:47:56,963
în sine.

958
00:47:56,963 --> 00:47:57,810
OK?

959
00:47:57,810 --> 00:48:01,580
Deci, în loc de așteptare pentru
utilizator a lovit Refresh la o pagină

960
00:48:01,580 --> 00:48:03,840
astfel încât să puteți obține
timp actualizate, JavaScript

961
00:48:03,840 --> 00:48:06,760
poate actualiza totuși îi place.

962
00:48:06,760 --> 00:48:12,082
>> Astfel, ca și în ultimul nostru este de ne-am dorit
pentru a accesa trecutul nostru, nu?

963
00:48:12,082 --> 00:48:14,790
Deci, ce crezi că ar putea fi
primul lucru pe care vrem să facem aici?

964
00:48:14,790 --> 00:48:19,538
Dacă vom fel de a merge off
acest tip de paradigmă aici?

965
00:48:19,538 --> 00:48:22,200
Probabil Vrem să
acces la ceasul nostru, nu?

966
00:48:22,200 --> 00:48:24,724
Deci, avem niște var
ceas, care equals--

967
00:48:24,724 --> 00:48:26,140
ce credem că va fi?

968
00:48:26,140 --> 00:48:29,290

969
00:48:29,290 --> 00:48:42,670
Documentul a obține punct element de by-- eu, de asemenea,
dragoste Sublime-- Id-ul și ID-ul de nostru este de ceas.

970
00:48:42,670 --> 00:48:43,585
Punct și virgulă.

971
00:48:43,585 --> 00:48:45,710
Trebuie să asigurați-vă că pentru a obține
aceste punct și virgulă acest timp,

972
00:48:45,710 --> 00:48:47,835
pentru că mă simt ca și cum asta
a fost problema ultima dată.

973
00:48:47,835 --> 00:48:55,980
OK așa, cum am fost doar că cu încercarea
sa ai JavaScript în sine refresh,

974
00:48:55,980 --> 00:48:59,655
există această funcție mare, eu
Știu că a venit la îndemână anul trecut,

975
00:48:59,655 --> 00:49:02,780
Nu sunt sigur că vine la îndemână pentru această
PSET, dar se numește interval stabilit.

976
00:49:02,780 --> 00:49:05,640

977
00:49:05,640 --> 00:49:08,200
Și aceasta este de fapt într-adevăr
rece dacă voi face nimic

978
00:49:08,200 --> 00:49:11,460
cu timpul sau asistent
Informații actualizate.

979
00:49:11,460 --> 00:49:13,700
Pe un site web pentru o finala
proiect, aceasta este, probabil,

980
00:49:13,700 --> 00:49:16,240
o funcție pe care doriți să
obține super-familiarizat cu.

981
00:49:16,240 --> 00:49:19,730
Deci, ce a seta intervalul face este că
vom da o funcție,

982
00:49:19,730 --> 00:49:21,830
si cat de des ar trebui
numesc această funcție.

983
00:49:21,830 --> 00:49:22,430
OK?

984
00:49:22,430 --> 00:49:26,890
>> Deci, în acest caz, vom doar de gând să
a crea din nou o funcție anonim,

985
00:49:26,890 --> 00:49:31,530
OK, că este mergi la a lua
data nostru, și timpul nostru,

986
00:49:31,530 --> 00:49:33,780
și apoi actualizați lucruri și afișa.

987
00:49:33,780 --> 00:49:35,130
Deci, vom face griji cu privire la asta.

988
00:49:35,130 --> 00:49:39,120
Vom fi ca genera ceas aici.

989
00:49:39,120 --> 00:49:41,750
Dar ceea ce avem nevoie este cum
de multe ori să-l refresh.

990
00:49:41,750 --> 00:49:43,930
Deci, în acest caz, e doar milisecunde.

991
00:49:43,930 --> 00:49:46,877
Așa că doar de gând să
face 100 de milisecunde.

992
00:49:46,877 --> 00:49:48,210
Desigur, complet arbitrar.

993
00:49:48,210 --> 00:49:50,600
Dacă ați fi dorit să actualizeze
mult mai lent, ai putea.

994
00:49:50,600 --> 00:49:53,300
Putem mizerie în jurul valorii de
cu intervalul stabilit,

995
00:49:53,300 --> 00:49:57,240
cat de mare interval nostru este, după ne
un ceas de lucru, pe care sperăm Voi

996
00:49:57,240 --> 00:49:59,660
ajunge la.

997
00:49:59,660 --> 00:50:04,110
Deci, aceasta este doar spune, "OK, apel
această funcție la fiecare 100 de milisecunde. "

998
00:50:04,110 --> 00:50:04,805
OK?

999
00:50:04,805 --> 00:50:07,280
Asta e tot ce face.

1000
00:50:07,280 --> 00:50:12,290
>> Deci, ceea ce vrem funcția noastră să
faci este dorim să avem o dată

1001
00:50:12,290 --> 00:50:14,200
și de ceva timp este ceea ce
vom avea.

1002
00:50:14,200 --> 00:50:19,740
Astfel încât să putem începe cu nostru
data este egal cu ceva,

1003
00:50:19,740 --> 00:50:22,708
și timpul nostru este egal cu ceva
că nu știm încă.

1004
00:50:22,708 --> 00:50:26,070

1005
00:50:26,070 --> 00:50:29,300
Sau de fapt, avem nevoie doar de data, deoarece
data este de gând să includă totul.

1006
00:50:29,300 --> 00:50:34,310

1007
00:50:34,310 --> 00:50:40,010
Din nou, dacă ai doar Google ceva despre
ceea ce vrei să faci, dacă ai scrie, "OK,

1008
00:50:40,010 --> 00:50:41,980
Vreau să ajung ora
prin JavaScript ", se

1009
00:50:41,980 --> 00:50:45,890
vă va da acest mare
funcție numită data get.

1010
00:50:45,890 --> 00:50:48,664
Literal, cele mai multe lucruri
pe care doriți să faceți,

1011
00:50:48,664 --> 00:50:50,830
JavaScript va avea
făcut deja pentru tine.

1012
00:50:50,830 --> 00:50:55,770
Deci e literalmente ca nou
obține data, care este creating--

1013
00:50:55,770 --> 00:50:58,600
sau noua dată, rather--
care este generatoare

1014
00:50:58,600 --> 00:51:03,690
un obiect care reprezintă o dată.

1015
00:51:03,690 --> 00:51:08,200
>> Și ce vom face aici este
acest este-- am de gând să scrie acest lucru,

1016
00:51:08,200 --> 00:51:10,820
și apoi să explice ceea ce face.

1017
00:51:10,820 --> 00:51:12,560
Așa că voi asigura că primesc acest drept.

1018
00:51:12,560 --> 00:51:17,950

1019
00:51:17,950 --> 00:51:23,440
>> OK, deci ce această funcție
nu, este că suntem doar

1020
00:51:23,440 --> 00:51:30,680
crearea HTML care este de fapt
de gând să meargă în Id nostru div de ceas.

1021
00:51:30,680 --> 00:51:34,610
Deci, ce acest lucru se va face
Este doar generatoare de unii șir, bine?

1022
00:51:34,610 --> 00:51:38,510
Acest lucru este atunci va fi
transplantate în HTML nostru.

1023
00:51:38,510 --> 00:51:42,130
Practic ceea ce va face este
indiferent de we-- ceea ce vă va arăta

1024
00:51:42,130 --> 00:51:49,070
este că orice am spune HTML este,
vom înlocui acest text aici

1025
00:51:49,070 --> 00:51:51,090
cu orice HTML este.

1026
00:51:51,090 --> 00:51:56,390
Deci, acest lucru se întâmplă pentru a permite
ne pentru a schimba ceasul dot nostru

1027
00:51:56,390 --> 00:52:00,940
HTML de la a fi doar textul prezentei
ar trebui să fie un ceas, pentru care arată de fapt

1028
00:52:00,940 --> 00:52:05,630
numărul și lucrurile pe care le pasă
despre, și să fie de fapt ora.

1029
00:52:05,630 --> 00:52:09,810
>> Deci, ce vom face este că suntem
O să înceapă generarea acest cod HTML.

1030
00:52:09,810 --> 00:52:16,520
Deci, în același mod în care am folosit
să facă plus egal pentru numere întregi,

1031
00:52:16,520 --> 00:52:20,461
puteți face acum asta pentru siruri de caractere,
cu excepția că va să le înlănțui.

1032
00:52:20,461 --> 00:52:20,960
Chiar?

1033
00:52:20,960 --> 00:52:26,070
După cum am văzut cu punct de partid js, acest doar
concateneaza toate aceste lucruri împreună.

1034
00:52:26,070 --> 00:52:31,970
Astfel, puteți înlănțui diferite biți de
HTML din variabile, sau bucăți de siruri de caractere

1035
00:52:31,970 --> 00:52:33,750
pe care le scrie
le și acest lucru doar

1036
00:52:33,750 --> 00:52:38,650
permite într-adevăr să dinamic
genera HTML, care este destul de rece.

1037
00:52:38,650 --> 00:52:42,040
Deci, dacă aveți ceva
foarte utilizator specific,

1038
00:52:42,040 --> 00:52:44,130
acest lucru poate permite să faci asta.

1039
00:52:44,130 --> 00:52:47,550
>> Deci, avem HTML, să am de gând să
încerca și asigurați-vă că primesc acest drept.

1040
00:52:47,550 --> 00:52:49,890
Deci, vom face unele în afara h1.

1041
00:52:49,890 --> 00:52:53,610
Deci, ce este important să realizăm aici
este faptul că aceasta este de fapt doar HTML.

1042
00:52:53,610 --> 00:52:54,460
Chiar?

1043
00:52:54,460 --> 00:52:56,610
Vă scriem real
Codul HTML aici, e

1044
00:52:56,610 --> 00:53:01,090
nu doar un șir în normal
astfel încât ne-ar gândi la asta.

1045
00:53:01,090 --> 00:53:02,930
Deci avem niște HTML.

1046
00:53:02,930 --> 00:53:04,940
Aceasta este considerată un șir aici, deși.

1047
00:53:04,940 --> 00:53:10,380
Și noi facem dată dot-- noi
doriți să obțineți ore noastre.

1048
00:53:10,380 --> 00:53:12,910
Din nou, dacă ar fi să te uiți
up nimic despre data,

1049
00:53:12,910 --> 00:53:16,160
v-ar spune toate acestea sunt
atributele această dată are.

1050
00:53:16,160 --> 00:53:17,670
Și aici e ceea ce se poate folosi pe ea.

1051
00:53:17,670 --> 00:53:20,620
Deci, probabil că are lucruri cum ar fi
obține ore, și de a lua de minute,

1052
00:53:20,620 --> 00:53:24,669
și de a lua de secunde, și de a lua milisecunde,
și cine știe ce altceva au.

1053
00:53:24,669 --> 00:53:27,210
Dar daca te uiti in
documentație, aceasta va fi tot acolo.

1054
00:53:27,210 --> 00:53:31,980
>> Deci avem lua ore,
iar apoi ne-am dori

1055
00:53:31,980 --> 00:53:35,614
a înlănțui că aplice: eu sunt
va muta acest aici.

1056
00:53:35,614 --> 00:53:38,780
Deci, dacă suntem generatoare de acum, suntem
generarea de fapt momentul, nu?

1057
00:53:38,780 --> 00:53:43,590
Avem de ore, iar apoi ceea ce este
între ore și minute?

1058
00:53:43,590 --> 00:53:45,080
Ai un punct și virgulă, nu?

1059
00:53:45,080 --> 00:53:48,010
Așa că vrem să facem ceva și virgulă aici.

1060
00:53:48,010 --> 00:53:51,780
Și apoi ne-am dori să ne punem
minute, deci în același mod

1061
00:53:51,780 --> 00:53:56,450
că avem dată punct minim de ore,
cum am putea obține minute noastre?

1062
00:53:56,450 --> 00:54:01,542
E pur și simplu data la care au minim punct
minute, pe care îmi place.

1063
00:54:01,542 --> 00:54:03,250
E ca și cum, "oh, cât de
face I a lua de minute mele? "

1064
00:54:03,250 --> 00:54:05,850
Tocmai am lua de minute mele.

1065
00:54:05,850 --> 00:54:07,500
>> OK.

1066
00:54:07,500 --> 00:54:10,990
Și apoi avem un alt colon aici.

1067
00:54:10,990 --> 00:54:16,350
Și apoi, dacă vrem să ne punem
secunde, cum am putea obține al doilea nostru?

1068
00:54:16,350 --> 00:54:17,400
Data dot primi secunde.

1069
00:54:17,400 --> 00:54:20,390

1070
00:54:20,390 --> 00:54:21,590
Cred că e destul de cool.

1071
00:54:21,590 --> 00:54:23,589
Și ce este important pentru
dau seama, este că noi, de asemenea,

1072
00:54:23,589 --> 00:54:31,730
Trebuie să închideți tag HTML aici, pentru că
ar trebui să fie în continuare HTML valabile, așa h1.

1073
00:54:31,730 --> 00:54:33,481
Se răcește.

1074
00:54:33,481 --> 00:54:43,110
>> Deci, după care, putem face ceas
punct HTML interior este egal cu HTML.

1075
00:54:43,110 --> 00:54:43,930
OK?

1076
00:54:43,930 --> 00:54:46,470
Deci, amintiți-vă cum am spus
HTML interior practic

1077
00:54:46,470 --> 00:54:50,610
ia tot ce este între
două etichete care am vorbit despre

1078
00:54:50,610 --> 00:54:54,470
și inserții sau manipulează
tot ce este acolo?

1079
00:54:54,470 --> 00:54:58,290
Deci, ce face acest lucru, dacă
ne întoarcem la ceasul nostru,

1080
00:54:58,290 --> 00:55:04,180
este faptul că ceasul se referă la
tot în acest div.

1081
00:55:04,180 --> 00:55:09,770
Aceasta este interioară HTML
din acest ceas Id div.

1082
00:55:09,770 --> 00:55:13,930
Și așa va schimba la
HTML pe care tocmai l-am generat,

1083
00:55:13,930 --> 00:55:16,750
care, care, sperăm,
sperăm, sperăm,

1084
00:55:16,750 --> 00:55:21,026
va arăta momentul potrivit acum.

1085
00:55:21,026 --> 00:55:23,960
Vom vedea.

1086
00:55:23,960 --> 00:55:25,170
Desigur.

1087
00:55:25,170 --> 00:55:26,860
Atât de multe probleme tehnice.

1088
00:55:26,860 --> 00:55:31,480
Doar-- lui Allison am
off astăzi băieții mei de joc.

1089
00:55:31,480 --> 00:55:34,136
OK, care funcționează.

1090
00:55:34,136 --> 00:55:35,760
ceas dot HTML interior.

1091
00:55:35,760 --> 00:55:42,097
A fost HTML Serios?

1092
00:55:42,097 --> 00:55:43,180
De asemenea, aceasta este ceea ce se întâmplă.

1093
00:55:43,180 --> 00:55:48,750
Când nu poți vedea ceva ce,
doar uita-te la codul sursă.

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
Vrei să știi un lucru rece în jurul
că vom face chiar aici?

1097
00:55:54,870 --> 00:55:55,740
>> Audiența: Poți să faci cu majuscule?

1098
00:55:55,740 --> 00:55:56,580
Literele de capital?

1099
00:55:56,580 --> 00:55:58,996
Pentru că ai primi de ore,
și apoi a lua de minute.

1100
00:55:58,996 --> 00:56:02,590
>> ALLISON BUCHHOLTZ-AU: Se
este să ore și get-- oh.

1101
00:56:02,590 --> 00:56:04,945
Ai are-- stele de aur.

1102
00:56:04,945 --> 00:56:08,114

1103
00:56:08,114 --> 00:56:09,030
Totul e un test, băieți.

1104
00:56:09,030 --> 00:56:13,630

1105
00:56:13,630 --> 00:56:17,330
Promit a fost de lucru înainte de clasă.

1106
00:56:17,330 --> 00:56:22,590
>> OK, dar ceva cool să știu este
pe care le puteți also-- dacă uneori

1107
00:56:22,590 --> 00:56:26,560
fișierele externe
obtinerea un pic nebun,

1108
00:56:26,560 --> 00:56:30,960
puteți de asemenea, doar le-a pus drept
aici, care tinde să repari lucrurile.

1109
00:56:30,960 --> 00:56:35,840
Cu excepția acest lucru este ca într-adevăr urât.

1110
00:56:35,840 --> 00:56:38,050
Format Desigur totul.

1111
00:56:38,050 --> 00:56:41,425
Asigurați-vă că totul e frumos.

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
>> Am vrut să fac toate demo-urile reci,
și ei pur și simplu nu merge.

1115
00:56:50,621 --> 00:56:51,555
OK.

1116
00:56:51,555 --> 00:56:53,890
Script ceas var.

1117
00:56:53,890 --> 00:57:00,350
Oricum, ceea ce este important este
că aceasta este calea generală

1118
00:57:00,350 --> 00:57:01,870
care le-ar formatați JavaScript.

1119
00:57:01,870 --> 00:57:04,490
După cum puteți vedea, ea poate fi
foarte delicat uneori,

1120
00:57:04,490 --> 00:57:08,780
chiar și atunci când a fost literalmente
de lucru în urmă cu două secunde.

1121
00:57:08,780 --> 00:57:11,820
Sau acum nu două secunde,
dar foarte, foarte recent.

1122
00:57:11,820 --> 00:57:16,070
>> Deci, pentru a vă arăta cum ar trebui sa arate,
și să vă arăt că nu sunt nebun,

1123
00:57:16,070 --> 00:57:19,730
și că tot ceea ce este exact
același, aceasta este ceea ce ar trebui sa arate.

1124
00:57:19,730 --> 00:57:27,410
Ai doar de gând să faci această parte de sus
aici, iar dacă vizualizați sursa pagină,

1125
00:57:27,410 --> 00:57:32,160
dacă observați, el a făcut unele
lucruri nebunești, am simplificat.

1126
00:57:32,160 --> 00:57:35,710
De asemenea, credit pentru Tommy
McWilliam, care de fapt

1127
00:57:35,710 --> 00:57:38,810
ma ajutat să creeze aceste exemple,
motiv pentru care am știu că lucrez.

1128
00:57:38,810 --> 00:57:41,560
Pentru ca Tommy este un maestru JavaScript.

1129
00:57:41,560 --> 00:57:43,180
Dar dacă observați, avem un anumit set.

1130
00:57:43,180 --> 00:57:45,170
Avem functia noastra ceas aici.

1131
00:57:45,170 --> 00:57:48,450
Acest lucru este cu JavaScript care
am scris doar, sau o parte din ea.

1132
00:57:48,450 --> 00:57:51,470
Am scris doar asta aici.

1133
00:57:51,470 --> 00:57:54,260
Și el are un plus
funcție care doar tampoane

1134
00:57:54,260 --> 00:57:57,790
prin punerea un zero în fața unei
scrisoare sau înainte de un număr dacă este

1135
00:57:57,790 --> 00:57:59,412
doar una dintre ele.

1136
00:57:59,412 --> 00:58:02,120
Deci, dacă observați, acest lucru este destul de
mult exact ceea ce am scris.

1137
00:58:02,120 --> 00:58:06,230
Ai ceva ceas variabilă care
are elementul nostru, pentru a primi elementul de identitate,

1138
00:58:06,230 --> 00:58:07,252
care este ceas.

1139
00:58:07,252 --> 00:58:08,960
Avem interval nostru set
funcție, asta e

1140
00:58:08,960 --> 00:58:12,670
o funcție anonim
care execută toate astea.

1141
00:58:12,670 --> 00:58:16,940
Am unele șir de pornire
HTML pe care le atunci dinamic

1142
00:58:16,940 --> 00:58:20,750
genera prin care au unele
antet h1, concatenarea

1143
00:58:20,750 --> 00:58:23,950
cu obține orele, plus
colon nostru, plus asistent

1144
00:58:23,950 --> 00:58:26,860
procesul-verbal, plus un alt
colon, plus secunde noastre,

1145
00:58:26,860 --> 00:58:29,330
și în cele din urmă se încheie HTML pentru aceasta.

1146
00:58:29,330 --> 00:58:34,210
Și apoi ne-am actualizat ceasul nostru
dot HTML interior de HTML,

1147
00:58:34,210 --> 00:58:37,640
și ne-am actualizat la fiecare 100 de milisecunde.

1148
00:58:37,640 --> 00:58:39,060
OK?

1149
00:58:39,060 --> 00:58:42,470
>> Vezi Promit că nu sunt nebun.

1150
00:58:42,470 --> 00:58:43,440
Nu știu.

1151
00:58:43,440 --> 00:58:47,160
Nu știu de ce nu mă place.

1152
00:58:47,160 --> 00:58:54,030
Mă simt ca arata la fel,
dar se pare că mă urăște.

1153
00:58:54,030 --> 00:58:59,600
>> Să vedem dacă runda trei merge mai bine.

1154
00:58:59,600 --> 00:59:00,970
Suntem pe cale de a vedea.

1155
00:59:00,970 --> 00:59:02,910
Nu sunt sigur cum se va merge.

1156
00:59:02,910 --> 00:59:06,700
Este toată lumea, cel puțin asistent
contra, cum ar fi doar tema generală

1157
00:59:06,700 --> 00:59:08,480
JavaScript, totuși?

1158
00:59:08,480 --> 00:59:15,660
Sper că e cel puțin util, mai
decât arătând că este un pic delicat.

1159
00:59:15,660 --> 00:59:21,190
Dar setul problemă va fi foarte distractiv.

1160
00:59:21,190 --> 00:59:22,590
Va fi mare.

1161
00:59:22,590 --> 00:59:24,820
Nu va fi la fel de plictisitor
ca aceasta, nu cred.

1162
00:59:24,820 --> 00:59:28,100
Veți obține de fapt, la
a se vedea lucrurile cu adevarat misto.

1163
00:59:28,100 --> 00:59:31,734
>> Deci, nu în ultimul rând,
vom încerca cel Twitter.

1164
00:59:31,734 --> 00:59:32,900
Sunt foarte speriat acum, băieți.

1165
00:59:32,900 --> 00:59:35,762
Nu știu cum se va merge.

1166
00:59:35,762 --> 00:59:39,930
Dar să vă dau un mic
mai gust, iar acest lucru este de fapt

1167
00:59:39,930 --> 00:59:44,190
siruri de caractere manipularea și
intrări, ceea ce vom face

1168
00:59:44,190 --> 00:59:50,960
este, dacă observăm aici cu HTML--
acesta are un pic more--

1169
00:59:50,960 --> 00:59:57,200
avem unele zonă de text, care
corespunde acest domeniu text aici.

1170
00:59:57,200 --> 00:59:58,030
OK?

1171
00:59:58,030 --> 01:00:00,420
Și că are o Id de text.

1172
01:00:00,420 --> 01:00:04,520
Am restilizată un pic
cu unele lățime și înălțime

1173
01:00:04,520 --> 01:00:07,310
pe care le-am predeterminată,
și ne-am H1,

1174
01:00:07,310 --> 01:00:11,260
care este doar una noastră în afara că
reprezintă personajele noastre din stânga.

1175
01:00:11,260 --> 01:00:14,570
Am dat unele Id de
caractere rămase,

1176
01:00:14,570 --> 01:00:18,660
și apoi avem unele script
aici, care sunt foarte

1177
01:00:18,660 --> 01:00:20,790
sperând treia oară lui
farmecul aici, băieți.

1178
01:00:20,790 --> 01:00:26,750
>> Deci, ceea ce vrem să facem,
în aceeași ordine de idei generale

1179
01:00:26,750 --> 01:00:31,480
pe care le-am făcut cu js ceas dot
și punct de partid JS așa cum am observat,

1180
01:00:31,480 --> 01:00:35,980
este că am pornit de fapt hapsân
lucrurile pe care le pasă, nu?

1181
01:00:35,980 --> 01:00:42,330
Deci, în acest caz, există două
lucruri pe care le pasă, OK?

1182
01:00:42,330 --> 01:00:47,199
Un lucru pe care suntem de fapt un fel de
căutați în și desen date de la,

1183
01:00:47,199 --> 01:00:48,990
și un lucru care
suntem de fapt în schimbare.

1184
01:00:48,990 --> 01:00:52,110

1185
01:00:52,110 --> 01:00:53,730
Deci, există HTML nostru.

1186
01:00:53,730 --> 01:01:00,370
Dacă aceasta este pagina web aici, ce-i
datele pe care le căutați la?

1187
01:01:00,370 --> 01:01:03,860
O să fie orice
textul în cutii noastre, nu?

1188
01:01:03,860 --> 01:01:05,310
Deci, indiferent de tip I aici.

1189
01:01:05,310 --> 01:01:08,150
Asta e ceea ce vreau să știu, sau
asta e ceea ce vreau să se uite la.

1190
01:01:08,150 --> 01:01:10,690
Și ce va fi
schimbarea pe pagina noastră de web?

1191
01:01:10,690 --> 01:01:13,550

1192
01:01:13,550 --> 01:01:14,880
Personajele rămas.

1193
01:01:14,880 --> 01:01:19,550
Deci, în același fel, vrem să
începe prin inițializarea variabilelor

1194
01:01:19,550 --> 01:01:22,030
care de fapt ține pe aceste elemente.

1195
01:01:22,030 --> 01:01:22,890
OK?

1196
01:01:22,890 --> 01:01:29,930
Deci, dacă avem unele var
că este zona noastră de text,

1197
01:01:29,930 --> 01:01:33,681
și avem niște var care a rămas.

1198
01:01:33,681 --> 01:01:34,180
Chiar?

1199
01:01:34,180 --> 01:01:36,190
Deci, acestea sunt de gând să
deține aceste două lucruri.

1200
01:01:36,190 --> 01:01:42,370
Deci, același tip de lucru,
Document dot-- OK, eu sunt

1201
01:01:42,370 --> 01:01:45,920
O să vă asigurați că acesta este
de gând să lucreze acest moment.

1202
01:01:45,920 --> 01:01:49,620
Sunt foarte neclintit.

1203
01:01:49,620 --> 01:01:53,310
OK, deci dacă vrem nostru
zonă de text, în conformitate

1204
01:01:53,310 --> 01:01:55,710
la HTML noastre, care e identificator nostru?

1205
01:01:55,710 --> 01:01:56,420
Care e Id-ul nostru?

1206
01:01:56,420 --> 01:01:59,500

1207
01:01:59,500 --> 01:02:05,540
E doar de gând să fi text deoarece
acest lucru creează zona noastră de text, OK,

1208
01:02:05,540 --> 01:02:10,320
și Id-ul nostru este un text, astfel încât este
cum o putem apuca de ce e acolo.

1209
01:02:10,320 --> 01:02:12,130
OK, punct și virgulă.

1210
01:02:12,130 --> 01:02:13,940
Am de gând să fie super
precise despre acest lucru,

1211
01:02:13,940 --> 01:02:16,300
pentru că vreau ca aceasta să funcționeze acest moment.

1212
01:02:16,300 --> 01:02:22,120
OK, face același lucru,
obține elementul de Id.

1213
01:02:22,120 --> 01:02:25,970
Sunt foarte mirat ce are
a provocat celelalte două să distrugeți.

1214
01:02:25,970 --> 01:02:29,750
OK, atunci în acesta,
ceea ce vrem pentru a avea acces?

1215
01:02:29,750 --> 01:02:30,760
Ce este ID-ul de aici?

1216
01:02:30,760 --> 01:02:33,980

1217
01:02:33,980 --> 01:02:36,261
Avem un alt ID-ul de la
HTML nostru, ce este?

1218
01:02:36,261 --> 01:02:37,552
Audiența: caractere rămase.

1219
01:02:37,552 --> 01:02:39,343
ALLISON BUCHHOLTZ-AU:
Caractere rămase.

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
Se răcește.

1223
01:02:46,010 --> 01:02:49,800
Așa că Mă duc la
scrie acest foarte repede.

1224
01:02:49,800 --> 01:02:53,706

1225
01:02:53,706 --> 01:02:55,330
Mă duc să scriu acest al doilea.

1226
01:02:55,330 --> 01:02:56,190
Deci, zonă de text.

1227
01:02:56,190 --> 01:02:59,550

1228
01:02:59,550 --> 01:03:06,180
Ce este interesant este B function-- acolo
sunt o mulțime de funcții care nu numai

1229
01:03:06,180 --> 01:03:09,690
corespund ta
mouse-ul, dar tastatura.

1230
01:03:09,690 --> 01:03:10,190
OK?

1231
01:03:10,190 --> 01:03:16,540
Deci, vă pot spune când orice tastă este
apăsat, poți să faci lucruri de genul asta.

1232
01:03:16,540 --> 01:03:20,450
Deci, cel pe care îl utilizăm
este numit pe tasta sus, care

1233
01:03:20,450 --> 01:03:25,320
spune, "dacă ați apăsat orice tastă de pe
tastatura, atunci când utilizatorul a ridicat

1234
01:03:25,320 --> 01:03:28,064
degetul lor la buton,
iar cheia a devenit nepresată,

1235
01:03:28,064 --> 01:03:29,480
atunci vom face ceva. "

1236
01:03:29,480 --> 01:03:29,980
OK?

1237
01:03:29,980 --> 01:03:31,370
Deci, acest lucru are sens, nu?

1238
01:03:31,370 --> 01:03:33,540
Deoarece fiecare personaj
noi de tip, vom

1239
01:03:33,540 --> 01:03:36,550
de a avea pentru a ridica degetele off
de ea, astfel încât atunci când cheia merge în sus,

1240
01:03:36,550 --> 01:03:40,980
putem ști să decrementa
caracterele noastre rămase.

1241
01:03:40,980 --> 01:03:44,440
>> Deci avem ceva pe cheie
sus, și în același fel,

1242
01:03:44,440 --> 01:03:47,480
vom spune,
"OK, atunci când facem asta, ne-am

1243
01:03:47,480 --> 01:03:55,110
sunt de gând să creeze o funcție care
este de gând să ia e ", în acest caz,

1244
01:03:55,110 --> 01:03:58,800
și ceea ce vrem să facem este
calcula numărul rămas.

1245
01:03:58,800 --> 01:04:02,510
OK, deci hai să înceapă
prin crearea unei variabile.

1246
01:04:02,510 --> 01:04:05,830
Deci avem ceva r variabil,
care va reprezenta

1247
01:04:05,830 --> 01:04:07,720
câte caractere ne-au lăsat.

1248
01:04:07,720 --> 01:04:08,890
OK?

1249
01:04:08,890 --> 01:04:14,540
Știm că vom începe cu
140, iar dacă vrem să știm,

1250
01:04:14,540 --> 01:04:18,360
să spunem, lungimea acestei
șir care a fost de intrare,

1251
01:04:18,360 --> 01:04:20,860
nu voi avea nici o idee
cum am putea face asta?

1252
01:04:20,860 --> 01:04:23,900
Doar pe off de evidente
lucruri, cum ar fi dacă ne-am dorit de ore,

1253
01:04:23,900 --> 01:04:25,870
am folosit lua ore.

1254
01:04:25,870 --> 01:04:28,860
Știm că obiectul nostru este
zonă de text, dar ar putea băieți

1255
01:04:28,860 --> 01:04:33,050
cred că de ceea ce ar putea veni după ea?

1256
01:04:33,050 --> 01:04:35,280
Orice idei?

1257
01:04:35,280 --> 01:04:41,730
>> Deci, un fel asta de mai puțin
intuitiv, dar e lungime punct valoare.

1258
01:04:41,730 --> 01:04:44,700
Așa că dă-mi niște
atribut valoare care

1259
01:04:44,700 --> 01:04:46,500
este de fapt lungimea acestui șir.

1260
01:04:46,500 --> 01:04:50,340
Deci va spun, "OK, eu caut
la acest întreg șir în zona de text,

1261
01:04:50,340 --> 01:04:52,730
și am de gând să-i spun
tu cât de mult este. "

1262
01:04:52,730 --> 01:04:55,500
Pentru că dacă ne amintim siruri de caractere
sunt într-adevăr doar tablouri,

1263
01:04:55,500 --> 01:04:58,110
astfel încât să putem lua doar lungimea lor.

1264
01:04:58,110 --> 01:05:01,860
Deci avem asta.

1265
01:05:01,860 --> 01:05:04,058
Se răcește.

1266
01:05:04,058 --> 01:05:09,360
>> Atunci ce vrem să facem este noi
nu doresc să permită utilizatorului

1267
01:05:09,360 --> 01:05:12,340
pentru a introduce mai mult
140 de caractere, nu?

1268
01:05:12,340 --> 01:05:15,610
Pentru că dacă spunem ca, "oh, tu
doar au atât de mult rămasă, "

1269
01:05:15,610 --> 01:05:20,522
și apoi să le facă asta
oricum, am mințit.

1270
01:05:20,522 --> 01:05:22,230
Și aceasta este o altă
lucru care de activarea JavaScript-

1271
01:05:22,230 --> 01:05:24,530
poate fi într-adevăr bun
pentru, este de validare de utilizare

1272
01:05:24,530 --> 01:05:29,062
și asigurându-vă că dvs.
utilizator se încadrează în orice norme

1273
01:05:29,062 --> 01:05:30,270
care le-ați furnizat acestora.

1274
01:05:30,270 --> 01:05:36,020
Deci, dacă vrei să faci lucruri cum ar fi acest site
sigur de intrare cineva adresa de e-mail,

1275
01:05:36,020 --> 01:05:40,242
sau asigurându-vă că, atunci când
introduceți două parole, ei potrivit.

1276
01:05:40,242 --> 01:05:41,200
JavaScript poate face asta.

1277
01:05:41,200 --> 01:05:44,010
Te-ar face așa ceva ", atunci când
formularul este trimis, "sau cum ar fi,

1278
01:05:44,010 --> 01:05:48,170
"Când Submit buton Forma este
clic, verifica toate aceste lucruri. "

1279
01:05:48,170 --> 01:05:49,670
Și putem face asta JavaScript.

1280
01:05:49,670 --> 01:05:52,680
Deci, asta e doar ceea ce
vom face aici.

1281
01:05:52,680 --> 01:05:57,810
>> Deci, ceea ce ar putea fi o modalitate de a verifica dacă
au trecut peste 140 de caractere?

1282
01:05:57,810 --> 01:06:03,310
Ce se va întâmpla cu
Valoarea noastră de r dacă încearcă?

1283
01:06:03,310 --> 01:06:04,760
Va fi negativ, nu?

1284
01:06:04,760 --> 01:06:07,380
Sau o să fie mai puțin
mare sau egal cu zero.

1285
01:06:07,380 --> 01:06:13,690
Deci, putem folosi un cazul în care este
la fel ca orice altceva.

1286
01:06:13,690 --> 01:06:14,270
OK?

1287
01:06:14,270 --> 01:06:20,480
Și avem niște puncte zonă de text
valoare, iar ceea ce facem noi aici

1288
01:06:20,480 --> 01:06:29,940
este ne doar cutting-- ce este?

1289
01:06:29,940 --> 01:06:30,900
Scuze.

1290
01:06:30,900 --> 01:06:32,732
Acesta, vrem doar să se întoarcă fals.

1291
01:06:32,732 --> 01:06:34,030
Am fost confuz.

1292
01:06:34,030 --> 01:06:36,560
Toate amețit de la lucrurile nu funcționează.

1293
01:06:36,560 --> 01:06:40,010
OK, vrem doar să
return false, iar apoi ne-am

1294
01:06:40,010 --> 01:06:44,160
doriți să le afișați
caractere rămase, nu?

1295
01:06:44,160 --> 01:06:48,720
Deci, cu ceas, am făcut
ceva cu HTML interior, nu?

1296
01:06:48,720 --> 01:06:52,070
În cazul în care ne-am propus o egală cu ceva
variabil, astfel încât ceea ce s-ar putea să facem aici?

1297
01:06:52,070 --> 01:06:54,590

1298
01:06:54,590 --> 01:06:57,750
Ce ne schimbă HTML interioară a?

1299
01:06:57,750 --> 01:07:02,843

1300
01:07:02,843 --> 01:07:03,780
>> Audiența: ramas?

1301
01:07:03,780 --> 01:07:05,738
>> ALLISON BUCHHOLTZ-AU:
Suntem schimbare rămas.

1302
01:07:05,738 --> 01:07:09,217

1303
01:07:09,217 --> 01:07:11,300
Bine, și ce facem noi
doriți să-l setați egală cu?

1304
01:07:11,300 --> 01:07:14,440

1305
01:07:14,440 --> 01:07:18,437
Va fi r, pentru că
ar trebui să fie personajele noastre rămase.

1306
01:07:18,437 --> 01:07:19,600
OK?

1307
01:07:19,600 --> 01:07:26,060
Deci, eu sunt foarte nervos pentru a vedea dacă
funcționează acum, dar vom vedea.

1308
01:07:26,060 --> 01:07:28,960

1309
01:07:28,960 --> 01:07:29,460
Lăsați asta.

1310
01:07:29,460 --> 01:07:34,690

1311
01:07:34,690 --> 01:07:37,700
E foarte repede.

1312
01:07:37,700 --> 01:07:38,970
[Neauzit] OK.

1313
01:07:38,970 --> 01:07:44,574

1314
01:07:44,574 --> 01:07:45,990
Din nou, Mă duc să-ți arăt.

1315
01:07:45,990 --> 01:07:49,430
Indiferent de motiv,
a mea nu decide să lucreze,

1316
01:07:49,430 --> 01:07:53,354
dar ceea ce eu vă va arăta că este această
este-- oh ar trebui să pună asta la.

1317
01:07:53,354 --> 01:07:57,470
OK, am observat același tip de
lucru aici, obtinerea de zona de text.

1318
01:07:57,470 --> 01:08:01,070
>> De asemenea, dacă observați tip, dacă există
vreodată ceva ce vrei să faci,

1319
01:08:01,070 --> 01:08:04,080
și nu știi cum să faci
ea, doar să faceți clic pe Vedeți sursa paginii,

1320
01:08:04,080 --> 01:08:06,632
și ei vor să-ți spun.

1321
01:08:06,632 --> 01:08:07,840
Uneori va fi criptat.

1322
01:08:07,840 --> 01:08:11,147
Pentru PSET, va cripta totul,
așa că doar arata ca păsărească.

1323
01:08:11,147 --> 01:08:13,480
Dar dacă există vreodată un adevărat
site-ul rece care vă place,

1324
01:08:13,480 --> 01:08:17,729
dacă doar să faceți clic pe Vedeți sursa paginii,
o să-ți spun cum se face.

1325
01:08:17,729 --> 01:08:20,770
Deci, din nou, lucreze mai inteligent, nu mai greu.

1326
01:08:20,770 --> 01:08:24,250
Și, după cum vedeți aici, toate de
aceste lucruri sunt la fel.

1327
01:08:24,250 --> 01:08:31,930
aceasta de aici ia doar câteva subșir
că, am uitat exact ce face acest lucru.

1328
01:08:31,930 --> 01:08:36,980
Dar este evident nevoie de unele subșir
din valoarea de la zero la zece,

1329
01:08:36,980 --> 01:08:41,540
și returnează false ce ar trebui să se oprească
utilizatorul din mai introducere,

1330
01:08:41,540 --> 01:08:46,040
și apoi, evident, actualizările
HTML interior acolo.

1331
01:08:46,040 --> 01:08:47,410
>> Se răcește.

1332
01:08:47,410 --> 01:08:53,000
Take aways atat de mare începând de astăzi,
experiment, uita-te la codul sursă

1333
01:08:53,000 --> 01:08:58,359
pentru că te va ajuta foarte mult,
și pentru toată lumea, uneori JavaScript

1334
01:08:58,359 --> 01:09:03,200
poate fi greu de a lucra cu și nu
funcționează întotdeauna așa cum vă așteptați să,

1335
01:09:03,200 --> 01:09:05,700
dar doar continua să încercăm
pentru că eu promit că voi.

1336
01:09:05,700 --> 01:09:08,376
Promit toate aceste exemple
au fost de lucru înainte de clasă.

1337
01:09:08,376 --> 01:09:09,750
Nu înțeleg ce sa întâmplat.

1338
01:09:09,750 --> 01:09:13,069
Am literalmente tot la fel.

1339
01:09:13,069 --> 01:09:17,660
>> Un lucru mai mult că vreau doar să
vă arată tipi care pot fi foarte utile

1340
01:09:17,660 --> 01:09:21,630
este in-- ceea ce a fost de lucru înainte?

1341
01:09:21,630 --> 01:09:23,935
Avem parte de muncă, nu-i așa?

1342
01:09:23,935 --> 01:09:26,569
Așa cred.

1343
01:09:26,569 --> 01:09:27,069
Da.

1344
01:09:27,069 --> 01:09:27,630
Am făcut-o.

1345
01:09:27,630 --> 01:09:28,250
Minunat.

1346
01:09:28,250 --> 01:09:31,189
OK, deci un lucru care
voi ar trebui să știe

1347
01:09:31,189 --> 01:09:33,340
este jurnalul consola care am vorbit despre.

1348
01:09:33,340 --> 01:09:37,040
Deci, consola punct jurnal de salut.

1349
01:09:37,040 --> 01:09:40,430
Deci, acesta este un fel de
Echivalent de activarea JavaScript-de printf.

1350
01:09:40,430 --> 01:09:42,810
Deci, dacă doriți vreodată să
inspecta variabilele dumneavoastră

1351
01:09:42,810 --> 01:09:49,649
sau pentru a vedea ce se întâmplă acolo, ce
ce poti face este, dacă ne inspecta elemente,

1352
01:09:49,649 --> 01:09:51,899
este ceea ce vrei să mergi
la, și te duci la consola,

1353
01:09:51,899 --> 01:09:53,770
veți vedea că imprimat salut.

1354
01:09:53,770 --> 01:09:55,750
>> Deci, am putea avea
print orice am vrut.

1355
01:09:55,750 --> 01:10:04,170
Dacă ne-am dorit pentru a imprima fundal
punct fundal stil punct,

1356
01:10:04,170 --> 01:10:08,454
ar trebui să poată vedea
RGB triplu care vine.

1357
01:10:08,454 --> 01:10:11,140
Sau nu.

1358
01:10:11,140 --> 01:10:13,520
Am uitat exact cum te
imprima o variabilă de genul asta,

1359
01:10:13,520 --> 01:10:17,249
dar ar trebui să fie în măsură să
imprima lucruri de genul asta.

1360
01:10:17,249 --> 01:10:19,040
Acest lucru va fi foarte util
pentru PSET atunci când

1361
01:10:19,040 --> 01:10:23,330
încerci să manipuleze
coordonate sau fleacuri.

1362
01:10:23,330 --> 01:10:25,270
Asa ca schimba, de asemenea, această piesă în clasă.

1363
01:10:25,270 --> 01:10:30,750
Acest lucru este diferit de ultimii ani, astfel încât
doar să fie frumos la TFS dvs., sau TFS

1364
01:10:30,750 --> 01:10:36,350
la ore de birou, mai degrabă, pentru că suntem
fel de învățare, împreună cu voi.

1365
01:10:36,350 --> 01:10:41,230
Dar jurnalul consolă a fost super, super-
de ajutor pentru JavaScript anul trecut.

1366
01:10:41,230 --> 01:10:42,740
Deci, le place.

1367
01:10:42,740 --> 01:10:43,780
Aflați cum să-l folosească.

1368
01:10:43,780 --> 01:10:49,026
Este mai ușor de utilizat decât GDB, astfel încât
ar trebui să fie de cel puțin un punct în plus.

1369
01:10:49,026 --> 01:10:50,650
Dar vă mulțumesc băieții sunt poartă cu mine.

1370
01:10:50,650 --> 01:10:53,400
Îmi pare rău că mi
Exemple pentru un motiv oarecare

1371
01:10:53,400 --> 01:10:55,410
pur și simplu nu a vrut să
coopera cu mine, dar eu

1372
01:10:55,410 --> 01:11:01,010
Sper că a ajutat un fel de a te o
puțin mai mult în zona de JavaScript.

1373
01:11:01,010 --> 01:11:04,980
Și trimite-mi toate întrebările dvs. pentru
săptămâna viitoare ca să pot fi reparate super,

1374
01:11:04,980 --> 01:11:09,420
și voi aduce bomboane și chiar în plus
bomboane pentru că acest lucru a fost ridicol.

1375
01:11:09,420 --> 01:11:14,000
Dar voi sunt mari,
și au o săptămână minunat.

1376
01:11:14,000 --> 01:11:15,584