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

2
00:00:10,632 --> 00:00:12,340
ALLISON Buchholtz-AU:
Olgu kõigile.

3
00:00:12,340 --> 00:00:13,520
Tere tulemast tagasi sektsioonis.

4
00:00:13,520 --> 00:00:15,315
See on meie eelviimane lõik.

5
00:00:15,315 --> 00:00:16,542
See on nii kurb.

6
00:00:16,542 --> 00:00:19,500
Ma ei tea, mida ma lähen tegema
nägemata kutid igal esmaspäeval.

7
00:00:19,500 --> 00:00:20,970
Ma arvan, et me peaksime lihtsalt--
Võib-olla võiks ainult

8
00:00:20,970 --> 00:00:22,710
siin kokku ja on õhtusöök või midagi.

9
00:00:22,710 --> 00:00:23,270
Ma ei tea.

10
00:00:23,270 --> 00:00:24,370
Ma toon toidu asemel.

11
00:00:24,370 --> 00:00:26,290
Me lihtsalt rääkida.

12
00:00:26,290 --> 00:00:29,900
Aga jah, järgmisel nädalal
olla meie viimane lõik.

13
00:00:29,900 --> 00:00:32,390
>> Selle teadmiseks, pead viktoriin järgmisel nädalal.

14
00:00:32,390 --> 00:00:35,660
Ma tean, et ma unustasin, et teen, nagu,
Kahe nädala etteteatamise eelmisel nädalal

15
00:00:35,660 --> 00:00:39,140
kuid loodetavasti kutid
teadsin, et see oli tulemas.

16
00:00:39,140 --> 00:00:42,880
Loodetavasti see on üks viimaseid
midterms kutid jaoks semester.

17
00:00:42,880 --> 00:00:46,950
Aga see läheb hõlmama kõiki
materjali, et oleme läinud üle.

18
00:00:46,950 --> 00:00:50,811
Nii see ei meeldi võid lihtsalt unustada
umbes neljast silmusest või muutujad.

19
00:00:50,811 --> 00:00:52,560
Kuna me õppisime
need alguses,

20
00:00:52,560 --> 00:00:55,870
need on ilmselt
õiglane mäng oma viktoriini.

21
00:00:55,870 --> 00:01:00,150
>> See saab olema samas formaadis, samal
pikkus, et sa juba sellega harjunud.

22
00:01:00,150 --> 00:01:02,330
Seal saab olema
kodeerimine käsitsi probleeme,

23
00:01:02,330 --> 00:01:06,270
võibolla mõned true false,
võibolla mõned lühike vastus.

24
00:01:06,270 --> 00:01:08,090
Nii et sa peaksid olema
tuttav formaadis

25
00:01:08,090 --> 00:01:10,940
eriti kui te võtate
praktikas katseid.

26
00:01:10,940 --> 00:01:13,950
Aga nagu ma ütlesin siin, see on
kumulatiivne, kuid me kindlasti

27
00:01:13,950 --> 00:01:17,410
hakatakse keskendudes
asju nädalas kuue aastast.

28
00:01:17,410 --> 00:01:24,050
Niisiis, me ilmselt ei kavatse
teilt küsida, kui palju baite

29
00:01:24,050 --> 00:01:26,180
on iga tüübi või
seda sorti asju,

30
00:01:26,180 --> 00:01:29,730
kuid me ilmselt saab olema
huvitatud asjad ahelloendid,

31
00:01:29,730 --> 00:01:32,750
või erinevad andmestruktuurid
või erinevate algoritmide

32
00:01:32,750 --> 00:01:33,960
et me oleme rääkinud.

33
00:01:33,960 --> 00:01:38,990
Seega veenduge, et sa oled tõesti
üles neid, ja kui te

34
00:01:38,990 --> 00:01:41,590
vaja ressursse,
siin on palju ressursse.

35
00:01:41,590 --> 00:01:44,790
Ma just andsin sulle lahke
on kiire loetelu seal.

36
00:01:44,790 --> 00:01:48,330
>> Järgmisel nädalal toimub viktoriin
vaadata selle aja jooksul.

37
00:01:48,330 --> 00:01:52,290
Nii et kui teil on mingeid küsimusi
või konkreetsete teemade,

38
00:01:52,290 --> 00:01:56,180
konkreetsed asjad viktoriin,
soovite minna üle, siis

39
00:01:56,180 --> 00:02:01,780
Kirjuta need mulle enne tähtaega, et ma saaks
omamoodi valmistada mõned materjali eest.

40
00:02:01,780 --> 00:02:06,310
Ja lisaks sellele
jaos läbivaatamine, siis me

41
00:02:06,310 --> 00:02:09,616
Samuti hoiab käigus kogu
vaatama nagu eelmisel korral.

42
00:02:09,616 --> 00:02:11,490
Ja see saab olema
teha samu inimesi.

43
00:02:11,490 --> 00:02:13,030
Ma ei tea, kas see
muudab paremaks või halvemaks,

44
00:02:13,030 --> 00:02:15,670
kuid see saab olema minu
Hannah, Davan ja Gabe uuesti.

45
00:02:15,670 --> 00:02:18,630
Nii et kui sa tahad tule vaata
meid kõiki tögamine omavahel

46
00:02:18,630 --> 00:02:21,270
ja sõelub viktoriin
ülevaade, mida sa peaksid kindlasti

47
00:02:21,270 --> 00:02:22,600
tulla, et järgmisel esmaspäeval ka.

48
00:02:22,600 --> 00:02:26,210
Nii et sa pead lihtsalt esmaspäev jam
pakitud of viktoriin vaadata, mis on hea

49
00:02:26,210 --> 00:02:29,840
sest siis on teisipäev
töödelda läbi kõik.

50
00:02:29,840 --> 00:02:32,230
>> Aga kindlasti ei vaadata
neid ressursse.

51
00:02:32,230 --> 00:02:36,030
Study.csv.net on kaugelt, I
arvavad, üks kasulik

52
00:02:36,030 --> 00:02:37,990
enamasti, sest see on
palju proovi kood,

53
00:02:37,990 --> 00:02:40,490
see on kõik Power Points
kõik märkmed seda,

54
00:02:40,490 --> 00:02:44,510
mis on tõesti see, mida ma teha kõige
minu jagu materjale.

55
00:02:44,510 --> 00:02:47,480
Kui seal on midagi eelmisel
sektsioonid, et ma võib-olla välja saadetud

56
00:02:47,480 --> 00:02:49,920
et te ei pruugi olla
saanud, lihtsalt andke mulle teada.

57
00:02:49,920 --> 00:02:52,520
Nagu eelmisel nädalal proovi kood,
kui keegi ei saa seda,

58
00:02:52,520 --> 00:02:55,930
lihtsalt kirjuta mulle või tule minuga rääkida,
ja ma veenduda, et sa saad seda.

59
00:02:55,930 --> 00:03:02,000
>> Nii et täna me ei kavatse
olla räägime JavaScript.

60
00:03:02,000 --> 00:03:04,690
Nii et siin me Tommy, kes ma olin
lihtsalt räägin sinuga eile õhtul.

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

62
00:03:06,670 --> 00:03:09,040
JavaScript on tema lemmik
keeles, nagu ta ütleb siin.

63
00:03:09,040 --> 00:03:14,050
Nad proovida ja öelda, et see on
ei ole parim, ja nad on valesti.

64
00:03:14,050 --> 00:03:16,510
Nii Tommy on JavaScript master.

65
00:03:16,510 --> 00:03:19,850
Ma pole päris tema
tasandil, kuid ma olin nagu,

66
00:03:19,850 --> 00:03:22,900
"Tommy, kuidas ma õpetan
need lapsed JavaScript? "

67
00:03:22,900 --> 00:03:26,700
Nii et ma sain mõned nõuanded, et
loodetavasti nad töötavad välja.

68
00:03:26,700 --> 00:03:31,140
>> Nii paar asja on teada, et
JavaScript on skriptimist

69
00:03:31,140 --> 00:03:35,560
keeles, nii et PHP on midagi
et pidasime rohkem server-side,

70
00:03:35,560 --> 00:03:39,280
see oli üles laadida serverisse,
koostatud ja vormistatud seal.

71
00:03:39,280 --> 00:03:42,871
See üks on täidetud
oma arvutisse.

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

73
00:03:43,370 --> 00:03:46,960
Nii laete mõned JavaScript lehel
ja ta täidab oma masinale.

74
00:03:46,960 --> 00:03:49,910
Süntaks on väga sarnane C ja PHP.

75
00:03:49,910 --> 00:03:52,490
Me läheme läbi
mõned näited JavaScript,

76
00:03:52,490 --> 00:03:56,740
ja sa lähed, et näha, et
kuidas me räägime muutujate, silmad,

77
00:03:56,740 --> 00:03:58,910
ja tingimused on kõigil väga sarnased.

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

79
00:04:00,500 --> 00:04:04,490
Asjaolu, et nad on nii sarnased on
ilmselt läheb reis mõned teist

80
00:04:04,490 --> 00:04:08,529
up, mõnel juhul ainult sellepärast
saate lisada natuke C

81
00:04:08,529 --> 00:04:09,570
kus ei tohiks.

82
00:04:09,570 --> 00:04:14,130
Äkki proovida ja kirjuta midagi
kui see ei peaks olema trükitud.

83
00:04:14,130 --> 00:04:16,540
>> Ja et üks asi
on teada, et JavaScript

84
00:04:16,540 --> 00:04:19,360
on dünaamiliselt trükitud
keeles, nagu PHP.

85
00:04:19,360 --> 00:04:21,410
Nii et kui te poisid mäletan
p-st eelmisel nädalal

86
00:04:21,410 --> 00:04:23,680
kui me olime mingi teed
Meie PHP kiirkursuse,

87
00:04:23,680 --> 00:04:28,860
Me nägime, kuidas string võiks olla
kujunes int üks, ja nii edasi.

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

89
00:04:31,650 --> 00:04:34,850
Tüüp oma muutujad
määratakse töötamise ajal,

90
00:04:34,850 --> 00:04:38,180
et nad võivad ajas
Programmi käigus,

91
00:04:38,180 --> 00:04:43,109
ja samamoodi, et me ei
tõesti tunnistada tüübid PHP muutujad,

92
00:04:43,109 --> 00:04:45,900
me ei kavatse olla teeme sama
asi siin, kus me ei tunne

93
00:04:45,900 --> 00:04:49,740
kontrollides tüüpi meie muutujate
nii-öelda nagu me teeme C.

94
00:04:49,740 --> 00:04:52,200
>> Ja siis üks asi
see on päris lahe on

95
00:04:52,200 --> 00:04:54,090
et saate viga
vaadake kaudu konsool

96
00:04:54,090 --> 00:04:57,240
selle suure funktsiooni
console.log, mis

97
00:04:57,240 --> 00:05:00,930
saate printida erinevatele
muutujate või esemeid, mida jagame

98
00:05:00,930 --> 00:05:01,750
rääkida.

99
00:05:01,750 --> 00:05:05,720
Täpselt nagu eelmisel nädalal, kui olin
nagu "kasutada seda funktsiooni," prahiga

100
00:05:05,720 --> 00:05:10,490
oma pset see funktsioon
mida soovite kasutada, console.log.

101
00:05:10,490 --> 00:05:12,860
Ma olin nii üllatunud, kui palju
õpilased tööaega

102
00:05:12,860 --> 00:05:14,530
ei teadnud dump funktsiooni.

103
00:05:14,530 --> 00:05:19,010
Ja ma olin nagu: "poisid, see tahe
teha oma elu palju lihtsamaks. "

104
00:05:19,010 --> 00:05:22,960
>> Olgu, nii et oli selline
lihtsalt lühike asi, nagu alati,

105
00:05:22,960 --> 00:05:24,000
meil näiteid.

106
00:05:24,000 --> 00:05:25,600
Ma tean, et te poisid armastavad neid.

107
00:05:25,600 --> 00:05:30,930
Nii et siin on näide väga
Lihtne JavaScript fail siit.

108
00:05:30,930 --> 00:05:34,000
Nii et see on lihtsalt kavatse luua
see pop-up, mis ütleb,

109
00:05:34,000 --> 00:05:36,336
"Hello world", kui
sisestage lehe, kuid olgem

110
00:05:36,336 --> 00:05:37,960
proovida ja kõndida läbi selle natuke.

111
00:05:37,960 --> 00:05:43,440
Nii et ilmselt see on lihtsalt
nagu teie tavaline index.html.

112
00:05:43,440 --> 00:05:50,280
Niisiis, just meie tavaline mall siin
ja meil on HTML, meil on head,

113
00:05:50,280 --> 00:05:55,580
ja nagu CSS, kuidas me
lisada mõned väljaspool faili, eks?

114
00:05:55,580 --> 00:05:59,260
Meil on mõned script type
teksti, mis on JavaScript.

115
00:05:59,260 --> 00:06:02,680
Ja allikas on hello.js,
mis on siin.

116
00:06:02,680 --> 00:06:05,630
See on kogu fail hello.js.

117
00:06:05,630 --> 00:06:09,080
Ja siis on meil mõned
pealkiri ja mõned keha HTML

118
00:06:09,080 --> 00:06:11,050
et me tõesti ei hooli.

119
00:06:11,050 --> 00:06:15,970
>> Mis juhtub on see, kui me seda lehte laadida,
see automaatselt käivitab skripti.

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

121
00:06:16,470 --> 00:06:18,790
Nii JavaScript hakkab
teostada automaatselt.

122
00:06:18,790 --> 00:06:22,860
Nii et mida see tegema hakkab, siis läheb
otsekohe liikuda ja täita see.

123
00:06:22,860 --> 00:06:24,110
Ja see läheb öelda, "teate.

124
00:06:24,110 --> 00:06:25,190
Hello world. "

125
00:06:25,190 --> 00:06:30,840
Milline alert on funktsioon, mis
tegelikult tekitab see kast.

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

127
00:06:31,540 --> 00:06:33,390
Nii et see on omamoodi kõik, haarates.

128
00:06:33,390 --> 00:06:36,700
Pole midagi ekstra pidime
teha peale lihtsalt hoiatus,

129
00:06:36,700 --> 00:06:40,000
ja siis ükskõik, mida me tahtsime
meie Alert kasti.

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

131
00:06:40,500 --> 00:06:45,080
Nii see on lihtsalt super lihtne
näide sellest, mis JavaScript teha.

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

133
00:06:48,110 --> 00:06:50,070
>> Üks väga lahe
asjad, mida me näeme,

134
00:06:50,070 --> 00:06:55,150
on see, et JavaScript saate
manipuleerida oma veebilehekülgedele,

135
00:06:55,150 --> 00:06:57,720
ilma et
laadige neid iga kord.

136
00:06:57,720 --> 00:07:01,830
Nii et kui sa want-- näiteks kui
sa varjutavad midagi,

137
00:07:01,830 --> 00:07:04,300
kui te poisid kunagi
näinud nagu Menu baarid,

138
00:07:04,300 --> 00:07:07,360
või kui sa hõljuma üle mõned
teema, rippmenüüst menüü,

139
00:07:07,360 --> 00:07:08,670
see on sellepärast JavaScript.

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

141
00:07:09,170 --> 00:07:12,670
Nii et te ei pealelaadimisel kogu
lk saada see menüü, et näidata üles,

142
00:07:12,670 --> 00:07:17,240
sa oled lihtsalt otsin mõned konkreetsed
meetmeid, et kasutaja on teinud

143
00:07:17,240 --> 00:07:21,800
mida nimetatakse sündmusi, mis me jõuame
arvesse, ja kui sa näed, et sa ütled,

144
00:07:21,800 --> 00:07:25,960
"OK, muuta midagi selle
lehele ja teha see välja erinevad,

145
00:07:25,960 --> 00:07:28,270
vaid ainult muuta neid konkreetseid asju.

146
00:07:28,270 --> 00:07:29,690
Ärge laadige kogu asi. "

147
00:07:29,690 --> 00:07:33,110
Nii see tegelikult on palju ilusam ja
sa ei pea uuesti laadida saidile,

148
00:07:33,110 --> 00:07:34,510
ja see on väga lahe.

149
00:07:34,510 --> 00:07:38,270
>> Nii muutuja deklaratsioonid,
nii saab sellist näha,

150
00:07:38,270 --> 00:07:40,530
Panin peal siin, lõdvalt kirjutatud.

151
00:07:40,530 --> 00:07:42,570
Nii et see on väga sarnane PHP.

152
00:07:42,570 --> 00:07:48,770
Meil ei ole vaja öelda
JavaScript millist tüüpi me oleme

153
00:07:48,770 --> 00:07:50,740
oodanud kõik need muutujad olema.

154
00:07:50,740 --> 00:07:52,560
Nad võivad olla mis iganes tüüpi tahame.

155
00:07:52,560 --> 00:07:57,480
Nii märkate sel juhul me kuulutame
neid väga lihtsalt, vaid on "var"

156
00:07:57,480 --> 00:08:00,990
ja siis iganes me tahame
Meie muutuja nimi olema.

157
00:08:00,990 --> 00:08:05,680
Üks asi on tähele panna, et kui sa
pane var ees muutuja nimi,

158
00:08:05,680 --> 00:08:07,520
see kohapeal kehtivuspiirid ta.

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

160
00:08:09,320 --> 00:08:14,025
See on täiesti mõistlik teile
täiesti lihtsalt kustutada var

161
00:08:14,025 --> 00:08:18,970
ja lihtsalt s võrdub CS50 ja
et oleks lihtsalt globaalse muutuja.

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

163
00:08:19,580 --> 00:08:22,490
Nii saab initsialiseerida see mõlemas suunas,
lihtsalt sõltub sellest, kuidas sa tahad seda.

164
00:08:22,490 --> 00:08:24,448
Seega, kui olete initializing
jooksul funktsioon,

165
00:08:24,448 --> 00:08:28,070
ja sa tahad, et muutuja
jääda scoped jooksul selle funktsiooni

166
00:08:28,070 --> 00:08:31,620
sa lähed tahan teha
midagi var nimi muutuja,

167
00:08:31,620 --> 00:08:34,270
versus kui sa tahad seda
globaalselt scoped, siis

168
00:08:34,270 --> 00:08:36,240
võid teha nimi
muutuva ja seejärel

169
00:08:36,240 --> 00:08:38,270
iganes soovid seadis võrdne.

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

171
00:08:40,230 --> 00:08:45,580
>> See on selline lahe asi siin,
sest kui me märkame meie muutuja

172
00:08:45,580 --> 00:08:47,590
b hakkab läbi tõsi.

173
00:08:47,590 --> 00:08:51,280
Ja mida see does-- saa
keegi mulle öelda, mida see teeb?

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

175
00:08:54,190 --> 00:08:55,890
Nii et meil on mõned teate.

176
00:08:55,890 --> 00:09:00,156
Mida tüüp b
olla alguses?

177
00:09:00,156 --> 00:09:00,905
Sihtrühm: Boolean.

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

179
00:09:01,330 --> 00:09:01,940
Õigus.

180
00:09:01,940 --> 00:09:07,260
Ja siis me ümber jaotada b
Selle string, eks?

181
00:09:07,260 --> 00:09:11,170
Nii siis siin, millist tüüpi b olla?

182
00:09:11,170 --> 00:09:12,480
Oleks string, eks?

183
00:09:12,480 --> 00:09:14,900
Mis on oluline
teade on, et c oleme

184
00:09:14,900 --> 00:09:17,330
võiks peaaegu kunagi teha
midagi sellist.

185
00:09:17,330 --> 00:09:22,000
Me tahaks olla on varieeruv,
enamus seda millegi muuga,

186
00:09:22,000 --> 00:09:27,185
võibolla teha mõned funktsiooni kaks
i, minna tasuta täisarv.

187
00:09:27,185 --> 00:09:31,063
Aga kui me märkame siin b
väga lihtsalt muudab tüüpi.

188
00:09:31,063 --> 00:09:33,760
>> Sihtrühm: Oota, nii et saate lihtsalt
olema nagu "teha b täisarv?"

189
00:09:33,760 --> 00:09:34,360
>> ALLISON Buchholtz-AU: Jah.

190
00:09:34,360 --> 00:09:36,185
Sa võid ümber jaotada b täisarv.

191
00:09:36,185 --> 00:09:36,910
>> Sihtrühm: Kas tõesti?

192
00:09:36,910 --> 00:09:38,035
>> ALLISON Buchholtz-AU: Jah.

193
00:09:38,035 --> 00:09:39,810
Ja siis oleks int.

194
00:09:39,810 --> 00:09:43,820
Nii et teie muutujad võivad ajas
Programmi käigus ka.

195
00:09:43,820 --> 00:09:46,410
Need ei ole tingimata kirjutada.

196
00:09:46,410 --> 00:09:49,180
On väga lõdvalt kirjutatud.

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

198
00:09:50,820 --> 00:09:54,820
Põhimõtteliselt oma muutujad saab teha mida iganes
nad tahavad, sest me sellist nägin PHP.

199
00:09:54,820 --> 00:09:59,430
Seda on võimalik teha mõned hull asju, nii
see on oluline olla päris ettevaatlik.

200
00:09:59,430 --> 00:10:01,200
Pane oma muutujate hästi.

201
00:10:01,200 --> 00:10:03,450
Kui te seda ei tee, äkki
sa lähed olema nagu,

202
00:10:03,450 --> 00:10:05,783
"Oota, ma arvasin, et see oli
string, ja nüüd on int,

203
00:10:05,783 --> 00:10:08,170
ja ma ei ole päris kindel,
mis siin toimub. "

204
00:10:08,170 --> 00:10:12,410
Nii et see on lihtsalt näide
näidates, kuidas muutuja saab kergesti

205
00:10:12,410 --> 00:10:15,890
muuta selle tüübi üle
käigus programmi.

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

207
00:10:16,870 --> 00:10:19,200
Nii et see peaks välja nägema
super, super tuttav.

208
00:10:19,200 --> 00:10:21,510
Nii et need on meie silmuseid JavaScript.

209
00:10:21,510 --> 00:10:27,780
Nad on täpselt samad, välja arvatud
nelja asemel int i võrdub nulliga,

210
00:10:27,780 --> 00:10:30,470
me võiks lihtsalt öelda var i võrdub nulliga.

211
00:10:30,470 --> 00:10:34,100
Ja siis me võiks olla meie samasugust
tingimust, samasugust värskenduse

212
00:10:34,100 --> 00:10:36,090
i pluss pluss töötab just fine.

213
00:10:36,090 --> 00:10:39,800
Nii püksid on samad,
whiles on samad,

214
00:10:39,800 --> 00:10:41,440
ja teha whiles on täpselt sama.

215
00:10:41,440 --> 00:10:44,070
Sama mõttes üldise formaadis.

216
00:10:44,070 --> 00:10:48,840
Märkame, neli, sulgudes
sulgudes, see on kõik sama.

217
00:10:48,840 --> 00:10:51,470
Ka seal on semikoolonid
kui saame näiteks koodi.

218
00:10:51,470 --> 00:10:55,250
Näete see on päris
sama palju c.

219
00:10:55,250 --> 00:10:59,770
>> Sest funktsiooni deklaratsioonid,
jälle väga sarnased.

220
00:10:59,770 --> 00:11:05,100
Meil on mõned funktsioonid, mida lihtsalt
ütleb, et see on funktsioon ja seejärel

221
00:11:05,100 --> 00:11:07,660
nimi meie
funktsioon ja sisendeid.

222
00:11:07,660 --> 00:11:11,590
Ja veel, kui märkame me
ei tüübid siin üldse.

223
00:11:11,590 --> 00:11:12,090
Õigus?

224
00:11:12,090 --> 00:11:18,150
Meil ei ole midagi öelda, et need
tuleb ints või kahekordistab või ujub.

225
00:11:18,150 --> 00:11:19,530
Nad võivad olla mida iganes nad tahavad.

226
00:11:19,530 --> 00:11:23,560
Oluline on märgata, et
meil on vaja kirjutada funktsiooni eelnevalt

227
00:11:23,560 --> 00:11:26,430
lasta JavaScript teada, et
see on tegelikult funktsioon.

228
00:11:26,430 --> 00:11:29,820
>> Nii et see on vaid mõned lihtne summa
funktsiooni, mis tagastab x või y,

229
00:11:29,820 --> 00:11:33,800
ja siis mis on ka cool
on see, et saate tegelikult

230
00:11:33,800 --> 00:11:35,950
määrata funktsiooni muutuja.

231
00:11:35,950 --> 00:11:41,770
Nii sel juhul summa on nüüd
funktsioon, mis tegelikult teeb summa.

232
00:11:41,770 --> 00:11:47,740
Nii et kui te märkate siin on meil
Funktsiooni nimi Funktsiooni sisendeid.

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

234
00:11:48,860 --> 00:11:52,120
Siin on olemas vaid funktsiooni ja sisendeid.

235
00:11:52,120 --> 00:11:54,310
Nii et see on nn anonüümne funktsioon.

236
00:11:54,310 --> 00:11:59,265
Ja see on midagi, mis peaks olema uus
enamik kutid, kui mitte kõik teile.

237
00:11:59,265 --> 00:12:01,140
Ühesõnaga, mida see
tähendab, et meil ei ole

238
00:12:01,140 --> 00:12:03,050
pead nimi meie
funktsiooni antud juhul.

239
00:12:03,050 --> 00:12:06,260
Me saame vaid öelda: "OK, ma lähen
on see funktsiooni täidab siin

240
00:12:06,260 --> 00:12:08,550
on selle sisendite ja siin
mida see tegema hakkab. "

241
00:12:08,550 --> 00:12:12,540
Ja eriti kui sa oled määrates
funktsiooni teatud muutuja

242
00:12:12,540 --> 00:12:14,950
et sa lähed manipuleerida,
Sa ei pea

243
00:12:14,950 --> 00:12:17,116
vaja nimetada, sest
sa lähed tuleb viidates

244
00:12:17,116 --> 00:12:20,990
talle käesoleva muutuja
nimi, mitte mis tahes

245
00:12:20,990 --> 00:12:22,840
funktsiooni tegeliku nimega.

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

247
00:12:23,550 --> 00:12:27,810
>> Nii et kui me näeme siin, me
mõnesid muutuva summaga nüüd

248
00:12:27,810 --> 00:12:30,920
mis on võrdne
summa kolm ja viis.

249
00:12:30,920 --> 00:12:33,070
Ja me oleks saanud seda.

250
00:12:33,070 --> 00:12:36,750
Ja see on ainult mõned tähelepanelik,
kolm pluss viis on võrdne arv.

251
00:12:36,750 --> 00:12:43,950
See pluss lihtsalt concatenate
mis tahes meie vastus oli peale string.

252
00:12:43,950 --> 00:12:47,420
Samuti cool, pluss saab concatenate stringe.

253
00:12:47,420 --> 00:12:53,510
>> Sest JavaScript, nagu PHP,
HTML ja CSS nagu me ütlesime,

254
00:12:53,510 --> 00:12:56,450
Palju see Oleme omamoodi võttes
Apupyörät off siin

255
00:12:56,450 --> 00:13:02,030
ja kutid on palju know
kuidas tegelikult mõista neid asju.

256
00:13:02,030 --> 00:13:04,280
Nad on veidi teistsugune,
kuid nad ei ole nii võõras

257
00:13:04,280 --> 00:13:09,460
ja et sa ei saa googeldada asju või
vaadata neid online w3 koolides.

258
00:13:09,460 --> 00:13:12,755
Ja me tõesti oodanud sind
poisid, selline, eksperiment

259
00:13:12,755 --> 00:13:14,400
ja õppida ise.

260
00:13:14,400 --> 00:13:19,490
Niisiis, ma tean, et see võib tunduda natuke
vähem põhjalik kui mõned c asju

261
00:13:19,490 --> 00:13:21,936
me teeme, kuid see on tegelikult põhjusega.

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

263
00:13:25,060 --> 00:13:28,470
Aga loodetavasti see ei ole liiga
erinev, ja see ei ole suur.

264
00:13:28,470 --> 00:13:31,940
>> Nii massiivid JavaScript,
jälle väga sarnased.

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

266
00:13:32,460 --> 00:13:36,520
Meil on mõned muutuja massiivi
see on võrdne tühjad sulud,

267
00:13:36,520 --> 00:13:40,340
ja see on ainult tühi massiiv.

268
00:13:40,340 --> 00:13:43,420
See on sageli nimetatakse
grammatiline massiivi märke.

269
00:13:43,420 --> 00:13:45,280
See on lihtsalt üks asi, mida me nimetame seda.

270
00:13:45,280 --> 00:13:51,380
Kui me näeme hulgaliselt kaks siin, meil on mõned
grammatiline massiivi kuulub kolm elementi,

271
00:13:51,380 --> 00:13:51,910
õige?

272
00:13:51,910 --> 00:13:54,640
Ja siis on meil mõned
var kolmas element, mis on

273
00:13:54,640 --> 00:13:58,060
mõned muutuja, mis on lihtsalt
läheb hoidke seda stringi, JS.

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

275
00:14:01,760 --> 00:14:06,170
>> Elemendid, hea märgata,
komadega eraldatult,

276
00:14:06,170 --> 00:14:07,740
nagu me ootaks.

277
00:14:07,740 --> 00:14:14,630
Ja saab avada ka need, nagu tegime
C, kus see indeks märke, eks?

278
00:14:14,630 --> 00:14:16,950
Nii erineb PHP
Nüüd, me ei kavatse tagasi

279
00:14:16,950 --> 00:14:20,180
lihtsalt selline viidates
asju, mida indeks.

280
00:14:20,180 --> 00:14:22,189
Just nagu C, see on ka nulli indeks.

281
00:14:22,189 --> 00:14:25,230
Ma tunnen, et see oleks väga julm
kui nad äkki tegi JavaScript üks

282
00:14:25,230 --> 00:14:30,630
indeks, ja siis tuli täiesti
mõtlema, kuidas sa arvad massiivid.

283
00:14:30,630 --> 00:14:36,140
>> Üks lahe asi on see, et selle asemel,
et neil tuleb do-- kui sa kunagi

284
00:14:36,140 --> 00:14:39,240
tahtsin pikkus array,
äkki sa itereerima läbi

285
00:14:39,240 --> 00:14:43,430
kuni leiad mõne lõppu või
sa oleks lihtsalt teada, mis see on.

286
00:14:43,430 --> 00:14:49,310
Kuna JavaScript on väga lahtine rohkem
võimalusi kui lihtsalt tüüp, nagu me näeme siin,

287
00:14:49,310 --> 00:14:53,310
saame lihtsalt see massiiv
suurem, sest me otsustame.

288
00:14:53,310 --> 00:14:56,177
Kui märkame massiiv kolme
on kolm asja alustada,

289
00:14:56,177 --> 00:14:58,510
kuid siis äkki,
me oleme nagu "oh, lihtsalt nalja.

290
00:14:58,510 --> 00:15:01,370
Me tegelikult toimub
et muuta see 101 asju. "

291
00:15:01,370 --> 00:15:05,300
Nii et kui sa kunagi tahad teada
tegelik pikkus oma massiiv,

292
00:15:05,300 --> 00:15:06,680
sa seda niimoodi.

293
00:15:06,680 --> 00:15:10,470
Ja me näeme palju
Selle märke näiteid,

294
00:15:10,470 --> 00:15:12,730
kuid JavaScript
see on tavaliselt iganes

295
00:15:12,730 --> 00:15:16,410
objekt, mis sa räägid
dot olenemata sellest, millist funktsiooni

296
00:15:16,410 --> 00:15:17,740
mida soovite rakendada seda.

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

298
00:15:18,240 --> 00:15:20,520
>> Nii sel juhul meie
Eesmärgiks on massiiv kaks,

299
00:15:20,520 --> 00:15:23,470
ja me ütleme, et me tahame
pikkus array kaks.

300
00:15:23,470 --> 00:15:25,716
Nii see lihtsalt nõuab, nagu pikkus selle kohta.

301
00:15:25,716 --> 00:15:27,090
Ja et naaseb oma pikkus.

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

303
00:15:32,610 --> 00:15:36,790
Ka midagi tähele
et kui märkame meie massiivid

304
00:15:36,790 --> 00:15:39,830
Erinevalt C, ei ole neil
olema kõik sama tüüpi.

305
00:15:39,830 --> 00:15:41,670
See on palju nagu PHP.

306
00:15:41,670 --> 00:15:45,905
JavaScript on põhimõtteliselt nagu
see huvitav Meld C ja PHP.

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

308
00:15:50,020 --> 00:15:52,170
Nii et me võtame arvesse, et.

309
00:15:52,170 --> 00:15:56,750
Sest nüüd, lähme lihtsalt eeldada
et teie massiivid on põhimõtteliselt

310
00:15:56,750 --> 00:16:00,640
nagu C massiivid, et
nad on null indekseeritud.

311
00:16:00,640 --> 00:16:04,120
OK, nii et on kõike.

312
00:16:04,120 --> 00:16:08,850
Võite ka lihtsalt laiendada
massiivi iganes indeks soovite.

313
00:16:08,850 --> 00:16:14,260
Käesolev ilmselt SEG
süü teie või anda teile mõned viga

314
00:16:14,260 --> 00:16:15,970
JavaScript on nagu "nah, see on hea.

315
00:16:15,970 --> 00:16:16,620
Ma sain selle.

316
00:16:16,620 --> 00:16:19,460
Me lihtsalt minna otse
kui sa tahad. "

317
00:16:19,460 --> 00:16:24,310
>> OK, nii et objektid on väga oluline.

318
00:16:24,310 --> 00:16:29,720
Kutid kasutad palju neid
Teie P komplekt, kui ma õigesti mäletan.

319
00:16:29,720 --> 00:16:34,780
Nii asi, et need on
sarnane C on struktuurideks.

320
00:16:34,780 --> 00:16:39,290
Nii et sa ei mõtle about-- kui
läheme näiteks õigus

321
00:16:39,290 --> 00:16:41,810
Pärast seda ma arvan, et see tulen
teha palju rohkem sense--

322
00:16:41,810 --> 00:16:45,830
kuid me põhimõtteliselt kasutada objektid
korraldada muidugi seotud teavet.

323
00:16:45,830 --> 00:16:47,780
Kui me rääkisime
struktuurideks C, mida me sageli

324
00:16:47,780 --> 00:16:53,405
rääkida üliõpilane, kes oli mõne nime,
ID, maja, sa tead, kontsentratsioon.

325
00:16:53,405 --> 00:16:56,030
Ja see on omamoodi sama asi
et me kasutame objekte siin.

326
00:16:56,030 --> 00:16:59,300
See on lihtsalt korraldada
sarnast teavet.

327
00:16:59,300 --> 00:17:03,620
>> Võite mõelda ka neid rohkem
sarnased ühistutega massiivid PHP.

328
00:17:03,620 --> 00:17:10,010
Nii et see oleks selline asi
kus meil on mõned olulised mõned väärtus,

329
00:17:10,010 --> 00:17:12,859
väga sarnane PHP.

330
00:17:12,859 --> 00:17:15,780
Nii saab initsialiseerida mõned
tühja objekti, nagu me näeme siin,

331
00:17:15,780 --> 00:17:17,390
lihtsalt lokkis traksid.

332
00:17:17,390 --> 00:17:19,160
Nii massiivid on nurksulgudes.

333
00:17:19,160 --> 00:17:21,220
Tühi objektid on looksulg.

334
00:17:21,220 --> 00:17:24,020
Hea vahet on.

335
00:17:24,020 --> 00:17:27,319
Ja need on vaid kaks erinevat
viise määrata omadused.

336
00:17:27,319 --> 00:17:31,460
Nii et see on omamoodi
palju rohkem nii, et

337
00:17:31,460 --> 00:17:35,220
sarnaneb PHP, meie
assotsiatiivne massiivid, meie peamiste,

338
00:17:35,220 --> 00:17:39,910
ja meie raha, samas
see on-- saate

339
00:17:39,910 --> 00:17:41,920
vaata seda palju rohkem JavaScript.

340
00:17:41,920 --> 00:17:43,550
See kipub olema konventsioon.

341
00:17:43,550 --> 00:17:47,660
Ja samamoodi, et tegime
massiivi kaks dot pikkus, see ütleb,

342
00:17:47,660 --> 00:17:51,580
"OK, anna mulle seda
atribuut Selle objekti. "

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

344
00:17:52,110 --> 00:17:55,660
Nii samamoodi see oli nagu, "anna mulle
atribuut pikkus array kaks, "

345
00:17:55,660 --> 00:17:59,970
see ütleb, "anna mulle
vara meie tühja objekti. "

346
00:17:59,970 --> 00:18:02,890
Või antud juhul oleme
määrates selle mingi väärtus siin.

347
00:18:02,890 --> 00:18:06,200
Aga sa võiksid juurde ka seda.

348
00:18:06,200 --> 00:18:09,090
>> Ja siis siin see on lihtsalt
millel on kaks erinevat teateid.

349
00:18:09,090 --> 00:18:12,320
Nii et see näitaks teateid
oleks täpselt sama,

350
00:18:12,320 --> 00:18:17,150
see on lihtsalt kaks erinevat viisi
tutvumise element, mida me tahame.

351
00:18:17,150 --> 00:18:19,552
Kas on mõtet kõigile?

352
00:18:19,552 --> 00:18:21,510
Ma tunnen, et see üks
ilmselt mõttekam,

353
00:18:21,510 --> 00:18:23,270
lihtsalt sellepärast, et me tuleme välja PHP.

354
00:18:23,270 --> 00:18:26,400
Aga kui me teeme rohkem näiteid, seda
on sõna otseses mõttes täpselt sama.

355
00:18:26,400 --> 00:18:28,170
Palju on lihtsalt muutuda süntaks.

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

357
00:18:30,710 --> 00:18:33,030
>> OK, nii et näiteid.

358
00:18:33,030 --> 00:18:34,180
Ma armastan näiteid.

359
00:18:34,180 --> 00:18:40,070
Nii et siin on mõned CS50
muutuja, mis on objekti,

360
00:18:40,070 --> 00:18:42,160
ja me salvestada see kõik
teave selle kohta.

361
00:18:42,160 --> 00:18:46,680
Nii et meil on muidugi õpetaja,
tfs, psets ja teibitud.

362
00:18:46,680 --> 00:18:51,840
Nii märkame neid on peaaegu
kõik erinevad.

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

364
00:18:52,340 --> 00:18:56,230
Nii objekte saab salvestada
atribuudid erinevad.

365
00:18:56,230 --> 00:19:01,220
Me ei mõtle see-- see on väga
sarnane meie assotsiatiivne massiiv PHP.

366
00:19:01,220 --> 00:19:07,470
Nii võtme väärtus, võti, väärtus,
võti, väärtus nii edasi ja nii edasi.

367
00:19:07,470 --> 00:19:11,230
Mis on huvitav samamoodi
et meil on massiivid jooksul massiivid

368
00:19:11,230 --> 00:19:14,690
saame ka objektide
objektide või massiivid jooksul objektid.

369
00:19:14,690 --> 00:19:18,410
Sa ei ole kunagi tegelikult piiratud
lihtsalt üksik asju.

370
00:19:18,410 --> 00:19:24,220
Saame väga Inceptionesque, vaid
Jätkab Down the Rabbit Hole seal.

371
00:19:24,220 --> 00:19:26,080
>> Nii et kui me märkame me
mõned muidugi, et

372
00:19:26,080 --> 00:19:31,120
on string, juhendaja, et on string,
ja massiivi int ja Boole'i.

373
00:19:31,120 --> 00:19:36,110
Nii et kõik need erinevad asjad.

374
00:19:36,110 --> 00:19:39,600
>> Hea küll, jah, meil on veel üks.

375
00:19:39,600 --> 00:19:42,930
Nii et kui meil
massiivi objekte.

376
00:19:42,930 --> 00:19:45,320
Nii lihtsalt meeldib objekti
võib olla massiivi ta.

377
00:19:45,320 --> 00:19:47,210
Me saame ka hulga esemeid.

378
00:19:47,210 --> 00:19:51,250
See võib olla kasulik
mõtle sarnane liiki

379
00:19:51,250 --> 00:19:54,260
kuidas meil oli hash
Tabelis oli meil hulgaliselt

380
00:19:54,260 --> 00:19:56,220
Kõigi nende
tüüpi struktuurideks, et

381
00:19:56,220 --> 00:19:59,070
olid viiteid erinevatele
sõlmed ja tühi-tähi.

382
00:19:59,070 --> 00:20:01,420
Kuid sel juhul me
on hulgaliselt esemeid.

383
00:20:01,420 --> 00:20:04,890
Nii et see on nagu massiivi
ühistute massiivid.

384
00:20:04,890 --> 00:20:09,430
Nii et meil on mõned esimese osa oleks
olla objekti nime James

385
00:20:09,430 --> 00:20:11,340
ja maja Winthrop.

386
00:20:11,340 --> 00:20:14,780
>> Kutid võiks meeles pidada
midagi väga sarnane käesoleva

387
00:20:14,780 --> 00:20:21,710
oma viimase pset, kus, kui te
tõmmatakse midagi oma andmebaasi,

388
00:20:21,710 --> 00:20:24,480
Esimene omamoodi
asi oma rida oli

389
00:20:24,480 --> 00:20:27,110
kõik informatsioon
esimene kasutaja, et täidetud on,

390
00:20:27,110 --> 00:20:30,765
ja siis tuli indeks, mis
saada oma aktsia või nende cache

391
00:20:30,765 --> 00:20:32,110
või tühi-tähi.

392
00:20:32,110 --> 00:20:34,620
Nii et see on üsna sarnased
asi, väike vaheldus

393
00:20:34,620 --> 00:20:39,570
süntaksis, natuke muutus
sõnad, mida me kasutame nende kirjeldamiseks.

394
00:20:39,570 --> 00:20:45,960
>> Nii et kui me tahame, saab keegi öelda
mulle, mida see märguanne teeks siin?

395
00:20:45,960 --> 00:20:48,780
Või mis see natuke
kood teeks meie jaoks?

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

397
00:20:50,992 --> 00:20:52,616
Sihtrühm: See annab sulle kõik nimed.

398
00:20:52,616 --> 00:20:54,900
ALLISON Buchholtz-AU: Õigus, nii et see
oleks lihtsalt hoiatada kõiki nimed

399
00:20:54,900 --> 00:20:57,960
sest see läheks läbi
suvila i, nii et ta tahaks alustada nullist.

400
00:20:57,960 --> 00:21:01,330
Seega ütleksin, OK ootame
See esimene objekt, mis

401
00:21:01,330 --> 00:21:03,210
on esimene pesa meie massiivi.

402
00:21:03,210 --> 00:21:06,900
Ja ta ütleb, "anna mulle
atribuudi nimi, et objekti. "

403
00:21:06,900 --> 00:21:09,030
Nii me läheme siit Soovime
scan, me tahaks leida nimi,

404
00:21:09,030 --> 00:21:11,340
ja me tahaks välja printida
James, Molly ja Carl.

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

406
00:21:14,410 --> 00:21:15,799
Kõik küsimused nii palju?

407
00:21:15,799 --> 00:21:17,590
JavaScript kahjuks
sa lähed olema

408
00:21:17,590 --> 00:21:20,950
teeme palju otsin üles oma
enda figuring süntaks,

409
00:21:20,950 --> 00:21:21,910
vaeva sellega.

410
00:21:21,910 --> 00:21:25,870
Aga muidugi ma olen alati siin,
Tööajal on alati siin.

411
00:21:25,870 --> 00:21:28,260
Ma võin olla teisipäeviti sel nädalal.

412
00:21:28,260 --> 00:21:31,050
Nii et kui sa oled seal, saate
tule mulle külla sel nädalal.

413
00:21:31,050 --> 00:21:32,470
See oleks tore.

414
00:21:32,470 --> 00:21:36,260
>> OK, nii DOM on dokument-Object Model.

415
00:21:36,260 --> 00:21:38,900
Nii et see on lihtsalt viis
et meile meeldib mõelda

416
00:21:38,900 --> 00:21:45,720
kuidas meie HTML ja kõike
jooksul on korraldatud.

417
00:21:45,720 --> 00:21:49,930
See on väga palju midagi,
Tõenäoliselt tulla oma viktoriini.

418
00:21:49,930 --> 00:21:58,150
Ma tean, et minu aastal oli see nagu siin on
HTML fail, täitke DOM ta.

419
00:21:58,150 --> 00:21:59,770
Ja sa lihtsalt täita vähe asju.

420
00:21:59,770 --> 00:22:01,500
Need peaks olema lihtne punktid loodetavasti.

421
00:22:01,500 --> 00:22:03,450
Loodetavasti saate see--

422
00:22:03,450 --> 00:22:04,590
>> Sihtrühm: [kuuldamatu]

423
00:22:04,590 --> 00:22:06,660
>> ALLISON Buchholtz-AU: Nii
sa näed seda puud siin?

424
00:22:06,660 --> 00:22:07,200
>> Sihtrühm: Jah.

425
00:22:07,200 --> 00:22:08,949
>> ALLISON Buchholtz-AU:
Nii nad küsivad kasutamine

426
00:22:08,949 --> 00:22:11,750
täita mis läheb kere all.

427
00:22:11,750 --> 00:22:15,770
Võib-olla kere all, meil on mõned
divs või meil on mõned punktid,

428
00:22:15,770 --> 00:22:19,160
ja me palume teil täita
puu väga meeldib see.

429
00:22:19,160 --> 00:22:21,440
Nii me jalgsi läbi.

430
00:22:21,440 --> 00:22:26,120
Nii Document Object
Mudel on lihtsalt viis

431
00:22:26,120 --> 00:22:31,240
struktureerida ja mõelda
meie HTML graafiliselt.

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

433
00:22:33,860 --> 00:22:35,840
Ja ka siis, kui me saame
jagada rohkem JavaScript,

434
00:22:35,840 --> 00:22:37,640
see saab olema
nii, et me tegelikult

435
00:22:37,640 --> 00:22:39,990
manipuleerida erinevate
elemendid lehel.

436
00:22:39,990 --> 00:22:43,980
Meil on vaja viivat iga
asjad meie HTML,

437
00:22:43,980 --> 00:22:48,050
ja nii see annab meile väga
betooni standardiseeritud viis

438
00:22:48,050 --> 00:22:51,010
mitmes veebilehti teha.

439
00:22:51,010 --> 00:22:53,440
>> Nii et kui me lihtsalt kõndida läbi
see siin muidugi

440
00:22:53,440 --> 00:22:56,790
meie dokument on nagu meie kogu toimikule.

441
00:22:56,790 --> 00:22:59,350
See ilmselt mõttekas
et see kõrgeim asi,

442
00:22:59,350 --> 00:23:03,520
ja siis oleme meie tegelik HTML,
mis vastab see silt siin.

443
00:23:03,520 --> 00:23:08,480
Ka siis, kui taandes oma silte
korralikult, siis luua see DOM puu

444
00:23:08,480 --> 00:23:10,530
muutub super lihtne.

445
00:23:10,530 --> 00:23:12,400
Nii et meil on mõned head siin.

446
00:23:12,400 --> 00:23:15,780
Meil on mõned keha, mis
näeme varre maha HTML,

447
00:23:15,780 --> 00:23:18,530
mistõttu on meil pea ja keha.

448
00:23:18,530 --> 00:23:22,880
Jooksul pea, meil on mõned
pealkiri tag, end pealkiri tag,

449
00:23:22,880 --> 00:23:24,570
nii et me teame, mis tuleb pärast pea.

450
00:23:24,570 --> 00:23:28,040
Ja meie pealkiri tag,
meil hello, world.

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

452
00:23:28,740 --> 00:23:31,311
Nii et kogu see vasakul filiaal.

453
00:23:31,311 --> 00:23:34,060
Ja siis paremale käele filiaal
Siit näeme, et meil on HTML,

454
00:23:34,060 --> 00:23:38,680
OK oleme teinud seda peaosa,
me otsime just keha,

455
00:23:38,680 --> 00:23:40,670
nii et meil on mõned keha piirkonnas.

456
00:23:40,670 --> 00:23:44,350
Ja selles, vaid
asi, mis meil on hello, world.

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

458
00:23:45,090 --> 00:23:54,130
Kui meil oleks asjad
mõned sulg p ja seejärel

459
00:23:54,130 --> 00:23:57,500
hello, world, ja siis teine
sulg p hüvasti maailma

460
00:23:57,500 --> 00:24:00,080
oleks meil kaks mulli
maha tulemata siin.

461
00:24:00,080 --> 00:24:05,550
Sest nad on nii keha alla, kuid
nad eraldi punktid käesolevas asjas.

462
00:24:05,550 --> 00:24:11,520
Kahtlemata on praktikas
kohta, et eelmisel viktoriinid

463
00:24:11,520 --> 00:24:14,570
samuti palju Internetis ta.

464
00:24:14,570 --> 00:24:18,260
OK, nii see lihtsalt võimaldab
meil näha kõike kenasti

465
00:24:18,260 --> 00:24:20,810
ja manipuleerida asju
väga süstemaatiliselt.

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

467
00:24:21,340 --> 00:24:23,640
Me teame täpselt, kuidas
läbida läbi selle puu,

468
00:24:23,640 --> 00:24:26,910
nii et me teame, mida me tahame pääseda.

469
00:24:26,910 --> 00:24:31,690
>> OK, nii et see on põhjus, miks me tahame
on selline mudel,

470
00:24:31,690 --> 00:24:35,190
nii et saame kasutada selliseid asju,
ja saame aru, mida need tähendavad,

471
00:24:35,190 --> 00:24:38,370
ja nad on standardiseeritud
üle kõik asjad, mida me teeme.

472
00:24:38,370 --> 00:24:45,900
Nii dokumendi dot pealkiri on lihtsalt
pealkiri our-- kõik need

473
00:24:45,900 --> 00:24:48,960
on üsna mõistetav,
Mulle meeldib mõelda.

474
00:24:48,960 --> 00:24:51,660
Nii esimese kolme
näited on lihtsalt öeldes

475
00:24:51,660 --> 00:24:54,770
"OK, anna mulle
Pealkiri see veebileht. "

476
00:24:54,770 --> 00:24:58,030
Nii et see annab sulle, mida
vastab pealkiri.

477
00:24:58,030 --> 00:25:01,880
>> Dokumendi dot keha on annan teile
kõik, mis nende keha sildid.

478
00:25:01,880 --> 00:25:03,240
Nii saab manipuleerida, et.

479
00:25:03,240 --> 00:25:07,820
Ja dokumendi dot keha dot
sisestage HTML on väga lahe üks,

480
00:25:07,820 --> 00:25:11,660
ja võib-olla ei ole, nagu Super
intuitiivne, kuid sisemine HTML

481
00:25:11,660 --> 00:25:13,740
vastab see siin.

482
00:25:13,740 --> 00:25:17,410
Nii et kui sa kunagi tahad
manipuleerida teksti lehel

483
00:25:17,410 --> 00:25:22,700
tavaliselt sa lähed tegema
midagi keha dot sisemine HTML.

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

485
00:25:23,820 --> 00:25:31,341
Nii sisemine HTML kipub viidata
mis on tegelikult nende vahel sildid.

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

487
00:25:31,840 --> 00:25:33,020
Ja siis kasulikke funktsioone.

488
00:25:33,020 --> 00:25:40,390
Nii et kui sa tahad saada
mõni neist, mis tahes element,

489
00:25:40,390 --> 00:25:43,140
meil on mõned Id, klass
nimi või silt nimega.

490
00:25:43,140 --> 00:25:47,100
See on väga sarnane
asju tegime CSS, eks?

491
00:25:47,100 --> 00:25:51,360
Kui meil on mõned valijad, et
vastavad kas tag, klass

492
00:25:51,360 --> 00:25:53,800
et me anname neile või Id.

493
00:25:53,800 --> 00:25:55,310
See on väga palju samamoodi.

494
00:25:55,310 --> 00:26:00,720
Kui teil on midagi, mis
on mõned klassi koer,

495
00:26:00,720 --> 00:26:05,800
ja sa ütled saada elementide sildi nimi
ja paned koera there-- või kahju,

496
00:26:05,800 --> 00:26:06,610
klassi nimi.

497
00:26:06,610 --> 00:26:07,770
Võid panna dot seal.

498
00:26:07,770 --> 00:26:11,780
See läheb tagasi kõik need
elemente, et on selle klassi.

499
00:26:11,780 --> 00:26:13,880
Nii saab manipuleerida ainult neid.

500
00:26:13,880 --> 00:26:18,430
Samamoodi, äkki sa lihtsalt
tahad manipuleerida mõned header, seega

501
00:26:18,430 --> 00:26:20,980
mõned h1 header, nagu me tegime.

502
00:26:20,980 --> 00:26:24,900
Sa võid seda teha saan elemendid tag
Nime, sest h1 on silt nimega.

503
00:26:24,900 --> 00:26:29,270
Ja samamoodi, kui sa tahad saada
mõned unikaalsed asi, mida saate teha get tag.

504
00:26:29,270 --> 00:26:31,100
Saa osa by Id.

505
00:26:31,100 --> 00:26:32,710
Ja nad on tegelikult palju neid.

506
00:26:32,710 --> 00:26:36,300
Need on vaid nagu kolm väga palju.

507
00:26:36,300 --> 00:26:39,600
Nii et kui te lähete online, kui
Ma lähen, et julgustada

508
00:26:39,600 --> 00:26:45,342
sa teeksid, ja teha mõned
teadus ise,

509
00:26:45,342 --> 00:26:48,450
Ma kindlasti soovitada
uurida kõiki neid.

510
00:26:48,450 --> 00:26:50,880
Nad võivad olla super
kasulik, eriti kui

511
00:26:50,880 --> 00:26:57,180
soovite lihtsalt selline manipuleerida
väga konkreetseid asju ilma

512
00:26:57,180 --> 00:27:00,390
läbida ja proovige
sordiks välja kõike.

513
00:27:00,390 --> 00:27:03,540
>> OK, nii et viimane asi,
on JavaScript sündmusi.

514
00:27:03,540 --> 00:27:10,730
Nii et kui ma rääkisin varem
umbes läheb peale veebileht,

515
00:27:10,730 --> 00:27:14,340
ja kui te hover üle midagi,
või teie hiirekursor midagi,

516
00:27:14,340 --> 00:27:15,420
midagi juhtub.

517
00:27:15,420 --> 00:27:17,900
See on see, mida me tahaksime
mõtle kui sündmus.

518
00:27:17,900 --> 00:27:23,970
Mis meil, mis võivad
kasulik on siin onclick.

519
00:27:23,970 --> 00:27:29,140
Nii kaevanduse oli hover, mis ma olen
päris kindel, on lihtsalt hover.

520
00:27:29,140 --> 00:27:31,300
Samuti ton neist
et saate otsida.

521
00:27:31,300 --> 00:27:34,340
Seal on terve nimekiri Internetis
Erinevate asju

522
00:27:34,340 --> 00:27:37,130
et saate kuulata.

523
00:27:37,130 --> 00:27:41,220
>> Aga JavaScript sündmused
põhimõtteliselt lihtsalt vastates asju

524
00:27:41,220 --> 00:27:42,430
et teie kasutaja teeb.

525
00:27:42,430 --> 00:27:42,930
Õigus?

526
00:27:42,930 --> 00:27:45,220
Nii et teie kasutaja ei
midagi, see on sündmus,

527
00:27:45,220 --> 00:27:48,340
ja JavaScript vastame
aga soovite seda.

528
00:27:48,340 --> 00:27:49,770
See vastavalt reageerima.

529
00:27:49,770 --> 00:27:54,630
Nii et kui meil
mõned aknas dot onload.

530
00:27:54,630 --> 00:27:57,170
Nii et mida see ütleb on, "oodake
kuni akna laetud. "

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

532
00:27:57,780 --> 00:28:02,102
Nii et kui kõik on koormatud onload,
siis on võimalik täita seda funktsiooni.

533
00:28:02,102 --> 00:28:03,810
Nii et kui kõik on
koormatud, sa lähed

534
00:28:03,810 --> 00:28:07,760
on mõned nuppu Otsi
mis saab osaks ID,

535
00:28:07,760 --> 00:28:13,740
ja see prindib iganes see
element on nuppu Otsi.

536
00:28:13,740 --> 00:28:17,050
Ja siis on meil see muutuja,
me ütleme: "OK, onclick."

537
00:28:17,050 --> 00:28:20,390
Nii et kui me kuuleme click
aasta nuppu Otsi,

538
00:28:20,390 --> 00:28:23,990
täidab seda ülesannet, mis on
tähelepanelik, klõpsasite nuppu Otsi.

539
00:28:23,990 --> 00:28:28,910
>> Mis juhtub on-- see on kena
väike graafiline kujutis siin.

540
00:28:28,910 --> 00:28:31,480
Nii et meie dokument koormuste
see on meie onload,

541
00:28:31,480 --> 00:28:34,340
Me leiame, et meie otsing
nuppu, mis on käesoleva.

542
00:28:34,340 --> 00:28:36,570
Otsime meie nuppu Otsi.

543
00:28:36,570 --> 00:28:40,790
Ja siis, kui nuppu Otsi on
klõpsanud vastab see siin.

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

545
00:28:41,980 --> 00:28:47,300
Siis me lõpuks märku meie kasutaja,
mis on see viimane rida siin.

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

547
00:28:48,250 --> 00:28:52,960
Nii kõik need neli etappi lihtsalt
vastab nelja kastid

548
00:28:52,960 --> 00:28:55,031
seal põhjas.

549
00:28:55,031 --> 00:28:56,405
Kas on mõtet kõigile?

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

551
00:29:01,120 --> 00:29:05,200
>> Ja siis üks asi, mis ma lihtsalt
Rääkimata väga lühidalt, et ma

552
00:29:05,200 --> 00:29:08,660
julgustada kutid
minna uurida täpsemalt on

553
00:29:08,660 --> 00:29:13,210
jQuery, mis on vaid raamatukogu
mis on ehitatud peal JavaScript.

554
00:29:13,210 --> 00:29:16,480
On super kasulik, sest
Kõige rohkem raamatukogusid.

555
00:29:16,480 --> 00:29:18,320
Seal on palju funktsioone.

556
00:29:18,320 --> 00:29:21,930
Nii et kui seal on kunagi midagi sellist
mida sa teha tahad JavaScript,

557
00:29:21,930 --> 00:29:24,880
Sinu esimene instinkt
ei tohiks mõelda

558
00:29:24,880 --> 00:29:27,340
kohta, "mis funktsiooni peaksid
Ma koodi? "See peaks olema,

559
00:29:27,340 --> 00:29:29,560
"Las ma vaatan kellegi
seda juba teinud mulle. "

560
00:29:29,560 --> 00:29:32,800
Kuna üheksa korda kümnest,
keegi seda juba teinud,

561
00:29:32,800 --> 00:29:35,760
ja nad ilmselt on seda teinud paremini.

562
00:29:35,760 --> 00:29:39,990
Inimesed veedavad palju aega tehes neid,
ja JavaScript on väga laialt levinud,

563
00:29:39,990 --> 00:29:42,810
et inimesed on pidevalt
püüavad teha seda parem.

564
00:29:42,810 --> 00:29:47,110
Ja jQuery on palju funktsioone
et tõenäoliselt kasulik teile

565
00:29:47,110 --> 00:29:50,470
Teie lõplik projekt kui sa oled
mittemidagitegemise web design.

566
00:29:50,470 --> 00:29:53,480
Nagu mulle meeldib öelda, "töö
targemaks, ei raskem. "

567
00:29:53,480 --> 00:29:57,130
Kui te teete, et see saab olema suur.

568
00:29:57,130 --> 00:30:00,330
Kui me oleme hackathon ma ei
tahame, peate olema kõik stressis.

569
00:30:00,330 --> 00:30:03,600
Ma tahan, et sa olla nagu "Ma sain
see. jQuery sain tagasi.

570
00:30:03,600 --> 00:30:05,790
Ma ei vaja kirjutada neid funktsioone. "

571
00:30:05,790 --> 00:30:07,636
>> Nii lihtsalt kahte asja
mäletan, et ma lähen

572
00:30:07,636 --> 00:30:10,220
teile poisid Vaata lisaks
arvesse jQuery ise.

573
00:30:10,220 --> 00:30:13,070
Kõik, mida ma lähen ütlen on see
ei päris vinge asja

574
00:30:13,070 --> 00:30:15,220
ja teha oma elu
kogu palju lihtsam.

575
00:30:15,220 --> 00:30:17,150
Aga mida sa tahad
on, olenemata faili

576
00:30:17,150 --> 00:30:21,020
et sa lähed kasutate seda,
sa lähed tahan neid kahte liini.

577
00:30:21,020 --> 00:30:25,630
Sa lähed tahan
skript js jQuery dot js.

578
00:30:25,630 --> 00:30:28,500
Ja tegelikult teie allikas
saab olema mõned URL.

579
00:30:28,500 --> 00:30:35,870
Kui googeldada jQuery, Google
tegelikult võib leida kõik failid sinu jaoks.

580
00:30:35,870 --> 00:30:38,950
Nii et sa kindlasti tahad
sisend URL asemel.

581
00:30:38,950 --> 00:30:41,130
Ma lihtsalt panna see siia
lihtsuse mõttes.

582
00:30:41,130 --> 00:30:45,180
Kõik see tähendab, on see, kui
leida oma jQuery raamatukogu.

583
00:30:45,180 --> 00:30:48,600
See on tohutu, nii et sa ei taha
vastuvõtva see oma arvutisse

584
00:30:48,600 --> 00:30:53,390
kui te seda vältida, mis on, miks me
kipuvad lihtsalt panna Google URL, et

585
00:30:53,390 --> 00:30:55,880
korraldab kõik need failid sinu jaoks.

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

587
00:30:56,380 --> 00:30:58,850
Sa Google'ist, ma luban
see on seal.

588
00:30:58,850 --> 00:31:01,200
>> Ja siis mis iganes
JavaScript fail, mis sa oled

589
00:31:01,200 --> 00:31:07,150
kasutades, nii et see on vaid mõned väline
JavaScript fail, mis te kasutate.

590
00:31:07,150 --> 00:31:11,570
Samamoodi, et me Link meie CSS
faile, see on sama asi.

591
00:31:11,570 --> 00:31:15,480
See lihtsalt lingid faili
kus teie JavaScript on.

592
00:31:15,480 --> 00:31:18,970
Ja mul on mõned näited
lihtsate JavaScript.

593
00:31:18,970 --> 00:31:20,220
Nii me minema läbi.

594
00:31:20,220 --> 00:31:27,230
Ja siis oma indeks JavaScript,
mis on Teie JavaScript esitada siin

595
00:31:27,230 --> 00:31:30,900
see on selline ümbris
et teil on jQuery.

596
00:31:30,900 --> 00:31:33,860
Sa oled peaaegu 99,9
protsenti ajast läheb

597
00:31:33,860 --> 00:31:36,800
on see teie index.js faili.

598
00:31:36,800 --> 00:31:40,010
Sest mida see ütleb on,
"Ei rakenda midagi

599
00:31:40,010 --> 00:31:43,480
kuni teie dokument on tegelikult
valmis ", mis on täpselt, mida sa tahad.

600
00:31:43,480 --> 00:31:46,600
Sest kui teie dokumenti ei ole valmis,
ja jQuery hakkab asju,

601
00:31:46,600 --> 00:31:48,020
see on lihtsalt jama.

602
00:31:48,020 --> 00:31:50,480
Nii olete alati tahtnud seda ümbris.

603
00:31:50,480 --> 00:31:55,760
Ja siis asju, mis sinna minna, ma
jätavad oma poisid enda tutvumist.

604
00:31:55,760 --> 00:32:04,610
>> OK, nii et on olemas küsimustele õige
nüüd umbes JavaScript üldiselt?

605
00:32:04,610 --> 00:32:07,420
Või DOM mudelit?

606
00:32:07,420 --> 00:32:10,780
Kui ei, meil on mõned lahedad
näiteid, et me ei lähe läbi,

607
00:32:10,780 --> 00:32:13,120
et kutid saavad mind aidata koodi.

608
00:32:13,120 --> 00:32:15,877
Aga ma olen ka kavatse olla
super kena, ja kui sa

609
00:32:15,877 --> 00:32:17,960
ei taha midagi öelda
Nende, see on hea.

610
00:32:17,960 --> 00:32:20,510
Võin ka lihtsalt anda teile näiteid.

611
00:32:20,510 --> 00:32:24,581
Aga midagi
PowerPoint enne astume?

612
00:32:24,581 --> 00:32:25,080
Külm.

613
00:32:25,080 --> 00:32:26,990
>> Ma tunnen, et kutid on vaja energiat.

614
00:32:26,990 --> 00:32:31,516
Nii et ma arvan, et me ei kavatse hakata
minu poole Näiteks esimene.

615
00:32:31,516 --> 00:32:33,390
Meil on kolm näidet,
teil on oma valik.

616
00:32:33,390 --> 00:32:37,720
Nii et meil on kell, kuhu me läheme
rakendada tegelikke kella, mis on

617
00:32:37,720 --> 00:32:41,430
läheb uuendada aja möödudes.

618
00:32:41,430 --> 00:32:43,310
Meil on see suur Twitter funktsiooni.

619
00:32:43,310 --> 00:32:44,560
See-- sa tead, mida, pea vastu.

620
00:32:44,560 --> 00:32:47,220
Me läheme seda minema.

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
>> Meil on see suur Twitter funktsiooni
Siin selle-- Ma tean, eks?

624
00:32:56,132 --> 00:32:57,090
See saab olema suur.

625
00:32:57,090 --> 00:32:58,350
Kas te poisid põnevil?

626
00:32:58,350 --> 00:33:01,170
See läheb loendada
märkide olete lahkunud,

627
00:33:01,170 --> 00:33:04,520
nii et kui ma tüüpi kohe,
ilmselt ikka näitab 140,

628
00:33:04,520 --> 00:33:06,190
aga me teame, et see nii ei ole.

629
00:33:06,190 --> 00:33:08,570
Ja siis meie viimane
siin, kliki siia, et pidutseda.

630
00:33:08,570 --> 00:33:12,150
Mis juhtub on see, kui
me nuppu, taustal on

631
00:33:12,150 --> 00:33:13,340
muutu värve.

632
00:33:13,340 --> 00:33:17,060
Nii kutid on oma valikud
milline sa tahad teha esimesena.

633
00:33:17,060 --> 00:33:19,800
Ma luban, ma võtan seda väga lihtne teile.

634
00:33:19,800 --> 00:33:22,680
Ma tunnen, et kõik on selline
vaid väga väike võti täna.

635
00:33:22,680 --> 00:33:25,540
Nii et ma samm-sammult läbi, kuidas
me rakendada kõiki neid.

636
00:33:25,540 --> 00:33:28,520
Kui soovite kellamäng
aastal, see on hea, kuid ma

637
00:33:28,520 --> 00:33:30,020
tunne, nagu kõik on natuke väsinud.

638
00:33:30,020 --> 00:33:32,970
Nii et ma lihtsalt juhatab teid
läbi need näited.

639
00:33:32,970 --> 00:33:35,015
Kas meil on midagi, mida
me tahaksime teha esimesena?

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

641
00:33:38,140 --> 00:33:39,475
Igaüks?

642
00:33:39,475 --> 00:33:41,350
Eelistus puudub?

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

644
00:33:41,867 --> 00:33:42,450
Tead mida?

645
00:33:42,450 --> 00:33:43,290
Me oleme pool.

646
00:33:43,290 --> 00:33:48,380
Ma tunnen nagu te poisid vajavad little--
jah, me teeme pool üks esimene.

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
>> Mis meil siin-- see on
ei peaks seal olema.

650
00:33:56,930 --> 00:33:57,910
Nüüd on hea.

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

652
00:33:59,810 --> 00:34:03,110
Mis meil siin on,
lihtsalt HTML lehele

653
00:34:03,110 --> 00:34:07,840
et kutid peaksid olema super
tuttav oma kahe viimase psets.

654
00:34:07,840 --> 00:34:10,212
meil doc tüüp siin.

655
00:34:10,212 --> 00:34:10,920
Kas igaüks näha?

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

657
00:34:11,420 --> 00:34:12,560
Külm.

658
00:34:12,560 --> 00:34:13,900
Meil on HTML ilmselt.

659
00:34:13,900 --> 00:34:18,360
Meil on mõned päis, mis on
seotud -laaditabelite

660
00:34:18,360 --> 00:34:21,420
just minu font kena ja mahukas ja julge.

661
00:34:21,420 --> 00:34:23,489
Nii ei muretse.

662
00:34:23,489 --> 00:34:26,437
>> Meil on mõned keha
Id tausta, OK?

663
00:34:26,437 --> 00:34:28,520
Kuna me ei kavatse olla
muutes tausta.

664
00:34:28,520 --> 00:34:31,964
Nii et kui me muutuvas
tausta meie keha,

665
00:34:31,964 --> 00:34:35,965
mäletame kaks nädalat tagasi
kui meil on tegemist veebilehti.

666
00:34:35,965 --> 00:34:36,840
Nii hea on nii.

667
00:34:36,840 --> 00:34:39,270
Ja meil on mõned ID võrdub poole.

668
00:34:39,270 --> 00:34:43,909
See h ref naela tähendab lihtsalt, et
see saab minna samal lehel.

669
00:34:43,909 --> 00:34:47,120
Ja kliki siia, et pidutseda,
mistõttu kui me näita seda,

670
00:34:47,120 --> 00:34:48,940
see peaks muutuma värvid, õnneks.

671
00:34:48,940 --> 00:34:54,322
>> Ja siis on meil mõned script siin, et
on lihtsalt seotud selle partei dot js

672
00:34:54,322 --> 00:34:58,100
faili, mis on tühi, sest
me ei ole veel midagi teinud.

673
00:34:58,100 --> 00:35:00,450
Ja see on nii kurb.

674
00:35:00,450 --> 00:35:06,100
Kuid väga kiiresti, siis muutub
värvid ja see on fantastiline.

675
00:35:06,100 --> 00:35:10,520
>> Nii et ma lähen lihtsalt kõndida kutid
kaudu, kuidas me võiksime läheneda.

676
00:35:10,520 --> 00:35:14,030
Nii et esimene asi, mis
me võiksime teha tahad,

677
00:35:14,030 --> 00:35:18,050
kui me muutuvad tausta
keha, esimene asi, mida me tahta

678
00:35:18,050 --> 00:35:22,730
tegema, on tegelikult haarata
mida keha on, eks?

679
00:35:22,730 --> 00:35:27,690
Nii et me tahame olla summa, meie
tausta ja kui te märkate,

680
00:35:27,690 --> 00:35:29,567
Ma lihtsalt automaatselt alusta lihtsalt tippimist.

681
00:35:29,567 --> 00:35:32,400
Ei ole midagi erilist, et me
pead tegema meie JavaScript failid.

682
00:35:32,400 --> 00:35:35,820
Ma võin alustada kuulutatakse muutujad,
ja kuulutatakse juhuslik ülesandeid.

683
00:35:35,820 --> 00:35:38,110
Ja see on palju vabas vormis.

684
00:35:38,110 --> 00:35:41,930
See on nagu C, andsime teile kõigile
Nende raske reegleid, ja sa kasvasid üles,

685
00:35:41,930 --> 00:35:43,220
nii et me oleme nagu "lähevad.

686
00:35:43,220 --> 00:35:44,000
Ole vaba.

687
00:35:44,000 --> 00:35:44,870
Tee, mis tahad. "

688
00:35:44,870 --> 00:35:46,280
Ja see, mida JavaScript on.

689
00:35:46,280 --> 00:35:48,390
Nii et meil on mõned taustal siin.

690
00:35:48,390 --> 00:35:55,900
Meie DOM mudelit, me teame, et me
saab teha dokumendi dot saada element,

691
00:35:55,900 --> 00:36:00,290
ja kui märkame siin
Meie keha on Id.

692
00:36:00,290 --> 00:36:00,930
Õigus?

693
00:36:00,930 --> 00:36:06,310
Nii saame ei saa dokumenti
Id, ja siin on lihtne.

694
00:36:06,310 --> 00:36:08,295
Mis on meie Id et me tahame siin?

695
00:36:08,295 --> 00:36:09,170
Sihtrühm: taust.

696
00:36:09,170 --> 00:36:11,280
ALLISON Buchholtz-AU: taust.

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

698
00:36:12,230 --> 00:36:14,250
Ja semikooloniga lõpus.

699
00:36:14,250 --> 00:36:15,610
See ei ole kuhugi kadunud veel.

700
00:36:15,610 --> 00:36:17,330
Sul on vaja veel oma semikooloniga.

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

702
00:36:17,830 --> 00:36:19,690
Nii et meie esimene.

703
00:36:19,690 --> 00:36:23,880
Ja kui me klõpsake midagi, me
tahad, et midagi juhtuks, eks?

704
00:36:23,880 --> 00:36:28,270
Nii et me võiksite mõned muutuja
mis on oodanud klõpsuga.

705
00:36:28,270 --> 00:36:32,410
Mida me teeme, on me läheme
muuta meie link sarnasemaks nuppu.

706
00:36:32,410 --> 00:36:43,140
Nii et me lähed on mõned nuppu, et
võrdub dokumenteerida dot saada elemendi Id.

707
00:36:43,140 --> 00:36:48,670
Ja kui ma räägin
kliki lingil või kliki siia, et pidutseda

708
00:36:48,670 --> 00:36:51,850
link, mis võiks minu Id siin?

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

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

711
00:36:55,200 --> 00:36:56,500
OK ei ole liiga halb siiani.

712
00:36:56,500 --> 00:36:59,060
Igaühel saada, mida me teeme?

713
00:36:59,060 --> 00:37:02,100
>> OK, nii et nüüd on meil
nuppu, ja me tahame

714
00:37:02,100 --> 00:37:04,140
asju muuta, kui me klõpsake seda.

715
00:37:04,140 --> 00:37:08,750
Nii et kui me mäletame meie PowerPoint,
väga lihtne asi, mida me teha saame

716
00:37:08,750 --> 00:37:12,140
on lihtsalt nuppu dot onclick, eks?

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

718
00:37:14,750 --> 00:37:18,730
Ja see läheb võrdseks mõne funktsiooni.

719
00:37:18,730 --> 00:37:20,620
See on anonüümne funktsiooni.

720
00:37:20,620 --> 00:37:24,620
Ja see lihtsalt kui-- tegelikult ma olen
kavatse teha seda veidi suurem.

721
00:37:24,620 --> 00:37:27,330
>> Mida ma just tegin
Siin ma räägin, OK,

722
00:37:27,330 --> 00:37:31,810
kui me klõpsake meie nupp, mis on
see link, et me lihtsalt nimetatud,

723
00:37:31,810 --> 00:37:34,270
me täita
see anonüümne funktsioon.

724
00:37:34,270 --> 00:37:35,845
Meil ei ole vaja mingeid sisendeid.

725
00:37:35,845 --> 00:37:37,220
Me ei huvita, mida kasutaja ütleb.

726
00:37:37,220 --> 00:37:38,800
Kui nad klõpsake seda, et me oleme
kavatseb teha mida iganes me tahame,

727
00:37:38,800 --> 00:37:40,660
mis on vahetada taustavärvi.

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

729
00:37:42,640 --> 00:37:47,224
Nii et miks meil ei ole mingeid sisendeid,
meil on lihtsalt see anonüümne funktsioon.

730
00:37:47,224 --> 00:37:49,390
Ja nüüd me tegelikult toimub
kirjutada see funktsioon.

731
00:37:49,390 --> 00:37:55,040
>> Nii et hunnik võimalusi,
võib tekitada juhuslikku värvi.

732
00:37:55,040 --> 00:37:59,010
Nii, et ma tegin seda oli
luua kolm juhuslike arvude

733
00:37:59,010 --> 00:38:01,910
ja teisendada need RGB kolmekordne.

734
00:38:01,910 --> 00:38:06,130
Nii see lihtsalt näitab teile mõned lahedad
asju, kui sa oled nagu, "oh,

735
00:38:06,130 --> 00:38:08,464
Mul on vaja luua juhuslik
number. "Kui sa Googled see,

736
00:38:08,464 --> 00:38:09,630
see on, mida soovid leida.

737
00:38:09,630 --> 00:38:17,580
>> Nii et meil on kolm erinevat
asju, var, mitte uuesti punaseks, roheliseks.

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

739
00:38:18,080 --> 00:38:20,740
Nii et need on kolm
asju, mis moodustavad värvi.

740
00:38:20,740 --> 00:38:22,220
Sinine, punane ja roheline.

741
00:38:22,220 --> 00:38:22,960
Külm.

742
00:38:22,960 --> 00:38:27,050
Ja mida me saame teha on see, et me teame
et see peab olema vahemikus 255,

743
00:38:27,050 --> 00:38:30,140
ja kui te vaatasin mõned
juhusliku numbri generaator,

744
00:38:30,140 --> 00:38:36,000
võid saada midagi matemaatika
dot juhuslikult, mis, kui te vaatate selle üles

745
00:38:36,000 --> 00:38:39,230
tagasi mõned number
nulli ja ühe vahel.

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

747
00:38:39,980 --> 00:38:44,470
Ja mis numbrid teeme
RGB kolmikud lähevad vahel?

748
00:38:44,470 --> 00:38:47,240
Zero ja mida?

749
00:38:47,240 --> 00:38:49,000
Mida nad minna kuni?

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

751
00:38:49,950 --> 00:38:53,320
Nii et kui matemaatika dot juhuslik
läheb nulli ja ühe vahel,

752
00:38:53,320 --> 00:38:56,365
Kuidas saaks me tahame muuta seda?

753
00:38:56,365 --> 00:38:56,990
Sihtrühm: aeg?

754
00:38:56,990 --> 00:38:57,830
ALLISON Buchholtz-AU: Jah, täpselt.

755
00:38:57,830 --> 00:38:58,677
Nii aeg on 255.

756
00:38:58,677 --> 00:39:00,888
>> Sihtrühm: [kuuldamatu]
See on nagu [kuuldamatu].

757
00:39:00,888 --> 00:39:02,471
ALLISON Buchholtz-AU: Math dot juhuslikult.

758
00:39:02,471 --> 00:39:03,096
Sihtrühm: Cool.

759
00:39:03,096 --> 00:39:04,580
ALLISON Buchholtz-AU: Jah.

760
00:39:04,580 --> 00:39:06,300
JavaScript lihtsalt ei hooli sinust.

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

762
00:39:07,580 --> 00:39:09,360
Nii saame teha, et kõiki neid.

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

764
00:39:10,540 --> 00:39:16,480
Math dot juhuslik korda 255.

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

766
00:39:17,740 --> 00:39:18,820
Külm.

767
00:39:18,820 --> 00:39:23,350
Nii asi on, see võib
ei tagasta täisarv.

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

769
00:39:24,080 --> 00:39:26,450
Äkki saaksin number
nulli ja ühe vahel,

770
00:39:26,450 --> 00:39:32,150
ja see põhjustab seda veidi
off, ja meie RGBs saa olla ujukid.

771
00:39:32,150 --> 00:39:33,360
Nad peavad olema ints.

772
00:39:33,360 --> 00:39:37,610
Nii et kui te olete proovinud seda, Vist
mõned ettearvamatu käitumine.

773
00:39:37,610 --> 00:39:38,810
Oleks veidi funky.

774
00:39:38,810 --> 00:39:43,200
Nii et mida me teeme, on me tahame teha
kindel, et need on ümardatud,

775
00:39:43,200 --> 00:39:45,400
ja siis võiks ümardada kas nii.

776
00:39:45,400 --> 00:39:47,110
Ma ümardatud korrusel.

777
00:39:47,110 --> 00:39:49,680
Nii et ma alati kindel
et see ümardatakse allapoole.

778
00:39:49,680 --> 00:39:54,440
Aga läheb maha, kui lihtne
oli lihtsalt saada juhusliku arvu,

779
00:39:54,440 --> 00:39:57,920
kuidas me teie arvates
võiks korrusel see number?

780
00:39:57,920 --> 00:40:00,720
See on väga sarnased.

781
00:40:00,720 --> 00:40:02,810
Iga mõte?

782
00:40:02,810 --> 00:40:06,450
Nii et kui juhuslikult oli lihtsalt matemaatika dot
juhuslik, et sa arvad, et me tahaks teha sõna?

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

784
00:40:09,670 --> 00:40:11,340
Ja sa võid teha ka matemaatika dot lakke.

785
00:40:11,340 --> 00:40:14,030
Round on selline ebamäärane
Sest sa ei

786
00:40:14,030 --> 00:40:16,110
tea, kas ümardada või allapoole ümardada.

787
00:40:16,110 --> 00:40:20,797
Nii tavaliselt alati teeme matemaatika
dot korrus, matemaatika dot lakke.

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

789
00:40:21,380 --> 00:40:22,780
>> Sihtrühm: Kas korrusel ringi alla?

790
00:40:22,780 --> 00:40:24,740
>> ALLISON Buchholtz-AU: Põranda ümardab allapoole.

791
00:40:24,740 --> 00:40:26,990
Ja see on ainult valik minu poolt.

792
00:40:26,990 --> 00:40:32,370
>> Nüüd on meil kolm numbrit
mis on juhuslikult genereeritud,

793
00:40:32,370 --> 00:40:36,610
ja mida me teeme nüüd on meil
lihtsalt läheb muuta tausta.

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

795
00:40:37,310 --> 00:40:41,490
Nii on meil juba meie
taust liiki salvestatud

796
00:40:41,490 --> 00:40:43,280
Selles element nimetatakse taust.

797
00:40:43,280 --> 00:40:47,300
Nii et mida sa märkad on, kui
sa mängisid ümber selle,

798
00:40:47,300 --> 00:40:50,460
tahame muuta stiili.

799
00:40:50,460 --> 00:40:53,812
Ja see on omamoodi midagi,
siis oleks Google ja nuputada,

800
00:40:53,812 --> 00:40:55,020
meeldib, kuidas muuta värvi.

801
00:40:55,020 --> 00:40:59,210
>> Aga kuidas sa kasutada seda värvi on
taust dot stiilis dot taustal.

802
00:40:59,210 --> 00:41:03,490
Nii et see ütleb antud
Selle objekti, taust,

803
00:41:03,490 --> 00:41:06,920
mis viitab, et
element Id seal,

804
00:41:06,920 --> 00:41:10,690
me ei kavatse vaadata
stiilis jooksul stiili,

805
00:41:10,690 --> 00:41:13,280
me ei kavatse vaadata taust.

806
00:41:13,280 --> 00:41:14,270
OK?

807
00:41:14,270 --> 00:41:17,630
Ja kui sa lähed ning otsida selle üles,
siis võiks teha natuke rohkem tunde,

808
00:41:17,630 --> 00:41:21,930
aga see on põhimõtteliselt lihtsalt ütlen,
"Anna mulle seda väga konkreetset omadust

809
00:41:21,930 --> 00:41:25,770
mida olen varem defineeritud. "

810
00:41:25,770 --> 00:41:32,340
Mida me selle muutmist on
mõned RGB, sest see on mõistlik.

811
00:41:32,340 --> 00:41:34,780
Me kasutame RGB kolmikute, eks?

812
00:41:34,780 --> 00:41:41,530
Ja me have-- ma tahan veenduda, ma
saada õige mitmeid hinnapakkumisi siin.

813
00:41:41,530 --> 00:41:43,940
Nii et mida me teeme, on meil
RGB, ja me lähme

814
00:41:43,940 --> 00:41:46,800
mina-- see on nagu
ahel, mis on punane.

815
00:41:46,800 --> 00:41:50,030

816
00:41:50,030 --> 00:41:52,610
Ja siis me tahame mõne koma.

817
00:41:52,610 --> 00:41:59,925
Ja siis me tahame pluss roheline,
siis mõned koma, ja mõned sinised.

818
00:41:59,925 --> 00:42:10,640

819
00:42:10,640 --> 00:42:14,120
>> Nii et need plussid lihtsalt
mõtlen nagu ahel.

820
00:42:14,120 --> 00:42:19,810
Nii et see on lihtsalt luua selle
string, mis läheb piires 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
>> Sihtrühm: [kuuldamatu], pluss siis
roheline pluss siis punane.

824
00:42:26,684 --> 00:42:30,163
>> ALLISON Buchholtz-AU: Jah,
sest ma messed et üles.

825
00:42:30,163 --> 00:42:30,890
See üks trahv.

826
00:42:30,890 --> 00:42:32,110
Oh, pea vastu.

827
00:42:32,110 --> 00:42:32,610
Ei.

828
00:42:32,610 --> 00:42:36,770
Kuna mul on vaja veenduda,
et ma sain kõik need õige.

829
00:42:36,770 --> 00:42:39,680

830
00:42:39,680 --> 00:42:43,950
Nii et ma selgitan uno momento.

831
00:42:43,950 --> 00:42:47,040
Roheline, sinine, täiuslik.

832
00:42:47,040 --> 00:42:47,971
Nüüd ma olen teinud.

833
00:42:47,971 --> 00:42:48,470
Ma usun.

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
Mis see on, on see, et taust
läheb seada mõned string.

837
00:42:58,085 --> 00:42:58,585
Õigus?

838
00:42:58,585 --> 00:42:59,710
Kumb on meil siin.

839
00:42:59,710 --> 00:43:05,870
See saab olema mingi RGB 255 komaga
255 komaga null, või mis iganes number,

840
00:43:05,870 --> 00:43:06,512
on olemas.

841
00:43:06,512 --> 00:43:08,220
Nii et me teeme siin,
meil on mõned string.

842
00:43:08,220 --> 00:43:11,910
Ja mida me tahame teha, on meil
selline dünaamiliselt luua

843
00:43:11,910 --> 00:43:14,010
et kui me tegelikult programmi käivitada.

844
00:43:14,010 --> 00:43:16,570
Nii et see on mingi string.

845
00:43:16,570 --> 00:43:20,290
Plus konkateneerib seda
väärtus, punane on,

846
00:43:20,290 --> 00:43:23,320
mis konkateneerib seda
koma, mis konkateneerib see

847
00:43:23,320 --> 00:43:26,090
mida rohelised on, ja
nii edasi, ja nii edasi.

848
00:43:26,090 --> 00:43:26,660
OK?

849
00:43:26,660 --> 00:43:32,210
Kuni otsani, mis on
sulgev sulg selle RGB siin.

850
00:43:32,210 --> 00:43:32,800
OK?

851
00:43:32,800 --> 00:43:37,230
>> Mis siis, et see saab
genereerida mingi käsu tõesti

852
00:43:37,230 --> 00:43:42,770
mis on RGB kolme numbrid
Selle taustal on nüüd seatud.

853
00:43:42,770 --> 00:43:43,940
OK?

854
00:43:43,940 --> 00:43:46,510
Vaatame, kas see toimib.

855
00:43:46,510 --> 00:43:49,720
Loodan, et see, sest kui see
ei, ma lähen olema reaalne kurb.

856
00:43:49,720 --> 00:43:50,250
Oh ei.

857
00:43:50,250 --> 00:43:52,710
OK, pea vastu.

858
00:43:52,710 --> 00:43:56,730
Kindlasti taustal
dot stiilis dot taustal.

859
00:43:56,730 --> 00:43:59,569
Ma olen kindlasti puudu
midagi lihtsalt väike.

860
00:43:59,569 --> 00:44:00,610
Kas sa ei poisid vihkan seda?

861
00:44:00,610 --> 00:44:04,020
Kui see on lihtsalt väike väike viga?

862
00:44:04,020 --> 00:44:04,990
Kõikvõimas taustal.

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
>> Sihtrühm: [kuuldamatu]

866
00:44:09,765 --> 00:44:11,729

867
00:44:11,729 --> 00:44:12,770
ALLISON Buchholtz-AU: No.

868
00:44:12,770 --> 00:44:14,050
Üritasin seda enne klassi.

869
00:44:14,050 --> 00:44:16,570
Mul on kõik, mida ma tegin enne
klassi puhul ma olin nagu,

870
00:44:16,570 --> 00:44:17,970
"Ootama, mida ma valesti tegin?"

871
00:44:17,970 --> 00:44:23,190
Sest ma olin nagu: "ma ilmselt
jama see üles mingil hetkel. "

872
00:44:23,190 --> 00:44:24,150
Plus roheline.

873
00:44:24,150 --> 00:44:26,250
Kõik tundub nagu see on
sidumiseks õigesti.

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
>> Sihtrühm: [kuuldamatu]

877
00:44:31,870 --> 00:44:33,810
>> ALLISON Buchholtz-AU: Oh, seal lähete.

878
00:44:33,810 --> 00:44:35,520
See, mida ma vajasin.

879
00:44:35,520 --> 00:44:36,805
Vaata seda.

880
00:44:36,805 --> 00:44:40,090
Tiffany päästa.

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
Nüüd vaatame, kas see toimib.

884
00:44:43,834 --> 00:44:44,816
Oh jumal.

885
00:44:44,816 --> 00:44:45,641
OK.

886
00:44:45,641 --> 00:44:46,140
Hoia edasi.

887
00:44:46,140 --> 00:44:48,280
>> Sihtrühm: Space pärast teist pluss.

888
00:44:48,280 --> 00:44:50,310
>> ALLISON Buchholtz-AU: Kumb?

889
00:44:50,310 --> 00:44:52,910
Oh oota, pea vastu.

890
00:44:52,910 --> 00:44:54,870
Space kandma?

891
00:44:54,870 --> 00:44:57,209
>> Sihtrühm: Teine pluss
roheline ahel.

892
00:44:57,209 --> 00:44:58,250
ALLISON Buchholtz-AU: Oh.

893
00:44:58,250 --> 00:44:59,570
Sihtrühm: Ei ole ruumi
pärast plus, jah.

894
00:44:59,570 --> 00:45:00,790
ALLISON Buchholtz-AU: Sa
ei pea, et Aga--

895
00:45:00,790 --> 00:45:01,190
Sihtrühm: Oh, sa ei ole?

896
00:45:01,190 --> 00:45:01,910
ALLISON Buchholtz-AU: Tundub päris.

897
00:45:01,910 --> 00:45:02,530
Sihtrühm: OK.

898
00:45:02,530 --> 00:45:03,030
OK.

899
00:45:03,030 --> 00:45:05,170
>> ALLISON Buchholtz AU:
Vaatame, kas see töötab.

900
00:45:05,170 --> 00:45:05,670
OK.

901
00:45:05,670 --> 00:45:07,836
Ma ilmselt ei suuda hetkel
see demo, mis meenutab mulle

902
00:45:07,836 --> 00:45:12,810
loeng teisel nädalal,
aga ma tean, et see töötab.

903
00:45:12,810 --> 00:45:15,860
Ma tean, et see töötab.

904
00:45:15,860 --> 00:45:16,580
Nii lähedal.

905
00:45:16,580 --> 00:45:22,330
Kui ma kogemata kustutatud
minu script selle ühe.

906
00:45:22,330 --> 00:45:24,035
Ei, see on pool dot js.

907
00:45:24,035 --> 00:45:25,776
OK hoida.

908
00:45:25,776 --> 00:45:28,650
Ma lähen kopeeri see ning ma olen ka
lihtsalt läheb kustutada kõik,

909
00:45:28,650 --> 00:45:30,108
sest mul oli see töö varem.

910
00:45:30,108 --> 00:45:32,470

911
00:45:32,470 --> 00:45:33,770
>> Ma luban, see toimib.

912
00:45:33,770 --> 00:45:36,160
Kui ei, ma näitan sulle, mida Tommy on.

913
00:45:36,160 --> 00:45:38,890
Ja seal.

914
00:45:38,890 --> 00:45:42,380
>> Sihtrühm: Sa viitamine poole
dot CSS, ja see on pool dot js.

915
00:45:42,380 --> 00:45:45,940
>> ALLISON Buchholtz-AU: Ah, noh
siin on pool dot js.

916
00:45:45,940 --> 00:45:49,187
OK, mida ma teha teisiti?

917
00:45:49,187 --> 00:45:50,520
OK, me näeme, kui see töötab nüüd.

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
Niisiis, ma ei tea, mida ma tegin teisiti,
aga see on see, mis peaks juhtuma.

921
00:46:02,110 --> 00:46:03,230
Kinda lahe.

922
00:46:03,230 --> 00:46:06,650
Ma klõpsanud seda, nagu igavesti.

923
00:46:06,650 --> 00:46:11,185
Aga me saame proovida ja näha, mida ma tegin
erinevalt, et see oli.

924
00:46:11,185 --> 00:46:14,560
Ma ei tea, kuidas teiega on, aga see
tundub põhimõtteliselt mida ma just kirjutasin.

925
00:46:14,560 --> 00:46:17,950
Seal oli ilmselt kadunud
semikooloniga kusagil on minu asi.

926
00:46:17,950 --> 00:46:22,064
Tegelikult pärast, ma arvan, et ma oli puudu
semikooloniga siin tegelikult.

927
00:46:22,064 --> 00:46:24,230
Aga ma ei näe, sest
see oli ekraanilt väljas.

928
00:46:24,230 --> 00:46:29,040
>> Aga kui märkame, et see on päris
palju täpselt, mida ma just kirjutasin.

929
00:46:29,040 --> 00:46:33,010
Ma arvan, et ilmselt kõige raskem osa umbes
see on lihtsalt selline see asi

930
00:46:33,010 --> 00:46:36,830
siin, mõistmine
mida ta teeb seal.

931
00:46:36,830 --> 00:46:42,230
Neid erinevaid asju, mida õppida
tõesti ainult Google'i abil ja ausalt

932
00:46:42,230 --> 00:46:42,880
lihtsalt proovida.

933
00:46:42,880 --> 00:46:46,770
Kui te arvate, seal on mõned
atribuut, arvatavasti ei.

934
00:46:46,770 --> 00:46:48,382
Nii et proovige seda.

935
00:46:48,382 --> 00:46:49,090
Vaata, mis juhtub.

936
00:46:49,090 --> 00:46:53,000
Nagu ma ütlesin, seal on palju
eksperimenteerimine JavaScript,

937
00:46:53,000 --> 00:46:56,810
ja PHP ja kõik, mis
kraami, ja CSS eriti.

938
00:46:56,810 --> 00:47:00,046
See on ainus tõeline
kuidas seda mõista.

939
00:47:00,046 --> 00:47:07,100
>> OK, nii et pärast seda fiasko koos pidu
dot js meil kaks muid võimalusi.

940
00:47:07,100 --> 00:47:10,650
Meil on kella või Twitter.

941
00:47:10,650 --> 00:47:12,190
Nad on nii huvitav.

942
00:47:12,190 --> 00:47:17,720
Võib-olla mitte päris nii lõbus, kui isik
mis oli lahe väike vilkumine

943
00:47:17,720 --> 00:47:19,595
asi lõpus.

944
00:47:19,595 --> 00:47:21,714
Kas te poisid on mingeid eelistus?

945
00:47:21,714 --> 00:47:22,380
Sihtrühm: Kell?

946
00:47:22,380 --> 00:47:22,950
ALLISON Buchholtz-AU: Kell?

947
00:47:22,950 --> 00:47:23,450
OK.

948
00:47:23,450 --> 00:47:25,390
Külm.

949
00:47:25,390 --> 00:47:30,460
>> Nii jälle on meil
tühi JavaScript faili.

950
00:47:30,460 --> 00:47:35,800
Ja nagu me näeme siin, me
on mõned väga lihtsad HTML.

951
00:47:35,800 --> 00:47:40,010
Meil on stiili lehed, mis lihtsalt
vormindab, mida ta peaks nägema.

952
00:47:40,010 --> 00:47:42,860
Meil on meie div koos
Id kella, mis

953
00:47:42,860 --> 00:47:44,420
lihtsalt ütleb, et "see peaks olema kella."

954
00:47:44,420 --> 00:47:47,650
Ja meil on link
meie JavaScript faili

955
00:47:47,650 --> 00:47:51,400
See on tegelikult läheb
luua oma kella meile.

956
00:47:51,400 --> 00:47:56,060
Kuna lahe asi on see, et saate
seada JavaScript automaatselt värskendada

957
00:47:56,060 --> 00:47:56,963
ise.

958
00:47:56,963 --> 00:47:57,810
OK?

959
00:47:57,810 --> 00:48:01,580
Nii et selle asemel, et oodata
kasutaja lüüa Värskenda lehel

960
00:48:01,580 --> 00:48:03,840
nii et saad
ajakohastada ajal JavaScript

961
00:48:03,840 --> 00:48:06,760
seda värskendada aga see meeldib.

962
00:48:06,760 --> 00:48:12,082
>> Nii, nagu meie viimane tahtsime
juurdepääsu meie tausta, eks?

963
00:48:12,082 --> 00:48:14,790
Mida teie arvates võiks
Esimene asi, mida me tahame teha siin?

964
00:48:14,790 --> 00:48:19,538
Kui me mingi läheb maha
selline paradigma siin?

965
00:48:19,538 --> 00:48:22,200
Me ilmselt tahad
juurdepääs meie kella, eks?

966
00:48:22,200 --> 00:48:24,724
Niisiis, meil on mõned var
kell, mis equals--

967
00:48:24,724 --> 00:48:26,140
Mida me siis arvan, et see saab olema?

968
00:48:26,140 --> 00:48:29,290

969
00:48:29,290 --> 00:48:42,670
Dokumendi dot saada osa by-- ma ka
armastan Sublime-- Id ja meie Id on kella.

970
00:48:42,670 --> 00:48:43,585
Semikooloniga.

971
00:48:43,585 --> 00:48:45,710
Sain veenduda saada
need semikooloniga seekord

972
00:48:45,710 --> 00:48:47,835
sest ma tunnen, et
oli probleem viimast korda.

973
00:48:47,835 --> 00:48:55,980
OK, nii, nagu ma just ütles üritab
peab olema JavaScript värskendada ennast,

974
00:48:55,980 --> 00:48:59,655
seal on see suur ülesanne, I
tean, et see tuli mugav eelmisel aastal

975
00:48:59,655 --> 00:49:02,780
Ma ei ole kindel, et see on mugav seda
pset, kuid seda nimetatakse valitud intervalli.

976
00:49:02,780 --> 00:49:05,640

977
00:49:05,640 --> 00:49:08,200
Ja see on tegelikult väga
lahe, kui kutid midagi teha

978
00:49:08,200 --> 00:49:11,460
aja või saada
ajakohastatud teavet.

979
00:49:11,460 --> 00:49:13,700
On veebilehel lõplik
projekt, see on ilmselt

980
00:49:13,700 --> 00:49:16,240
funktsioon, mida soovid
saada super tuttav.

981
00:49:16,240 --> 00:49:19,730
Mis määrata intervalli teeb on see, et
me ei kavatse anda talle funktsiooni

982
00:49:19,730 --> 00:49:21,830
ja kui tihti peaks
nimetame seda funktsiooni.

983
00:49:21,830 --> 00:49:22,430
OK?

984
00:49:22,430 --> 00:49:26,890
>> Nii et kui me lihtsalt läheb
luua mõned anonüümseks uuesti funktsiooni,

985
00:49:26,890 --> 00:49:31,530
OK, et ei hakka
meie päev ja meie aja

986
00:49:31,530 --> 00:49:33,780
ja seejärel ajakohastada asjad ja näitab seda.

987
00:49:33,780 --> 00:49:35,130
Nii me muretse.

988
00:49:35,130 --> 00:49:39,120
Me oleme nagu genereerida kella siin.

989
00:49:39,120 --> 00:49:41,750
Aga me vajame, kuidas
sageli värskendada seda.

990
00:49:41,750 --> 00:49:43,930
Nii et kui see on lihtsalt millisekundit.

991
00:49:43,930 --> 00:49:46,877
Nii et me lihtsalt läheb
teha 100 millisekundit.

992
00:49:46,877 --> 00:49:48,210
Muidugi, täiesti meelevaldne.

993
00:49:48,210 --> 00:49:50,600
Kui sa tahtsid seda uuendada
palju aeglasemalt, siis võiks.

994
00:49:50,600 --> 00:49:53,300
Me ei jändama
Komplektiga intervalli

995
00:49:53,300 --> 00:49:57,240
kui suur meie intervall on pärast saame
töötab kell, mis loodetavasti ma tulen

996
00:49:57,240 --> 00:49:59,660
saada.

997
00:49:59,660 --> 00:50:04,110
Nii et see on lihtsalt öeldes: "OK, kõne
Selle funktsiooni iga 100 millisekundi jooksul. "

998
00:50:04,110 --> 00:50:04,805
OK?

999
00:50:04,805 --> 00:50:07,280
See on kõik, mida ta teeb.

1000
00:50:07,280 --> 00:50:12,290
>> Nii et me tahame, et meie funktsioon
teha, on meil tahavad mõned kuupäev

1001
00:50:12,290 --> 00:50:14,200
ja mõni aeg on see, mida
me ei kavatse olla.

1002
00:50:14,200 --> 00:50:19,740
Nii saame alustada meie
date võrdub midagi,

1003
00:50:19,740 --> 00:50:22,708
ja meie aja võrdub midagi
et me ei tea veel.

1004
00:50:22,708 --> 00:50:26,070

1005
00:50:26,070 --> 00:50:29,300
Või tegelikult, me lihtsalt vaja kuupäeva, sest
kuupäeva läheb hõlmata kõike.

1006
00:50:29,300 --> 00:50:34,310

1007
00:50:34,310 --> 00:50:40,010
Jällegi, kui sa just Google midagi
mida sa teha tahad, kui sa kirjutad, "OK,

1008
00:50:40,010 --> 00:50:41,980
Ma tahan saada aeg
via JavaScript, "see

1009
00:50:41,980 --> 00:50:45,890
annan sulle selle suure
funktsiooni nimetatakse get kuupäeva.

1010
00:50:45,890 --> 00:50:48,664
Sõna otseses mõttes, enamik asju
et sa tahad teha,

1011
00:50:48,664 --> 00:50:50,830
JavaScript läheb on
seda teha teie jaoks juba.

1012
00:50:50,830 --> 00:50:55,770
Nii et see on sõna otseses mõttes nagu uus
saada kuupäeva, milleks on creating--

1013
00:50:55,770 --> 00:50:58,600
või uus kuupäev, rather--
mis tekitab

1014
00:50:58,600 --> 00:51:03,690
mingi objekti, mis tähistab kuupäeva.

1015
00:51:03,690 --> 00:51:08,200
>> Ja mida me teeme siin
see on-- ma kirjutan seda,

1016
00:51:08,200 --> 00:51:10,820
ja siis selgitada, mida ta teeb.

1017
00:51:10,820 --> 00:51:12,560
Nii et ma teen kindlasti saan seda õigust.

1018
00:51:12,560 --> 00:51:17,950

1019
00:51:17,950 --> 00:51:23,440
>> OK, nii et mida see funktsioon
teeb, on meil lihtsalt

1020
00:51:23,440 --> 00:51:30,680
luua HTML, mis on tegelikult
lähevad meie div Id kella.

1021
00:51:30,680 --> 00:51:34,610
Mis siis, et see saab olla teeme
lihtsalt tekitab teatava string, OK?

1022
00:51:34,610 --> 00:51:38,510
See on siis saab olema
siirdatud meie HTML.

1023
00:51:38,510 --> 00:51:42,130
Põhimõtteliselt, mida see saab teha, on
olenemata we-- mida ma näitan sulle

1024
00:51:42,130 --> 00:51:49,070
on see, et ükskõik, mida me ütleme HTML on,
me ei kavatse asendada see tekst siin

1025
00:51:49,070 --> 00:51:51,090
kõikvõimaliku HTML on.

1026
00:51:51,090 --> 00:51:56,390
Nii see läheb, et võimaldada
meil muuta meie kella dot

1027
00:51:56,390 --> 00:52:00,940
HTML ole üksnes teksti selle
peaks olema kella tegelikult näitab

1028
00:52:00,940 --> 00:52:05,630
numbreid ja asju, mida me hoolime
umbes, ja tegelikult kella.

1029
00:52:05,630 --> 00:52:09,810
>> Mida me teeme, on meil
kavatsen alustada teeniva see HTML.

1030
00:52:09,810 --> 00:52:16,520
Nii samamoodi, et me kasutasime
teha pluss võrdub eest täisarvud

1031
00:52:16,520 --> 00:52:20,461
Nüüd saate teha, et stringid,
välja arvatud see läheb concatenate neid.

1032
00:52:20,461 --> 00:52:20,960
Õigus?

1033
00:52:20,960 --> 00:52:26,070
Nagu nägime pool dot js, see lihtsalt
konkateneerib kõik need asjad kokku.

1034
00:52:26,070 --> 00:52:31,970
Nii saab concatenate erinevate bitti
HTML muutujate või bitti stringid

1035
00:52:31,970 --> 00:52:33,750
et sa kirjutad välja
ise, ja see lihtsalt

1036
00:52:33,750 --> 00:52:38,650
tõesti võimaldab dünaamiliselt
genereerida HTML, mis on päris lahe.

1037
00:52:38,650 --> 00:52:42,040
Nii et kui teil on midagi
väga kasutajasõbralik konkreetsed,

1038
00:52:42,040 --> 00:52:44,130
see võimaldab teil seda teha.

1039
00:52:44,130 --> 00:52:47,550
>> Nii et meil on HTML, et ma lähen
proovige ja veenduge, et saan seda paremale.

1040
00:52:47,550 --> 00:52:49,890
Nii et me teeme mõned h1 päises.

1041
00:52:49,890 --> 00:52:53,610
Mis on oluline mõista siin
on, et see on tegelikult lihtsalt HTML.

1042
00:52:53,610 --> 00:52:54,460
Õigus?

1043
00:52:54,460 --> 00:52:56,610
Me kirjutame tegelik
HTML koodi siin, see on

1044
00:52:56,610 --> 00:53:01,090
mitte ainult stringi normaalne
nii, et me oleks mõelda.

1045
00:53:01,090 --> 00:53:02,930
Nii et meil on mõned HTML.

1046
00:53:02,930 --> 00:53:04,940
Seda peetakse string siin küll.

1047
00:53:04,940 --> 00:53:10,380
Ja me teeme kuupäev dot-- me
tahan saada oma tundi.

1048
00:53:10,380 --> 00:53:12,910
Jällegi, kui sa olid vaatama
kuni midagi kuupäevast,

1049
00:53:12,910 --> 00:53:16,160
see oleks öelda, need on kõik
omadused, mis kuupäeval on.

1050
00:53:16,160 --> 00:53:17,670
Ja siin on, mida saate kasutada seda.

1051
00:53:17,670 --> 00:53:20,620
Nii et see on ilmselt asjad
saada tundi ja saada minutit

1052
00:53:20,620 --> 00:53:24,669
ja saada sekundit ja saada millisekundit,
ja kes teab mida veel nad on.

1053
00:53:24,669 --> 00:53:27,210
Aga kui sa vaatad
dokumentatsiooni, see kõik on seal.

1054
00:53:27,210 --> 00:53:31,980
>> Nii et meil on saada tundi,
ja siis me tahaks

1055
00:53:31,980 --> 00:53:35,614
et concatenate et with-- ma olen
kavatse minna seda siin.

1056
00:53:35,614 --> 00:53:38,780
Nii et kui me tekitama just nüüd, me oleme
tegelikult teeniva aega, eks?

1057
00:53:38,780 --> 00:53:43,590
Meil on tundi ja siis milline
vahel tundides ja minutites?

1058
00:53:43,590 --> 00:53:45,080
Sul on semikoolon, eks?

1059
00:53:45,080 --> 00:53:48,010
Nii et me tahame teha mõned semikooloniga siin.

1060
00:53:48,010 --> 00:53:51,780
Ja siis me tahame saada meie
minutit, nii samamoodi

1061
00:53:51,780 --> 00:53:56,450
et meil on kuupäev dot saada tundi,
Kuidas saaks me saame oma minutit?

1062
00:53:56,450 --> 00:54:01,542
See on sõna otseses mõttes tähtajast dot saada
minutit, mis ma selline nagu.

1063
00:54:01,542 --> 00:54:03,250
See on nagu "oh, kuidas
ma saan minutit? "

1064
00:54:03,250 --> 00:54:05,850
Ma lihtsalt saan minutit.

1065
00:54:05,850 --> 00:54:07,500
>> OK.

1066
00:54:07,500 --> 00:54:10,990
Ja siis on meil veel üks koolon siin.

1067
00:54:10,990 --> 00:54:16,350
Ja siis, kui me tahame, et meie
sekundit, siis kuidas me saame oma teise?

1068
00:54:16,350 --> 00:54:17,400
Kuupäev dot saada sekundit.

1069
00:54:17,400 --> 00:54:20,390

1070
00:54:20,390 --> 00:54:21,590
Ma arvan, et see on päris lahe.

1071
00:54:21,590 --> 00:54:23,589
Ja mis oluline
mõistma, et me ka

1072
00:54:23,589 --> 00:54:31,730
vaja sulgeda oma HTML tag siin, sest
peaks siiski olema kehtiv HTML, nii h1.

1073
00:54:31,730 --> 00:54:33,481
Külm.

1074
00:54:33,481 --> 00:54:43,110
>> Nii et pärast, et me saame teha kell
dot sisemine HTML on võrdne HTML.

1075
00:54:43,110 --> 00:54:43,930
OK?

1076
00:54:43,930 --> 00:54:46,470
Seega pidage meeles, kuidas ma ütlesin
sisemine HTML põhimõtteliselt

1077
00:54:46,470 --> 00:54:50,610
võtab iganes on vahel
kaks sildid, mis me rääkisime

1078
00:54:50,610 --> 00:54:54,470
ja lisab või manipuleerib
kõik, mis on olemas?

1079
00:54:54,470 --> 00:54:58,290
Nii et mida see teeb, kui
läheme tagasi meie kella

1080
00:54:58,290 --> 00:55:04,180
on see, et kella viitab
kõike jooksul see div.

1081
00:55:04,180 --> 00:55:09,770
See on sisemine HTML
Selle Id kella div.

1082
00:55:09,770 --> 00:55:13,930
Ja nii see läheb ära muuta
HTML, et me lihtsalt loodud,

1083
00:55:13,930 --> 00:55:16,750
mis mis loodetavasti
loodetavasti loodetavasti

1084
00:55:16,750 --> 00:55:21,026
näitab aega kohe.

1085
00:55:21,026 --> 00:55:23,960
Me näeme.

1086
00:55:23,960 --> 00:55:25,170
Muidugi.

1087
00:55:25,170 --> 00:55:26,860
Nii palju tehnilisi küsimusi.

1088
00:55:26,860 --> 00:55:31,480
Allison on Lihtsalt-- ma olen
off minu mäng täna poisid.

1089
00:55:31,480 --> 00:55:34,136
OK, mis töötab.

1090
00:55:34,136 --> 00:55:35,760
kell dot sisemine HTML.

1091
00:55:35,760 --> 00:55:42,097
See oli HTML Kas tõesti?

1092
00:55:42,097 --> 00:55:43,180
Ka see, mis juhtub.

1093
00:55:43,180 --> 00:55:48,750
Kui sa ei näe midagi, siis
lihtsalt pilk oma lähtekoodi.

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
Kas sa tahad teada, cool töö ümber
et me teeme siin?

1097
00:55:54,870 --> 00:55:55,740
>> Sihtrühm: Kas sa trükitähtedega?

1098
00:55:55,740 --> 00:55:56,580
Suurtähtedega?

1099
00:55:56,580 --> 00:55:58,996
Kuna teil on saada tundi,
ja siis saad minutit.

1100
00:55:58,996 --> 00:56:02,590
>> ALLISON Buchholtz-AU: See
on saada tundi ja get-- oh.

1101
00:56:02,590 --> 00:56:04,945
Sa are-- kuldtäht.

1102
00:56:04,945 --> 00:56:08,114

1103
00:56:08,114 --> 00:56:09,030
See kõik on test, poisid.

1104
00:56:09,030 --> 00:56:13,630

1105
00:56:13,630 --> 00:56:17,330
Ma luban seda töötas enne klassi.

1106
00:56:17,330 --> 00:56:22,590
>> OK, aga midagi lahedat teada on
et saate also-- kui mõnikord

1107
00:56:22,590 --> 00:56:26,560
väline failid on
saada natuke hull,

1108
00:56:26,560 --> 00:56:30,960
võite ka lihtsalt panna neid otse
siin, mis kipub asju parandada.

1109
00:56:30,960 --> 00:56:35,840
Välja arvatud see on nagu tõesti kole.

1110
00:56:35,840 --> 00:56:38,050
Muidugi vormindada kõike.

1111
00:56:38,050 --> 00:56:41,425
Veenduge, et see kõik on päris.

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
>> Tahtsin teha kõik cool demos,
ja nad lihtsalt ei toimi.

1115
00:56:50,621 --> 00:56:51,555
OK.

1116
00:56:51,555 --> 00:56:53,890
Script var kella.

1117
00:56:53,890 --> 00:57:00,350
Niikuinii, mis on oluline on
et see on üldiselt

1118
00:57:00,350 --> 00:57:01,870
et teil oleks vormindada JavaScript.

1119
00:57:01,870 --> 00:57:04,490
Nagu näete, see võib olla
väga pedantne mõnikord

1120
00:57:04,490 --> 00:57:08,780
isegi kui see oli sõna otseses mõttes
töötab kaks tagasi.

1121
00:57:08,780 --> 00:57:11,820
Või mitte kaks sekundit tagasi,
kuid väga hiljuti.

1122
00:57:11,820 --> 00:57:16,070
>> Nii, et näidata teile, mis see peaks välja nägema,
ja teile näidata, et ma ei ole hull,

1123
00:57:16,070 --> 00:57:19,730
ja et kõik on täpselt
Sama on see, mida ta peaks nägema.

1124
00:57:19,730 --> 00:57:27,410
Sa oled lihtsalt kavatse seda teha ülemine osa
siin, ja kui te vaadata lehekülje lähtekoodi,

1125
00:57:27,410 --> 00:57:32,160
kui te märkate, ta tegi mõned
segasem asju, ma lihtsustas seda.

1126
00:57:32,160 --> 00:57:35,710
Samuti krediidi Tommy
McWilliam, kes tegelikult

1127
00:57:35,710 --> 00:57:38,810
aitas mul luua neid näiteid,
mistõttu ma tean, et nad töötavad.

1128
00:57:38,810 --> 00:57:41,560
Kuna Tommy on JavaScript master.

1129
00:57:41,560 --> 00:57:43,180
Aga kui me märkame, meil on mõned komplekti.

1130
00:57:43,180 --> 00:57:45,170
Meil on kella funktsioon siin.

1131
00:57:45,170 --> 00:57:48,450
See kõik JavaScript, et
me lihtsalt kirjutas, või osa sellest.

1132
00:57:48,450 --> 00:57:51,470
Me lihtsalt kirjutasin selle ühe siin.

1133
00:57:51,470 --> 00:57:54,260
Ja ta on ekstra
funktsioon, mis lihtsalt padjad see

1134
00:57:54,260 --> 00:57:57,790
pannes null, enne kui
kirja või enne number, kui see on

1135
00:57:57,790 --> 00:57:59,412
vaid üks neist.

1136
00:57:59,412 --> 00:58:02,120
Nii et kui te märkate, et see on päris
palju täpselt, mida me lihtsalt kirjutas.

1137
00:58:02,120 --> 00:58:06,230
Teil on muutuja kella, mis
on meie element, saada osa ID,

1138
00:58:06,230 --> 00:58:07,252
mis on kell.

1139
00:58:07,252 --> 00:58:08,960
Meil on valitud intervalli
funktsiooni, mis on

1140
00:58:08,960 --> 00:58:12,670
anonüümne funktsioon
mis täidab kõik.

1141
00:58:12,670 --> 00:58:16,940
Meil on mõned hakanud string
HTML, mida me siis dünaamiliselt

1142
00:58:16,940 --> 00:58:20,750
tekitada lastes mõned
h1 päise concatenating

1143
00:58:20,750 --> 00:58:23,950
saada koos tundi, pluss
Meie koolon, pluss saada

1144
00:58:23,950 --> 00:58:26,860
minutit, pluss veel
käärsoole-, pluss meie sekundit,

1145
00:58:26,860 --> 00:58:29,330
ja lõpuks lõpeb HTML ta.

1146
00:58:29,330 --> 00:58:34,210
Ja siis me uuendada meie kella
dot sisemine HTML HTML,

1147
00:58:34,210 --> 00:58:37,640
ja me ajakohastab iga 100 millisekundit.

1148
00:58:37,640 --> 00:58:39,060
OK?

1149
00:58:39,060 --> 00:58:42,470
>> Vaata ma luban ma ei ole hull.

1150
00:58:42,470 --> 00:58:43,440
Ma ei tea.

1151
00:58:43,440 --> 00:58:47,160
Ma ei tea, miks see ei meeldi mulle.

1152
00:58:47,160 --> 00:58:54,030
Ma tunnen, ootab sama,
kuid ilmselt on see vihkab mind.

1153
00:58:54,030 --> 00:58:59,600
>> Vaatame, kui kolmanda ringi läheb paremaks.

1154
00:58:59,600 --> 00:59:00,970
Me parasjagu näha.

1155
00:59:00,970 --> 00:59:02,910
Ma ei tea, kuidas see läheb minema.

1156
00:59:02,910 --> 00:59:06,700
Kas igaüks vähemalt saada
miinuseid, nagu lihtsalt üldteema

1157
00:59:06,700 --> 00:59:08,480
JavaScript küll?

1158
00:59:08,480 --> 00:59:15,660
Loodan, et on vähemalt kasulik, rohkem
kui näitab, et see on natuke pedantne.

1159
00:59:15,660 --> 00:59:21,190
Aga oma probleemi komplekt on väga lõbus.

1160
00:59:21,190 --> 00:59:22,590
See saab olema suur.

1161
00:59:22,590 --> 00:59:24,820
See ei ole päris nii tüütu
sest see, ma ei usu.

1162
00:59:24,820 --> 00:59:28,100
Sa tegelikult saada
vaata lahedaid asju.

1163
00:59:28,100 --> 00:59:31,734
>> Nii last but not least,
püüame Twitter ühe.

1164
00:59:31,734 --> 00:59:32,900
Ma tõesti kardan nüüd, poisid.

1165
00:59:32,900 --> 00:59:35,762
Ma ei tea, kuidas see läheb minema.

1166
00:59:35,762 --> 00:59:39,930
Aga ainult teile vähe
rohkem maitset, ja see on tegelikult

1167
00:59:39,930 --> 00:59:44,190
stringide ja
sisendeid, mida me teeme

1168
00:59:44,190 --> 00:59:50,960
on, kui märkame siin HTML--
see üks on natuke more--

1169
00:59:50,960 --> 00:59:57,200
meil on mingi tekst ala, mis
vastab see tekst ala siin.

1170
00:59:57,200 --> 00:59:58,030
OK?

1171
00:59:58,030 --> 01:00:00,420
Ja see on Id teksti.

1172
01:00:00,420 --> 01:00:04,520
Me restyled see natuke
mõned laius ja kõrgus

1173
01:00:04,520 --> 01:00:07,310
et oleme ettemääratud,
ja oleme H1

1174
01:00:07,310 --> 01:00:11,260
mis lihtsalt on meie päis mis
esindab meie tähemärki.

1175
01:00:11,260 --> 01:00:14,570
Me andsime talle mõned Id kohta
tähemärki on veel alles,

1176
01:00:14,570 --> 01:00:18,660
ja siis on meil mõned script
siin, mida ma olen tõesti

1177
01:00:18,660 --> 01:00:20,790
lootes kolmandat korda oma
võlu siia, poisid.

1178
01:00:20,790 --> 01:00:26,750
>> Mida me tahame teha,
samas üldiselt veeni

1179
01:00:26,750 --> 01:00:31,480
et me oleme teinud koos kella dot js
ja pool dot js nagu me oleme märganud,

1180
01:00:31,480 --> 01:00:35,980
on meil alustas tegelikult haarates
asju, mida me hoolime, eks?

1181
01:00:35,980 --> 01:00:42,330
Nii antud juhul on olemas kaks
asju, mida me hoolime, OK?

1182
01:00:42,330 --> 01:00:47,199
Üks asi, mis me tegelikult omamoodi
uurime ja joonistus andmeid,

1183
01:00:47,199 --> 01:00:48,990
ja üks asi, mis
me tõepoolest muutub.

1184
01:00:48,990 --> 01:00:52,110

1185
01:00:52,110 --> 01:00:53,730
Nii et meie HTML.

1186
01:00:53,730 --> 01:01:00,370
Kui see on meie veebilehel siin, mis on
andmed, et me vaatame?

1187
01:01:00,370 --> 01:01:03,860
See saab olla mis iganes
Teksti meie karbid, eks?

1188
01:01:03,860 --> 01:01:05,310
Mida iganes ma kirjuta siia.

1189
01:01:05,310 --> 01:01:08,150
See, mida ma tahan teada, või
see, mida ma tahan vaadata.

1190
01:01:08,150 --> 01:01:10,690
Ja mis saab olema
muutes meie veebilehel?

1191
01:01:10,690 --> 01:01:13,550

1192
01:01:13,550 --> 01:01:14,880
Tähte veel.

1193
01:01:14,880 --> 01:01:19,550
Nii samamoodi, me tahame
alustada initializing muutujad

1194
01:01:19,550 --> 01:01:22,030
et tegelikult kinni hoida neid elemente.

1195
01:01:22,030 --> 01:01:22,890
OK?

1196
01:01:22,890 --> 01:01:29,930
Nii et kui meil on mõned var
see on meie tekstiväljale

1197
01:01:29,930 --> 01:01:33,681
ja meil on mõned var mis on jäänud.

1198
01:01:33,681 --> 01:01:34,180
Õigus?

1199
01:01:34,180 --> 01:01:36,190
Nii et need hakkavad
hoidke neid kahte asja.

1200
01:01:36,190 --> 01:01:42,370
Nii sama asi,
Dokumendi dot-- OK, ma olen

1201
01:01:42,370 --> 01:01:45,920
läheb veenduda, et see on
läheb tööle sel ajal.

1202
01:01:45,920 --> 01:01:49,620
Ma olen väga veendunud,.

1203
01:01:49,620 --> 01:01:53,310
OK, nii et kui me tahame, et meie
teksti ala, vastavalt

1204
01:01:53,310 --> 01:01:55,710
Meie HTML, mis on meie tunnus?

1205
01:01:55,710 --> 01:01:56,420
Mis on meie Id?

1206
01:01:56,420 --> 01:01:59,500

1207
01:01:59,500 --> 01:02:05,540
See on lihtsalt saab olema teksti, sest
see loob meie teksti ala, OK,

1208
01:02:05,540 --> 01:02:10,320
ja meie Id on tekst, nii see on
kuidas me saame haarata, mis on seal.

1209
01:02:10,320 --> 01:02:12,130
OK, semikooloniga.

1210
01:02:12,130 --> 01:02:13,940
Ma lähen olema super
täpne sellest,

1211
01:02:13,940 --> 01:02:16,300
sest ma tahan seda teha sel ajal.

1212
01:02:16,300 --> 01:02:22,120
OK, teha sama asja,
saada elemendi Id.

1213
01:02:22,120 --> 01:02:25,970
Ma tõesti ei tea, mida on
põhjustanud teised kaks segi ajama.

1214
01:02:25,970 --> 01:02:29,750
OK, siis see üks,
Mida me tahame pääseda?

1215
01:02:29,750 --> 01:02:30,760
Mis on meie Id siin?

1216
01:02:30,760 --> 01:02:33,980

1217
01:02:33,980 --> 01:02:36,261
Meil on teise Id sisse
Meie HTML, mis see on?

1218
01:02:36,261 --> 01:02:37,552
Sihtrühm: Märke jäänud.

1219
01:02:37,552 --> 01:02:39,343
ALLISON Buchholtz-AU:
Märke jäänud.

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
Külm.

1223
01:02:46,010 --> 01:02:49,800
Nii et ma lihtsalt lähen
kirjutan seda väga kiiresti.

1224
01:02:49,800 --> 01:02:53,706

1225
01:02:53,706 --> 01:02:55,330
Ma lihtsalt kirjutada see teine.

1226
01:02:55,330 --> 01:02:56,190
Nii kastis.

1227
01:02:56,190 --> 01:02:59,550

1228
01:02:59,550 --> 01:03:06,180
Huvitav on B funktsioon-- seal
on palju funktsioone, mis mitte ainult

1229
01:03:06,180 --> 01:03:09,690
vastavad teie
hiir, kuid klaviatuuril.

1230
01:03:09,690 --> 01:03:10,190
OK?

1231
01:03:10,190 --> 01:03:16,540
Nii saab öelda, millal tahes võti on
pressitud, mida saate teha asju.

1232
01:03:16,540 --> 01:03:20,450
Nii üks, mis me kasutame
nimetatakse peamiste up, mis

1233
01:03:20,450 --> 01:03:25,320
ütleb, et "kui olete vajutanud suvalist klahvi
klaviatuuril, kui kasutaja on tõstnud

1234
01:03:25,320 --> 01:03:28,064
oma sõrme, et nupp,
ja võti on muutunud surumata,

1235
01:03:28,064 --> 01:03:29,480
siis me ei kavatse midagi teha. "

1236
01:03:29,480 --> 01:03:29,980
OK?

1237
01:03:29,980 --> 01:03:31,370
Nii et see on mõistlik, eks?

1238
01:03:31,370 --> 01:03:33,540
Sest iga tegelane
me kirjutame, me ei kavatse

1239
01:03:33,540 --> 01:03:36,550
on tõsta meie sõrmedega
seda, et kui võti läheb üles,

1240
01:03:36,550 --> 01:03:40,980
saame teada, et aland
Meie tähemärki jäänud.

1241
01:03:40,980 --> 01:03:44,440
>> Nii et meil on mõned võtmetähtsusega
üles ja samal viisil,

1242
01:03:44,440 --> 01:03:47,480
me ei kavatse öelda,
"OK, kui me seda teeme, oleme

1243
01:03:47,480 --> 01:03:55,110
ei kavatse luua teatavat funktsiooni
kavatseb võtta e, "sel juhul,

1244
01:03:55,110 --> 01:03:58,800
ja mida me tahame teha, on
arvutada number jäänud.

1245
01:03:58,800 --> 01:04:02,510
OK, nii et vaatame lihtsalt alustada
luues muutuja.

1246
01:04:02,510 --> 01:04:05,830
Nii et meil on mõned muutuja r,
mis läheb esindama

1247
01:04:05,830 --> 01:04:07,720
kui palju märke me oleme jätnud.

1248
01:04:07,720 --> 01:04:08,890
OK?

1249
01:04:08,890 --> 01:04:14,540
Me teame, et me alustame
140, ja kui me tahame teada,

1250
01:04:14,540 --> 01:04:18,360
oletame, pikkus selle
string, mis on olnud sisend,

1251
01:04:18,360 --> 01:04:20,860
te poisid on aimu
kuidas me võiksime seda teha?

1252
01:04:20,860 --> 01:04:23,900
Just põhineb off ilmne
asju, nagu siis, kui me tahtsime tundi,

1253
01:04:23,900 --> 01:04:25,870
me kasutasime saada tundi.

1254
01:04:25,870 --> 01:04:28,860
Me teame, et meie eesmärk on
Teksti valdkonnas, kuid sa võisid poisid

1255
01:04:28,860 --> 01:04:33,050
mõelge, mis võib tulla pärast seda?

1256
01:04:33,050 --> 01:04:35,280
Kõik ideed?

1257
01:04:35,280 --> 01:04:41,730
>> Nii et see oli täitsa vähem
intuitiivne, kuid see on väärtus dot pikkus.

1258
01:04:41,730 --> 01:04:44,700
Nii lihtsalt anna mulle
väärtuse atribuut, mis

1259
01:04:44,700 --> 01:04:46,500
on tegelikult pikkus string.

1260
01:04:46,500 --> 01:04:50,340
Nii see läheb ütlevad: "OK, ma otsin
selles kogu string jooksul tekstiväljale

1261
01:04:50,340 --> 01:04:52,730
ja ma räägin
kui kaua see on. "

1262
01:04:52,730 --> 01:04:55,500
Sest kui me mäletame stringid
on tõesti ainult massiivid

1263
01:04:55,500 --> 01:04:58,110
nii et me saame lihtsalt võtta pikkusega neist.

1264
01:04:58,110 --> 01:05:01,860
Nii et meil on nii.

1265
01:05:01,860 --> 01:05:04,058
Külm.

1266
01:05:04,058 --> 01:05:09,360
>> Siis see, mida me tahame teha, on meil
ei soovi võimaldab kasutajal

1267
01:05:09,360 --> 01:05:12,340
sisestada rohkem kui
140 märki, eks?

1268
01:05:12,340 --> 01:05:15,610
Sest kui me ütleme, nagu "oh, sa
ainult nii palju jäänud, "

1269
01:05:15,610 --> 01:05:20,522
ja siis lasta neil seda teha
Niikuinii, me oleme valetab.

1270
01:05:20,522 --> 01:05:22,230
Ja see on veel üks
asi, et JavaScript

1271
01:05:22,230 --> 01:05:24,530
võib olla tõesti hea
jaoks, on kasutaja valideerimine

1272
01:05:24,530 --> 01:05:29,062
ja et teie
kasutaja mahub eeskirjade

1273
01:05:29,062 --> 01:05:30,270
et andsite neile.

1274
01:05:30,270 --> 01:05:36,020
Nii et kui sa tahad teha asju teha
kindel, et keegi input oma e-posti aadress,

1275
01:05:36,020 --> 01:05:40,242
või hoolitsedes, et kui nad
sisestage paroolid, nad sobitada.

1276
01:05:40,242 --> 01:05:41,200
JavaScript seda teha.

1277
01:05:41,200 --> 01:05:44,010
Kas sa teeksid midagi, "kui
vorm esitatakse, "vms,

1278
01:05:44,010 --> 01:05:48,170
"Kui saadate vorm nupp
klõpsatud, kontrollige kõiki neid asju. "

1279
01:05:48,170 --> 01:05:49,670
Ja me saame teha, et JavaScript.

1280
01:05:49,670 --> 01:05:52,680
Nii et see just see, mida
me teeme siin.

1281
01:05:52,680 --> 01:05:57,810
>> Mis võiks olla võimalus kontrollida, kas
Nad on läinud üle 140 tähemärki?

1282
01:05:57,810 --> 01:06:03,310
Mis juhtub
Meie väärtus r, kui nad üritavad?

1283
01:06:03,310 --> 01:06:04,760
See saab olema negatiivne, eks?

1284
01:06:04,760 --> 01:06:07,380
Või see saab olema vähem
kui või võrdub nulliga.

1285
01:06:07,380 --> 01:06:13,690
Nii saame kasutada, kui see on
just nagu kõik muu.

1286
01:06:13,690 --> 01:06:14,270
OK?

1287
01:06:14,270 --> 01:06:20,480
Ja meil on mingi tekst ala dot
väärtus ja mida me teeme siin

1288
01:06:20,480 --> 01:06:29,940
on me lihtsalt cutting-- mis see on?

1289
01:06:29,940 --> 01:06:30,900
Vabandust.

1290
01:06:30,900 --> 01:06:32,732
See üks, me lihtsalt tahame tagasi vale.

1291
01:06:32,732 --> 01:06:34,030
Sain segi.

1292
01:06:34,030 --> 01:06:36,560
Kõik narmastunud asjadest ei tööta.

1293
01:06:36,560 --> 01:06:40,010
OK, me lihtsalt tahame
return false, ja siis me

1294
01:06:40,010 --> 01:06:44,160
soovite kuvada
Ülejäänud tegelased, eks?

1295
01:06:44,160 --> 01:06:48,720
Nii kella tegime
midagi sisemine HTML, eks?

1296
01:06:48,720 --> 01:06:52,070
Kui me seame see võrdne mingi
muutuv, nii et mida võiks me siin teeme?

1297
01:06:52,070 --> 01:06:54,590

1298
01:06:54,590 --> 01:06:57,750
Mida me muutuvas sisemine HTML?

1299
01:06:57,750 --> 01:07:02,843

1300
01:07:02,843 --> 01:07:03,780
>> Sihtrühm: Järelejäänud?

1301
01:07:03,780 --> 01:07:05,738
>> ALLISON Buchholtz-AU:
Muudame jäänud.

1302
01:07:05,738 --> 01:07:09,217

1303
01:07:09,217 --> 01:07:11,300
Hea küll, ja mida me
soovite seada see võrdub?

1304
01:07:11,300 --> 01:07:14,440

1305
01:07:14,440 --> 01:07:18,437
See saab olla r, sest see
peaks olema meie tähte veel.

1306
01:07:18,437 --> 01:07:19,600
OK?

1307
01:07:19,600 --> 01:07:26,060
Nii et ma olen tõesti närvis, et näha, kui
see toimib praegu, aga eks näis.

1308
01:07:26,060 --> 01:07:28,960

1309
01:07:28,960 --> 01:07:29,460
Jäta see.

1310
01:07:29,460 --> 01:07:34,690

1311
01:07:34,690 --> 01:07:37,700
See on väga kiire.

1312
01:07:37,700 --> 01:07:38,970
[Kuuldamatu] OK.

1313
01:07:38,970 --> 01:07:44,574

1314
01:07:44,574 --> 01:07:45,990
Jällegi, ma lihtsalt lähen näitan sulle.

1315
01:07:45,990 --> 01:07:49,430
Mingil põhjusel,
minu otsustab mitte töötada,

1316
01:07:49,430 --> 01:07:53,354
aga mida ma näitan sulle, et see
on-- oh ma pidin panema, et.

1317
01:07:53,354 --> 01:07:57,470
OK, märkame samasugust
asi siin, saan tekst.

1318
01:07:57,470 --> 01:08:01,070
>> Samuti, kui sa poiss teate, kui seal on
kunagi midagi sa teha tahad,

1319
01:08:01,070 --> 01:08:04,080
ja sa ei tea, kuidas seda teha
selle, klõpsa View Page Source,

1320
01:08:04,080 --> 01:08:06,632
ja nad ei kavatse öelda.

1321
01:08:06,632 --> 01:08:07,840
Vahel pead olema krüpteeritud.

1322
01:08:07,840 --> 01:08:11,147
Teie pset, me krüptida kõik,
nii see lihtsalt tundub jama.

1323
01:08:11,147 --> 01:08:13,480
Aga kui seal kunagi tõesti
cool kodulehel, et sulle meeldib,

1324
01:08:13,480 --> 01:08:17,729
kui sa lihtsalt käsku View Page Source,
see saab öelda, kuidas seda teha.

1325
01:08:17,729 --> 01:08:20,770
Nii jälle, töö targemaks, ei raskem.

1326
01:08:20,770 --> 01:08:24,250
Ja nagu näete siin kõik
need asjad on samad.

1327
01:08:24,250 --> 01:08:31,930
see siin lihtsalt võtab mõned substring
et ma unustan täpselt, mida see teeb.

1328
01:08:31,930 --> 01:08:36,980
Aga see võtab ilmselt mõned substring
väärtusest nullist kümneni,

1329
01:08:36,980 --> 01:08:41,540
ja tagastab false, mida peaksid lõpetama
kasutaja sisestanud enam,

1330
01:08:41,540 --> 01:08:46,040
ja siis ilmselt uuendab
sisemine HTML seal.

1331
01:08:46,040 --> 01:08:47,410
>> Külm.

1332
01:08:47,410 --> 01:08:53,000
Nii suur toidu ettetellimine alates tänasest,
Eksperimendi vaadata lähtekoodi

1333
01:08:53,000 --> 01:08:58,359
sest see läheb, et aidata teil palju,
ja igaüks, mõnikord JavaScript

1334
01:08:58,359 --> 01:09:03,200
võib olla raske töötada ning ei
alati tööd, kuidas sa oodata, et see,

1335
01:09:03,200 --> 01:09:05,700
aga lihtsalt üritame
sest ma luban ta.

1336
01:09:05,700 --> 01:09:08,376
Ma luban, kõik need näited
töötasid enne klassi.

1337
01:09:08,376 --> 01:09:09,750
Ma ei saa aru, mis juhtus.

1338
01:09:09,750 --> 01:09:13,069
Ma sõna otseses mõttes on kõik sama.

1339
01:09:13,069 --> 01:09:17,660
>> Üks asi veel, et ma tahan
näita kutid, mis võib olla super kasulik

1340
01:09:17,660 --> 01:09:21,630
on in-- mis töötas varem?

1341
01:09:21,630 --> 01:09:23,935
Meil on pool tööd, ei me oleme?

1342
01:09:23,935 --> 01:09:26,569
Ma arvan küll.

1343
01:09:26,569 --> 01:09:27,069
Jah.

1344
01:09:27,069 --> 01:09:27,630
Me tegime.

1345
01:09:27,630 --> 01:09:28,250
Awesome.

1346
01:09:28,250 --> 01:09:31,189
OK, nii et üks asi, mis
kutid peaks teadma

1347
01:09:31,189 --> 01:09:33,340
on konsooli log et ma rääkisin.

1348
01:09:33,340 --> 01:09:37,040
Nii lohutada dot logi tere.

1349
01:09:37,040 --> 01:09:40,430
Nii et see on omamoodi
JavaScript samaväärne printf.

1350
01:09:40,430 --> 01:09:42,810
Nii et kui sa kunagi tahad
kontrollida oma muutujad

1351
01:09:42,810 --> 01:09:49,649
või näha, mis seal toimub, mida
mida saate teha on, kui me kontrollida element,

1352
01:09:49,649 --> 01:09:51,899
on see, mida sa tahad minna
to, ja lähete lohutada,

1353
01:09:51,899 --> 01:09:53,770
näete, et see trükitud tere.

1354
01:09:53,770 --> 01:09:55,750
>> Nii et me võiks olla see
print iganes me tahame.

1355
01:09:55,750 --> 01:10:04,170
Kui me tahtsime seda trükkida tausta
dot stiilis dot taustal

1356
01:10:04,170 --> 01:10:08,454
peaksime suutma näha
RGB triple, mis kerkib.

1357
01:10:08,454 --> 01:10:11,140
Või mitte.

1358
01:10:11,140 --> 01:10:13,520
Ma unustan, kuidas täpselt
prindi muutuja niimoodi,

1359
01:10:13,520 --> 01:10:17,249
aga sa peaksid olema võimeline
välja printida asju.

1360
01:10:17,249 --> 01:10:19,040
See on väga kasulik
Sinu pset, kui

1361
01:10:19,040 --> 01:10:23,330
üritad manipuleerida
koordinaadid või tühi-tähi.

1362
01:10:23,330 --> 01:10:25,270
Nii nad muuta ka tükk klassis.

1363
01:10:25,270 --> 01:10:30,750
See erineb viimastel aastatel nii
lihtsalt tore oma TF või TF

1364
01:10:30,750 --> 01:10:36,350
kell tööaega pigem sellepärast, et me oleme
selline õppimine koos teiega.

1365
01:10:36,350 --> 01:10:41,230
Aga konsooli log oli super, super
kasulik JavaScript eelmisel aastal.

1366
01:10:41,230 --> 01:10:42,740
Nii armastan seda.

1367
01:10:42,740 --> 01:10:43,780
Õpi, kuidas seda kasutada.

1368
01:10:43,780 --> 01:10:49,026
See on lihtsam kasutada kui GDB, et
peaks olema vähemalt pluss punkti.

1369
01:10:49,026 --> 01:10:50,650
Aga aitäh poisid kannavad minuga.

1370
01:10:50,650 --> 01:10:53,400
Mul on kahju, et minu
näited mingil põhjusel

1371
01:10:53,400 --> 01:10:55,410
lihtsalt ei taha
minuga koostööd, kuid ma

1372
01:10:55,410 --> 01:11:01,010
loodan, et see aitas selline sulle
veidi rohkem tsoonis JavaScript.

1373
01:11:01,010 --> 01:11:04,980
Ja saatke mulle kõik oma küsimused
Järgmisel nädalal, et mind oleks super remonditud,

1374
01:11:04,980 --> 01:11:09,420
ja ma toon kommi ja isegi extra
kommi, sest see oli naeruväärne.

1375
01:11:09,420 --> 01:11:14,000
Aga kutid on suur,
ja on fantastiline nädalas.

1376
01:11:14,000 --> 01:11:15,584