1
00:00:00,000 --> 00:00:07,920

2
00:00:07,920 --> 00:00:10,850
>> JASON Hirschhorna: Dobrodošli,
vsakdo, za devet teden.

3
00:00:10,850 --> 00:00:14,800
Imamo razburljiv teden pred nami
saj imamo končno problem niz.

4
00:00:14,800 --> 00:00:18,330
Imamo tudi povsem nov jezik,
JavaScript, da ste že v

5
00:00:18,330 --> 00:00:22,690
Sredi uporabljajo ne le za to
Problem set, vendar mnogi od vas bo

6
00:00:22,690 --> 00:00:24,780
Verjetno ga uporabljajo za končno
projekti, zlasti

7
00:00:24,780 --> 00:00:26,000
spletne končni projekti.

8
00:00:26,000 --> 00:00:32,330
Tako da je tisto, kar bomo šli čez danes po
na kratko govoril o virih,

9
00:00:32,330 --> 00:00:33,180
, ki mi vsak teden.

10
00:00:33,180 --> 00:00:36,850
Bomo skok v JavaScriptu, in nato
bomo porabili vse prerez

11
00:00:36,850 --> 00:00:44,460
hands-on aktivnosti kodiranja Dolphin Trainer
2K13, ki je kot Madden

12
00:00:44,460 --> 00:00:48,650
2013, vendar za delfine
in v JavaScript.

13
00:00:48,650 --> 00:00:49,910
>> [SMEH]

14
00:00:49,910 --> 00:00:53,670
>> JASON Hirschhorna: Tako kot vedno, seznam
sredstev za vas, da preverite.

15
00:00:53,670 --> 00:01:00,040
Ti viri so še posebej pomembna
ker naslednji teden na

16
00:01:00,040 --> 00:01:05,630
Sreda kviz eno, vaša druga
in končno kviz v tem tečaju.

17
00:01:05,630 --> 00:01:10,700
Tako kot kviz ničlo, je 75 minut
in se začne malo po 01:00.

18
00:01:10,700 --> 00:01:16,400
To zajema vse od prvega dne ničelno
Cilj tega predmeta, vendar pa zagotovo

19
00:01:16,400 --> 00:01:20,360
poudarja, vse, kar ima
se je zgodilo, ker kviz eno.

20
00:01:20,360 --> 00:01:23,610
>> Seveda pa smo pokrili for zanke
v začetku leta.

21
00:01:23,610 --> 00:01:27,130
Za zanke so verjetno še vedno dogaja, da
biti del tega kviza, tako da ni

22
00:01:27,130 --> 00:01:31,050
kot si lahko ignorirati vse,
se je zgodilo pred petimi teden ali kvizu ničelni

23
00:01:31,050 --> 00:01:32,910
ker to seveda gradi
o sebi veliko.

24
00:01:32,910 --> 00:01:37,080
Zagotovo pa bo poudarek na
Stvari smo se naučili od šestih teden.

25
00:01:37,080 --> 00:01:42,520
To vključuje PHP, JavaScript, SQL
se prepričajte, in tudi bolj napredne

26
00:01:42,520 --> 00:01:46,560
podatkovne strukture smo govorili v C.
Cela kopica drugih temah, vendar pa smo

27
00:01:46,560 --> 00:01:49,860
bodo o tem razpravljali prihodnji teden
kot smo pregled za kviz.

28
00:01:49,860 --> 00:01:52,940
>> In prav tako, kot vedno, če imate
vprašanja o kvizu, kot ste

29
00:01:52,940 --> 00:01:56,690
pripravo, vas prosimo, da
pošljete svojo pot.

30
00:01:56,690 --> 00:02:00,230
Zdaj, ali kdo ima katero koli
Hitre vprašanja o kvizu?

31
00:02:00,230 --> 00:02:03,140

32
00:02:03,140 --> 00:02:03,380
>> OK.

33
00:02:03,380 --> 00:02:06,440
Ni treba skrbeti za to, ali čudak
izvedeli zdaj, ampak da se vodijo v

34
00:02:06,440 --> 00:02:10,130
nazaj v tvoji glavi, ker je to
dogaja en teden in en dan od zdaj.

35
00:02:10,130 --> 00:02:15,030
>> Končno, vem, da smo teče proti
konec semestra -

36
00:02:15,030 --> 00:02:19,910
obstajata samo dve poglavji, ki ostane po
to - ampak jaz sem še vedno navdušena in

37
00:02:19,910 --> 00:02:21,930
poželjiv za vaše mnenje
če imate.

38
00:02:21,930 --> 00:02:24,500
Želim, da bi tisti,
Najboljši dve poglavji doslej.

39
00:02:24,500 --> 00:02:27,670
Verjetno bo, saj je vsaka
poglavje je neverjetno in najboljša doslej.

40
00:02:27,670 --> 00:02:32,260
Ne vem, kako je to mogoče, vendar
oni vsi bili fantastični, mislim.

41
00:02:32,260 --> 00:02:37,560
>> Povratne informacije sem prišel je prikolica off
nič in nihče, saj za

42
00:02:37,560 --> 00:02:40,880
Zadnjih nekaj tednov, zato vas prosimo, da
me nekaj povratnih informacij, če ga imate.

43
00:02:40,880 --> 00:02:42,910
To traja tri minute.

44
00:02:42,910 --> 00:02:44,900
Mi lahko poveste dobre stvari vas
Želiš, da delaš ali

45
00:02:44,900 --> 00:02:46,080
Stvari lahko delam naprej.

46
00:02:46,080 --> 00:02:49,700
Trudim se biti najboljši učitelj
mogoče, ali pa bom poskušal narediti najboljše

47
00:02:49,700 --> 00:02:52,920
Ne morem, ampak jaz ne morem storiti, če ne bom
vem, kako vi počnete.

48
00:02:52,920 --> 00:02:55,080
In to je težko povedati, zakaj ste se uvršča
spi v razredu, zato mi dovolite,

49
00:02:55,080 --> 00:02:58,250
veš, potem zakaj je bilo tako.

50
00:02:58,250 --> 00:03:00,940
>> Jaz sem ti pokazala sliko prejšnji teden.

51
00:03:00,940 --> 00:03:06,910
To je Teenage Mutant Ninja Turtles
kolo sem imel, ko sem bil mlajši,

52
00:03:06,910 --> 00:03:12,350
in smo še naprej prizadevati Vidva
brez koles usposabljanja, kot smo potopiti

53
00:03:12,350 --> 00:03:13,630
ste v drugem jeziku.

54
00:03:13,630 --> 00:03:18,420
Vendar prepričani, JavaScript, kot so PHP,
je zelo podobna stvari, ki ste jih

55
00:03:18,420 --> 00:03:18,990
v preteklosti.

56
00:03:18,990 --> 00:03:24,100
Veliko logike prenese več, če
Ne skladnja, natanko eno za ceno ene.

57
00:03:24,100 --> 00:03:26,910
Ampak še enkrat, vse te jezike, ki
smo šli čez v zadnjih nekaj

58
00:03:26,910 --> 00:03:30,175
tedne, čeprav se zdi prepričljivo,
so neverjetno močna in bo omogočal

59
00:03:30,175 --> 00:03:34,440
da narediš veliko v zadnjem projektu
in verjetno druge spletne strani, ki ste

60
00:03:34,440 --> 00:03:36,180
koda v prihodnosti.

61
00:03:36,180 --> 00:03:41,000
>> Torej, brez odlašanja, gremo
začeti potapljanju v JavaScript.

62
00:03:41,000 --> 00:03:44,630
Bomo govorili o tem na kratko in
potem pa res dobil v hands-on

63
00:03:44,630 --> 00:03:48,300
kodiranje dela tega oddelka.

64
00:03:48,300 --> 00:03:53,000
Torej JavaScript je scriptinga
jezik, kar pomeni, da je

65
00:03:53,000 --> 00:03:56,740
razlikuje od PHP, in to je drugačna
kot je C. JavaScript ni sestavljeno in

66
00:03:56,740 --> 00:03:58,740
to ne izvede strežnik.

67
00:03:58,740 --> 00:04:02,090
Namesto, ga vstavite.

68
00:04:02,090 --> 00:04:06,710
Naložite JavaScript stran, ko boste naložili
spletna stran, nato pa ga izvede

69
00:04:06,710 --> 00:04:08,020
na vašem računalniku.

70
00:04:08,020 --> 00:04:11,120
Kar pomeni, da si lahko ogledate vse
JavaScript kodo, ki je bila

71
00:04:11,120 --> 00:04:12,240
poslano na vaš računalnik.

72
00:04:12,240 --> 00:04:21,750
>> Včasih je to skrajša ali kodirani a
bit, šifrirano malo, tako da boste

73
00:04:21,750 --> 00:04:23,390
Ne morem izrecno povedati, kaj se dogaja.

74
00:04:23,390 --> 00:04:26,920
Na primer, če si želiš ogledati CS50 ali
Rešitev osebje za ta teden

75
00:04:26,920 --> 00:04:31,260
problem določiti, in greš na service.js,
boste opazili, da ne more dejansko povedati

76
00:04:31,260 --> 00:04:32,560
kaj narediti iz tega, kar vam bomo dali.

77
00:04:32,560 --> 00:04:37,020
Šifrirano smo ga malo, da bi
da je malo težje.

78
00:04:37,020 --> 00:04:40,450
Kljub temu si lahko ogledate natančen
JavaScript datoteka, ki smo izvršitve

79
00:04:40,450 --> 00:04:42,010
in naš program teče naprej.

80
00:04:42,010 --> 00:04:46,510
Torej, to je tisto, kar pomeni, da je
client-side skriptni jezik.

81
00:04:46,510 --> 00:04:51,280
>> Podobno kot pri C in PHP, čeprav, JavaScript
ima za zanke, če / drug

82
00:04:51,280 --> 00:04:52,715
pogoji, medtem ko zanke.

83
00:04:52,715 --> 00:04:58,290
Podobno kot v PHP, ima
foreach zanke, kot dobro.

84
00:04:58,290 --> 00:05:02,270
In spet zelo podobni
skladnji, ki smo jih videli v

85
00:05:02,270 --> 00:05:04,430
jeziki, ki smo jih že
delal.

86
00:05:04,430 --> 00:05:07,650
>> Končno, eden izmed najboljših delov
JavaScript in kaj bomo

87
00:05:07,650 --> 00:05:10,010
delaš veliko danes, in verjetno boste
se delaš veliko s svojim P set, če ti

88
00:05:10,010 --> 00:05:13,810
ga niso doživeli že, si ti
Lahko preverite vse napake, ki jih imate

89
00:05:13,810 --> 00:05:16,290
v kodi preko Konzola JavaScript.

90
00:05:16,290 --> 00:05:17,770
Pogledali smo pri tem malce prejšnji teden.

91
00:05:17,770 --> 00:05:21,800
Ogledali smo si drugo vrsto konzole
pregledati stran, ampak v

92
00:05:21,800 --> 00:05:28,420
Chrome, še enkrat, si lahko ogledate postavitev,
HTML, dokumentiranje, da je vaša stran

93
00:05:28,420 --> 00:05:29,310
vam prikazuje na zaslonu.

94
00:05:29,310 --> 00:05:33,820
Prav tako si lahko ogledate vse JavaScript
tvorijo to stran in si lahko tudi kot

95
00:05:33,820 --> 00:05:36,410
Rekel sem, da vidim vse napake
v Konzola JavaScript.

96
00:05:36,410 --> 00:05:40,110
In bomo doživeli, da bolj
bit, ko smo začeli pisati.

97
00:05:40,110 --> 00:05:42,380
>> Ena stvar, da opombo o
JavaScript spremenljivke.

98
00:05:42,380 --> 00:05:46,950
Kot so PHP spremenljivke, oni
ohlapno-tipizira, tako da vam ni treba

99
00:05:46,950 --> 00:05:48,690
jim dajejo posebno vrsto.

100
00:05:48,690 --> 00:05:52,330
Po obsegu, da je opredeljena
z "var" ključno besedo.

101
00:05:52,330 --> 00:05:54,890
Torej, če ne boste dal ključno besedo pred
nečesa, si napisati ime

102
00:05:54,890 --> 00:05:57,870
spremenljivke, nato odstop
operaterja, v tem primeru enačaj.

103
00:05:57,870 --> 00:06:00,360
Jaz pozabljam podpičjem tam,
vendar Predvidevam, da je podpičje

104
00:06:00,360 --> 00:06:01,590
tam.

105
00:06:01,590 --> 00:06:03,520
>> Potem ste ustvarjanje
Globalna spremenljivka.

106
00:06:03,520 --> 00:06:06,960
Če si dal "var" ključno besedo, nato
ste mu daje neko vrsto lokalnih

107
00:06:06,960 --> 00:06:10,050
področje, pa naj bo to na
funkcija ali zanke.

108
00:06:10,050 --> 00:06:12,215
Tako, da je ena stvar, da
Upoštevajte, za spremenljivke.

109
00:06:12,215 --> 00:06:15,650

110
00:06:15,650 --> 00:06:17,550
>> JavaScript je jezik.

111
00:06:17,550 --> 00:06:21,830
jQuery je knjižnica zgrajen na vrhu
jezik JavaScript in imate

112
00:06:21,830 --> 00:06:24,180
ga prej videl v predavanju.

113
00:06:24,180 --> 00:06:28,010
Priporočam, če boste
uporabljali JavaScript v vašem finalu

114
00:06:28,010 --> 00:06:29,690
Projekt, ki ste spoznali jQuery.

115
00:06:29,690 --> 00:06:33,140
To naredi vse, kar hočeš
storiti še veliko, veliko lažje.

116
00:06:33,140 --> 00:06:36,730
Prav tako prihaja s čudovito
dokumentacijo in primere, da bi dobili

117
00:06:36,730 --> 00:06:37,080
ste začeli.

118
00:06:37,080 --> 00:06:39,430
Danes se bomo, da bo
uporabo jQuery, kot dobro.

119
00:06:39,430 --> 00:06:43,320
>> To, kar imam na tem diapozitivu,
so zelo osnove jQuery.

120
00:06:43,320 --> 00:06:47,200
Na vrhu HTML datoteke ali
karkoli - vaš index.php datoteko, vaš

121
00:06:47,200 --> 00:06:50,070
index.html datoteko - morate
vključitev teh dveh linij.

122
00:06:50,070 --> 00:06:51,540
To so precej splošne linije.

123
00:06:51,540 --> 00:06:57,350
Prva vrstica vključuje jQuery
JavaScript datoteke, in druga vrstica

124
00:06:57,350 --> 00:07:00,410
vključuje kjerkoli ste napisali
svojo kodo JavaScript.

125
00:07:00,410 --> 00:07:03,240
In seveda, ker v vašem
JavaScript kode, ki ste jo verjetno uporabljali

126
00:07:03,240 --> 00:07:07,800
nekateri jQuery funkcije knjižnice,
da mora iti po

127
00:07:07,800 --> 00:07:09,650
script vključitev jQuery.

128
00:07:09,650 --> 00:07:12,560

129
00:07:12,560 --> 00:07:15,550
To bomo raziskati
spet v trenutku.

130
00:07:15,550 --> 00:07:21,640
>> In končno, v datoteki JavaScript,
Temu pravim ena index.js.

131
00:07:21,640 --> 00:07:22,640
Lahko bi bilo scripts.js.

132
00:07:22,640 --> 00:07:26,510
Karkoli že je, karkoli JavaScript
Datoteka ste, boste začeli splošno

133
00:07:26,510 --> 00:07:30,780
s to vrstico kode, znak za dolar
odprte paren, dokument, v bližini paren,

134
00:07:30,780 --> 00:07:34,810
Obdobje, pripravljen, odprta paren, funkcija,
odprte paren, v bližini paren, nato

135
00:07:34,810 --> 00:07:35,490
kodrasti brace.

136
00:07:35,490 --> 00:07:38,930
Vrgel svojo kodo notri, in potem
zaključite s kodrastimi naramnicami, blizu

137
00:07:38,930 --> 00:07:40,590
paren, podpičje.

138
00:07:40,590 --> 00:07:42,550
>> Torej, vzemite to kot dejstvo.

139
00:07:42,550 --> 00:07:47,250
Če vas bo z uporabo jQuery, zaviti
vse kode jQuery znotraj

140
00:07:47,250 --> 00:07:49,230
ta vrstica kode.

141
00:07:49,230 --> 00:07:53,150
In bomo spet videli, da v sekundi.

142
00:07:53,150 --> 00:07:56,170
>> Spet bomo delali s jQuery,
in prosim, postavljanja vprašanj, kot gremo

143
00:07:56,170 --> 00:07:58,420
danes, vendar pa še kdo kakšne
Vprašanja o jQuery ali

144
00:07:58,420 --> 00:07:59,670
JavaScript zdaj?

145
00:07:59,670 --> 00:08:11,410

146
00:08:11,410 --> 00:08:11,780
>> OK.

147
00:08:11,780 --> 00:08:16,780
Torej, brez odlašanja, bom predstavil
za vas Dolphin Trainer 2K13.

148
00:08:16,780 --> 00:08:20,656
Jaz sem super navdušen nad to zadnjo
različica izdelka.

149
00:08:20,656 --> 00:08:22,620
>> Oh, ne!

150
00:08:22,620 --> 00:08:23,590
Bila sem navdušena.

151
00:08:23,590 --> 00:08:28,030
Hotel sem pokazati, da vas fantje,
ampak izgleda, da imamo ne

152
00:08:28,030 --> 00:08:28,720
jo izvajajo še.

153
00:08:28,720 --> 00:08:30,340
Naj bo to malo večji.

154
00:08:30,340 --> 00:08:35,789
Torej, če sem naložiti kodo za Dolphin
Trainer - to presneto.

155
00:08:35,789 --> 00:08:37,210
Žal mi je, fantje.

156
00:08:37,210 --> 00:08:38,520
Delal sem na to pred razredom.

157
00:08:38,520 --> 00:08:40,350
Mislil sem, da so jo končali,
ampak mislim, da imam še vedno nekaj

158
00:08:40,350 --> 00:08:41,210
dela še treba storiti.

159
00:08:41,210 --> 00:08:44,400
Ampak na srečo, vi vsi imajo nekateri
JavaScript in jQuery praksa, da

160
00:08:44,400 --> 00:08:48,110
gremo naprej in se konča
Ta skupaj.

161
00:08:48,110 --> 00:08:50,360
>> Mislim, da sem poslal vidva kopije tega
ker sem bil zelo navdušen

162
00:08:50,360 --> 00:08:52,710
o tem, da bi morali imeti
Isto kodo, ki jo imam.

163
00:08:52,710 --> 00:08:55,490
Pojdimo v -

164
00:08:55,490 --> 00:08:56,600
dang je, fantje, žal mi je.

165
00:08:56,600 --> 00:08:59,280
Pojdimo v terminalu, čeprav.

166
00:08:59,280 --> 00:09:02,770
>> Tako kot pri vašem zadnjem problem
kompleti, če so moji -

167
00:09:02,770 --> 00:09:05,130
Naredimo to malo večji,
Tudi za vas -

168
00:09:05,130 --> 00:09:06,740
si mi vzela zip datoteko.

169
00:09:06,740 --> 00:09:10,670
Domnevam, da jo razpakirati.

170
00:09:10,670 --> 00:09:12,970
Greva tukaj.

171
00:09:12,970 --> 00:09:22,360
In potem upam, da ste se preselili v
Enako imenik, kamor ste shranili

172
00:09:22,360 --> 00:09:23,540
tvoj problem določiti osem kodo.

173
00:09:23,540 --> 00:09:26,780
In smo prihranili v tem imeniku, da bom lahko
dostop do njega - ali pa bomo vsi lahko dostopate

174
00:09:26,780 --> 00:09:31,740
koda v brskalniku Chrome
na našem računalniku.

175
00:09:31,740 --> 00:09:36,880
>> In še enkrat, da pridete do te kode,
preprosto vnesite naslov najdete na

176
00:09:36,880 --> 00:09:41,180
dno, desna stran
aparata, tu dol.

177
00:09:41,180 --> 00:09:42,490
Boste našli vaš IP naslov.

178
00:09:42,490 --> 00:09:45,260
Vnesete, da v brskalnik Chrome
na vašem računalniku, in v tem primeru,

179
00:09:45,260 --> 00:09:49,110
ker smo oddelek devet mapo
moramo tudi, da dodate

180
00:09:49,110 --> 00:09:51,340
slash poglavje devet.

181
00:09:51,340 --> 00:09:52,820
>> Naj me -

182
00:09:52,820 --> 00:09:54,070
oops.

183
00:09:54,070 --> 00:09:55,610

184
00:09:55,610 --> 00:09:58,980
Jaz bom to zmanjša, tako da ne
morajo voditi tako, da kliknete skozi to.

185
00:09:58,980 --> 00:10:00,150
>> Torej, to je, kako sem ustanovil to kodo.

186
00:10:00,150 --> 00:10:01,710
To sem že naredil, da je že.

187
00:10:01,710 --> 00:10:04,080
Ne bom šel skozi tiste
koraki, ker to je tisto,

188
00:10:04,080 --> 00:10:06,090
začetek problema določi sprehodi
vas vodi skozi, kako to storiti.

189
00:10:06,090 --> 00:10:11,520
Tako da gredo naprej in boste dobili nastaviti to
up na sekundo, ampak najprej dajmo

190
00:10:11,520 --> 00:10:14,740
raziskati to kodo kot skupina.

191
00:10:14,740 --> 00:10:15,990
>> Poglejmo, kaj sem storil.

192
00:10:15,990 --> 00:10:18,340
Poskušal sem, da se večina tega storiti
pred razredom, ampak mislim, da sem

193
00:10:18,340 --> 00:10:20,140
je malo zadaj.

194
00:10:20,140 --> 00:10:22,643
Torej, kaj je odprla index.html.

195
00:10:22,643 --> 00:10:36,600

196
00:10:36,600 --> 00:10:36,920
>> OK.

197
00:10:36,920 --> 00:10:39,780
In index.html je zelo enostavna
stran, ker nisem

198
00:10:39,780 --> 00:10:40,630
želijo, da bi dobili preveč nor.

199
00:10:40,630 --> 00:10:43,200
Resnično sem želela, da se prepričajte, da
je delal, ampak mislim, da sem

200
00:10:43,200 --> 00:10:44,830
ni dobil tako daleč.

201
00:10:44,830 --> 00:10:48,600
>> Tukaj je glava, ki prihaja prav
znotraj teh oznak HTML in opazimo

202
00:10:48,600 --> 00:10:50,180
Nekaj ​​stvari pravico off kij.

203
00:10:50,180 --> 00:10:55,320
Imamo pravico, da CSS datoteke
tukaj in primerno

204
00:10:55,320 --> 00:10:57,600
Mesto datoteke CSS.

205
00:10:57,600 --> 00:11:02,080
Imamo knjižnico jQuery tukaj,
in boste opazili nekaj drugačnega

206
00:11:02,080 --> 00:11:03,470
o tem.

207
00:11:03,470 --> 00:11:06,070
Vir je nekaj
res, res dolgo.

208
00:11:06,070 --> 00:11:07,500
ajax.googleapis.com/--

209
00:11:07,500 --> 00:11:12,880
nekako izgleda kot URL-ju, vendar je
ne vsekakor izgledal

210
00:11:12,880 --> 00:11:15,380
js / jquery.js.

211
00:11:15,380 --> 00:11:20,280
>> In to zato, ker sem se odločil, da bom
Ne želim, da se morajo prenesti

212
00:11:20,280 --> 00:11:23,750
jQuery datoteko in jo povlecite in shranite
je v moji knjižnici, in se

213
00:11:23,750 --> 00:11:25,150
odgovoren za to.

214
00:11:25,150 --> 00:11:31,040
Namesto tega bom samo, da sprejmejo
JavaScript datoteke, ki jih Google gostitelji.

215
00:11:31,040 --> 00:11:34,880
Tako Google dejansko gosti številne
knjižnice, in jQuery, saj je ena

216
00:11:34,880 --> 00:11:36,930
izmed najbolj priljubljenih, saj gosti
da kot eno dobro.

217
00:11:36,930 --> 00:11:40,670
>> In zato, ker je to gostovanje, ne vem
morajo skrbeti za to, in

218
00:11:40,670 --> 00:11:43,520
posodobiti, čeprav, kadar ti ga dopolni
Verjetno bom moral zamenjati te

219
00:11:43,520 --> 00:11:44,640
Številke tukaj.

220
00:11:44,640 --> 00:11:47,570
Ampak to je samo, da bi moj celoten spis
Sistem malo manj čist.

221
00:11:47,570 --> 00:11:49,380
Res ne všeč gostovanje
Vse te datoteke.

222
00:11:49,380 --> 00:11:51,780
To je veliko lepše, če Google
je, da jih gostijo zame.

223
00:11:51,780 --> 00:11:55,180
Torej je to, še enkrat, je pridobivanje celotno
JavaScript datoteke, ampak to je samo da

224
00:11:55,180 --> 00:11:59,920
Google namesto na gostuje my
Datotečni sistem na mojem računalniku.

225
00:11:59,920 --> 00:12:05,490
>> Prav tako smo videli, da sem dal v dva
files dolphins.js in trainer.js.

226
00:12:05,490 --> 00:12:07,070
Bomo pogled na tiste v sekundi.

227
00:12:07,070 --> 00:12:10,550
In končno, ta naslov tukaj.

228
00:12:10,550 --> 00:12:13,980
Kdo mi lahko pove, kaj je ta koda notri
ta naslov oznake, kjer

229
00:12:13,980 --> 00:12:18,316
da gre na moji strani?

230
00:12:18,316 --> 00:12:21,560
>> PUBLIKA: Kot tisto stvar, ki
Orodna vrstica ali karkoli?

231
00:12:21,560 --> 00:12:23,500
>> JASON Hirschhorna: Ja, malo tab
na vrhu okna krom.

232
00:12:23,500 --> 00:12:25,650
To je, če to besedilo gre.

233
00:12:25,650 --> 00:12:28,680
>> Znotraj telesa, kot si lahko
glej, ni veliko stvari tukaj.

234
00:12:28,680 --> 00:12:30,900
Imam samo tri divs.

235
00:12:30,900 --> 00:12:33,130
Sem jim nekaj ID, in
Sem dal malo besedila noter

236
00:12:33,130 --> 00:12:37,350
Ampak mislim, da je, zakaj ne bomo
glej kaj sem.

237
00:12:37,350 --> 00:12:39,350
Pravzaprav smo videli Dolphin Trainer 2K13.

238
00:12:39,350 --> 00:12:39,810
Vidimo TODO.

239
00:12:39,810 --> 00:12:42,510
Ne vem, če ta prihaja iz
ker jaz ne vidim, da je tu.

240
00:12:42,510 --> 00:12:44,510
Mogoče, da je v enem od
Moje JavaScript datoteke.

241
00:12:44,510 --> 00:12:46,630
Preverili bomo, da v sekundi.

242
00:12:46,630 --> 00:12:50,120
>> Mi lahko kdo drug pove, kaj
To pomeni, ID tukaj?

243
00:12:50,120 --> 00:12:54,890

244
00:12:54,890 --> 00:13:00,210
>> PUBLIKA: To je način kliče
poseben oddelek v [neslišno]

245
00:13:00,210 --> 00:13:00,440
datoteko?

246
00:13:00,440 --> 00:13:01,250
>> JASON Hirschhorna: Ja.

247
00:13:01,250 --> 00:13:03,980
To je samo način, da reference
To zlasti div.

248
00:13:03,980 --> 00:13:07,830
ID-ji so v najboljšem primeru edinstven.

249
00:13:07,830 --> 00:13:09,150
OK?

250
00:13:09,150 --> 00:13:10,050
Tough množica.

251
00:13:10,050 --> 00:13:12,690
Torej, ID-ji so ponavadi edinstvena.

252
00:13:12,690 --> 00:13:15,210
Jim daš na eno specifično
element v kodi.

253
00:13:15,210 --> 00:13:18,040

254
00:13:18,040 --> 00:13:21,540
>> Kaj pa, če sem hotel na referenčno številko
elementov, pa naj bo to za CSS

255
00:13:21,540 --> 00:13:23,350
styling ali jQuery?

256
00:13:23,350 --> 00:13:25,610
Kaj atribut lahko jim dam?

257
00:13:25,610 --> 00:13:26,330
>> PUBLIKA: Class.

258
00:13:26,330 --> 00:13:27,270
>> JASON Hirschhorna: razred, točno.

259
00:13:27,270 --> 00:13:28,480
Prav.

260
00:13:28,480 --> 00:13:32,610
>> OK, tako index.html, še enkrat,
ni veliko dogaja.

261
00:13:32,610 --> 00:13:42,550
Torej, kaj je odpreti drugo datoteko.

262
00:13:42,550 --> 00:13:43,930
Poglejmo, kaj imam.

263
00:13:43,930 --> 00:13:44,700
To je vse, kar imam tukaj.

264
00:13:44,700 --> 00:13:48,455
Pojdimo v mapo JS.

265
00:13:48,455 --> 00:13:51,570
Ne bom skrbeti
CSS za zdaj.

266
00:13:51,570 --> 00:13:55,268
Odprimo dolphins.js.

267
00:13:55,268 --> 00:13:56,900
>> Ups.

268
00:13:56,900 --> 00:13:58,150
Oziroma -

269
00:13:58,150 --> 00:14:03,470

270
00:14:03,470 --> 00:14:03,860
OK.

271
00:14:03,860 --> 00:14:07,650
Torej, dolphins.js, da dejansko izgleda
precej podobna nekaterim kodo, ki jo

272
00:14:07,650 --> 00:14:10,210
bila dana v problem določiti osem.

273
00:14:10,210 --> 00:14:12,870
Ko se pomikate po njej.

274
00:14:12,870 --> 00:14:15,730
Mi lahko kdo pove, čeprav
kaj je DELFINI?

275
00:14:15,730 --> 00:14:16,840
To vse kape DELFINI?

276
00:14:16,840 --> 00:14:17,810
Kaj je to?

277
00:14:17,810 --> 00:14:19,810
Kakšne podatke pa je to?

278
00:14:19,810 --> 00:14:20,570
>> PUBLIKA: Array.

279
00:14:20,570 --> 00:14:22,560
>> JASON Hirschhorna: To je niz.

280
00:14:22,560 --> 00:14:25,280
In vemo, da je matrika, ker sem
vidim te oglatih oklepajev tukaj.

281
00:14:25,280 --> 00:14:29,335
In nekdo drug, kaj je
to paleto?

282
00:14:29,335 --> 00:14:30,229
>> PUBLIKA: Predmeti?

283
00:14:30,229 --> 00:14:32,900
>> JASON Hirschhorna: To je
nabor predmetov.

284
00:14:32,900 --> 00:14:33,740
In lahko vidite, da.

285
00:14:33,740 --> 00:14:35,996
In kako veš, da je
paleto predmetov?

286
00:14:35,996 --> 00:14:41,105
>> PUBLIKA: Ker imate to debelo črevo
boot med zavitimi oklepaji?

287
00:14:41,105 --> 00:14:41,700
>> JASON Hirschhorna: Right.

288
00:14:41,700 --> 00:14:44,760
Tako da imam te zavite oklepaje tukaj,
in potem si lahko ogledate na vejico

289
00:14:44,760 --> 00:14:47,830
ločevanje drugačen
predmeti v tem polju.

290
00:14:47,830 --> 00:14:52,040
In nato znotraj vsakega predmeta, imam
Nekaj ​​debelega črevesa in nekaj drugega.

291
00:14:52,040 --> 00:14:54,920
In kaj je na splošno ta prvi del,
stvar na levi debelega črevesa?

292
00:14:54,920 --> 00:14:57,070
Kaj naj reče?

293
00:14:57,070 --> 00:14:57,450
Generično?

294
00:14:57,450 --> 00:14:59,090
Kako smo se nanašajo na to?

295
00:14:59,090 --> 00:15:00,335
>> PUBLIKA: Indeks?

296
00:15:00,335 --> 00:15:02,810
>> JASON Hirschhorna: Indeks, ali verjetno
bolj splošno, ključnega pomena.

297
00:15:02,810 --> 00:15:04,750
In nato na desni roki
stran, vrednost.

298
00:15:04,750 --> 00:15:05,670
Torej indeks, ključnega pomena.

299
00:15:05,670 --> 00:15:07,590
Ampak, če govorimo o tistih,
smo na splošno pomeni stvar na

300
00:15:07,590 --> 00:15:08,770
levi strani.

301
00:15:08,770 --> 00:15:11,450
>> V preprosti matrike, spet
smo imeli indekse 0.

302
00:15:11,450 --> 00:15:11,900
1.

303
00:15:11,900 --> 00:15:12,220
2.

304
00:15:12,220 --> 00:15:12,510
3.

305
00:15:12,510 --> 00:15:13,580
4.

306
00:15:13,580 --> 00:15:17,640
In delfinov, bomo imeli delfina 0,
delfini 1, delfini 2 delfini 3,

307
00:15:17,640 --> 00:15:18,640
delfini 4.

308
00:15:18,640 --> 00:15:24,900
Imamo tudi, znotraj tega predmeta, smo
na splošno ne bo reference stvari.

309
00:15:24,900 --> 00:15:29,460
Ali pa, če imamo samo ta predmet pravice
tu, mi ne bo rekel predmeta 0,

310
00:15:29,460 --> 00:15:30,480
objekt 1, 2 nasprotuje.

311
00:15:30,480 --> 00:15:35,460
Mi boš rekel ime predmeta, ali
tip objekta, dolžina objekt, et cetera.

312
00:15:35,460 --> 00:15:38,120
In to je, kako bomo dobili vrednost
na desni strani.

313
00:15:38,120 --> 00:15:41,460
Torej, če smo rekli ime predmeta, na primer,
mi bi dobili ta niz,

314
00:15:41,460 --> 00:15:43,200
"Grace".

315
00:15:43,200 --> 00:15:47,510
>> Tako kot so fantje povedali mi, delfinov
je preprosto paleto predmetov.

316
00:15:47,510 --> 00:15:49,875
In boste videli vse predmete
imeti ime, vrsto, rod.

317
00:15:49,875 --> 00:15:51,920
Je to pravilno izgovori?

318
00:15:51,920 --> 00:15:52,880
Kdorkoli?

319
00:15:52,880 --> 00:15:53,420
Rod?

320
00:15:53,420 --> 00:15:53,935
Super.

321
00:15:53,935 --> 00:15:55,465
>> Dolžina, teža.

322
00:15:55,465 --> 00:15:56,620
Je to pravilno izgovori?

323
00:15:56,620 --> 00:15:57,340
Mislim, da ja.

324
00:15:57,340 --> 00:16:01,870
In slika, samo URL
do neke datoteke na spletu.

325
00:16:01,870 --> 00:16:05,700
In prav tukaj, zapremo niz,
tam spodaj v zelo levo roko

326
00:16:05,700 --> 00:16:06,930
stran od mojega zaslona.

327
00:16:06,930 --> 00:16:08,543
Tako, da je vse dolphins.js je.

328
00:16:08,543 --> 00:16:17,310

329
00:16:17,310 --> 00:16:18,530
>> Oh, moj bog.

330
00:16:18,530 --> 00:16:19,530
To vse pojasni.

331
00:16:19,530 --> 00:16:20,930
Mislil sem, da bi propadli
vse, ampak videz.

332
00:16:20,930 --> 00:16:22,840
Obstajajo vse te todos.

333
00:16:22,840 --> 00:16:25,500
OK, upam, da bomo lahko
anketirani skupaj.

334
00:16:25,500 --> 00:16:27,540
Ampak najprej dajmo, preden storimo
da, samo sprehod skozi

335
00:16:27,540 --> 00:16:29,190
ta koda zelo hitro.

336
00:16:29,190 --> 00:16:33,600
>> Torej, kot sem že omenil, smo videli na zelo
začenja to linijo, ki sem ga imel v

337
00:16:33,600 --> 00:16:36,030
tobogani, (dokument). pripravljen (function ().

338
00:16:36,030 --> 00:16:38,710
In v bistvu tisto, ki se dogaja, da
se je počakati do vsega v vašem

339
00:16:38,710 --> 00:16:42,690
strani, ki je obremenjen, zato počakajte
to je vse matrika, vse je dobro, da

340
00:16:42,690 --> 00:16:45,490
iti, nato pa začeti izvršitve
to kodo.

341
00:16:45,490 --> 00:16:49,230
Torej, če je potrebno teči nekaj PHP, če
ste potrebovali, da bi dobili nekaj slik,

342
00:16:49,230 --> 00:16:53,280
karkoli že je, je bilo vse kode
set in pripravljena iti v stran s kazalom

343
00:16:53,280 --> 00:16:56,270
ali karkoli Stran je bila naložena,
in zdaj ste tekoč, da začnete

344
00:16:56,270 --> 00:16:58,810
izvršitve svojo kodo.

345
00:16:58,810 --> 00:17:02,020
>> Torej prva stvar, ki mi je
smo postavili ta niz.

346
00:17:02,020 --> 00:17:04,599
In nimam VAR ključno besedo
tam, tako da tisto, kar je

347
00:17:04,599 --> 00:17:05,650
Obseg te matrike?

348
00:17:05,650 --> 00:17:06,530
>> PUBLIKA: To je globalna.

349
00:17:06,530 --> 00:17:09,730
>> JASON Hirschhorna: To je globalna, zato
ocean_array je mogoče dostopati iz

350
00:17:09,730 --> 00:17:11,380
kjerkoli v tem dokumentu.

351
00:17:11,380 --> 00:17:14,130
>> In potem vidimo to zanko.

352
00:17:14,130 --> 00:17:18,930
Da ne rečem foreach, vendar je to
je v bistvu foreach zanke.

353
00:17:18,930 --> 00:17:24,010
In to je šele verzija Javascript,
Tako za vsak var delfina v delfinov

354
00:17:24,010 --> 00:17:25,780
Kaj podatkovni tip?

355
00:17:25,780 --> 00:17:30,260
Čeprav, še enkrat, JavaScript ne
imajo ti tipi podatkov samo po sebi, kaj

356
00:17:30,260 --> 00:17:31,335
podatkovni tip je delfin?

357
00:17:31,335 --> 00:17:32,460
>> PUBLIKA: objekt.

358
00:17:32,460 --> 00:17:34,290
>> JASON Hirschhorna: To je cilj.

359
00:17:34,290 --> 00:17:37,590
Smo dobili vsak predmet
v matriki delfinov.

360
00:17:37,590 --> 00:17:42,630
Torej, tukaj je videti, kot da sem pozabil
dal vse od teh delfinov, od našega

361
00:17:42,630 --> 00:17:46,300
Orjaški DELFINI mislijo na
ocean_array, zato bi morali storiti

362
00:17:46,300 --> 00:17:47,410
, ki je prvi.

363
00:17:47,410 --> 00:17:50,880
>> In potem, kar se imenuje
ta bazen spremenljivka.

364
00:17:50,880 --> 00:17:52,490
Jaz sem jo nastavite na null.

365
00:17:52,490 --> 00:17:55,080
In potem sem poklical to funkcijo
draw_ocean.

366
00:17:55,080 --> 00:17:56,580
Treniram delfina, ko njegov
Slika je kliknil -

367
00:17:56,580 --> 00:17:58,140
Jaz tega še niso storile, da - in
nastavite FREE delfinov, ko

368
00:17:58,140 --> 00:17:59,530
gumb kliknili.

369
00:17:59,530 --> 00:18:01,550
>> Torej, to so stvari, ki jih moram narediti.

370
00:18:01,550 --> 00:18:04,770
Mislim, da bi ti dal nekaj
ozadje na tisto, kar sem poskušal narediti.

371
00:18:04,770 --> 00:18:08,930
Torej, če gremo tukaj, kaj sem hotel
to izgleda kot je bil niz up

372
00:18:08,930 --> 00:18:12,740
Tukaj, kot je rekel "nedokončano" I
Hotela tabelo, v bistvu, s

373
00:18:12,740 --> 00:18:14,750
Slike vseh delfini.

374
00:18:14,750 --> 00:18:18,150
In potem, ko boste kliknili na eni sliki,
Želel sem, da bi ga dol v

375
00:18:18,150 --> 00:18:21,320
spodnja polovica zaslona in dobimo
si vse informacije o njej, in

376
00:18:21,320 --> 00:18:24,170
da bi delfinov v bazenu,
delfin ste bili usposabljanje.

377
00:18:24,170 --> 00:18:25,040
>> Pa sem mislil, da bi bilo res kul.

378
00:18:25,040 --> 00:18:27,980
Imate vse te delfine v ocean
tu gor, potem kliknite na eno,

379
00:18:27,980 --> 00:18:30,230
in bi šel v bazen, in
potem bi jo vlak.

380
00:18:30,230 --> 00:18:31,590
Tako da je tisto, kar sem poskušal narediti.

381
00:18:31,590 --> 00:18:33,890
In potem bi bilo gumb tukaj
v bazenu, in lahko kliknete,

382
00:18:33,890 --> 00:18:36,950
podobno, "osvobodila", in lahko nastavite
delfinov brezplačno, in da bi šel nazaj

383
00:18:36,950 --> 00:18:38,030
v ocean.

384
00:18:38,030 --> 00:18:40,390
>> Tako da je tisto, kar sem poskušal ustvariti,
ampak spet, bom potreboval vašo pomoč

385
00:18:40,390 --> 00:18:41,490
jo ustvarili.

386
00:18:41,490 --> 00:18:44,790
Torej, upam, da nekateri od teh ključnih besed
ali bodo nekatere izmed teh izrazov začetek

387
00:18:44,790 --> 00:18:47,890
osmišljajo zdaj v okviru
tega programa.

388
00:18:47,890 --> 00:18:49,640
>> Pustimo videti skozi te datoteke.

389
00:18:49,640 --> 00:18:50,830
Temu pravimo funkcijo draw_ocean.

390
00:18:50,830 --> 00:18:56,650
To je ena in edina funkcija pravimo
Iz document.ready oddelku.

391
00:18:56,650 --> 00:19:01,600
Zato pravimo draw_ocean funkcijo, in
izgleda, da ustvari niz,

392
00:19:01,600 --> 00:19:03,010
spremenljivka, tukaj.

393
00:19:03,010 --> 00:19:06,790
Dal nekaj v nizu, dodaja več
stvari na vrvico, dodaja več

394
00:19:06,790 --> 00:19:11,750
stuff niza, in
potem je ta vrstica kode.

395
00:19:11,750 --> 00:19:14,270
Jaz pravim, da natisne HTML niz.

396
00:19:14,270 --> 00:19:19,230
In nekdo razloži mi, kaj
ta vrstica kode počne?

397
00:19:19,230 --> 00:19:21,800
No, najprej, kaj počne
da znak za dolar pomeni?

398
00:19:21,800 --> 00:19:26,550

399
00:19:26,550 --> 00:19:30,914
To ni PHP spremenljivka, ampak kaj
to znak za dolar pomeni?

400
00:19:30,914 --> 00:19:34,680
>> PUBLIKA: Povezovanje v HTML-ID -

401
00:19:34,680 --> 00:19:37,220
to je, kot da se povezuje z HTML kodo?

402
00:19:37,220 --> 00:19:38,430
>> JASON Hirschhorna: Kaj pa
da znak za dolar?

403
00:19:38,430 --> 00:19:40,662
Kaj to znak za dolar kažejo?

404
00:19:40,662 --> 00:19:43,364
>> PUBLIKA: Povezovanje v HTML nekako?

405
00:19:43,364 --> 00:19:46,630
>> JASON Hirschhorna: Kje smo bili priča
to znak za dolar, preden v JavaScript?

406
00:19:46,630 --> 00:19:47,920
Videla sva v predavanju.

407
00:19:47,920 --> 00:19:48,360
Pogovarjala sva se o tem.

408
00:19:48,360 --> 00:19:50,150
Kaj pomeni znak za dolar pomeni?

409
00:19:50,150 --> 00:19:51,220
>> PUBLIKA: Nekaj ​​s jQuery?

410
00:19:51,220 --> 00:19:52,380
>> JASON Hirschhorna: Točno tako prav.

411
00:19:52,380 --> 00:19:54,270
To je nekaj storiti s jQuery.

412
00:19:54,270 --> 00:19:59,310
Ta znak za dolar pomeni rabim
jQuery knjižnico funkcija tukaj.

413
00:19:59,310 --> 00:20:00,980
Točno tako.

414
00:20:00,980 --> 00:20:04,560
>> Tako smo napisali znak za dolar, in nato
imamo to odprto in zaprto paren

415
00:20:04,560 --> 00:20:09,150
paren, in tam notri, kaj se dogaja
tam notri, ko ga uporabljate

416
00:20:09,150 --> 00:20:13,380
jQuery knjižnico funkcijo, ali ste
uporabo knjižnice jQuery?

417
00:20:13,380 --> 00:20:14,690
Še enkrat, da ste videli to predavanje.

418
00:20:14,690 --> 00:20:16,840
Lahko nekdo izročiti mi - in vi
videli tudi nekaj tukaj.

419
00:20:16,840 --> 00:20:18,090
Kaj se dogaja v notranjosti tam?

420
00:20:18,090 --> 00:20:22,220

421
00:20:22,220 --> 00:20:23,550
>> Jeff, daj mi ugibati.

422
00:20:23,550 --> 00:20:27,000
Kaj je to podobno, # ocean?

423
00:20:27,000 --> 00:20:28,270
Kjer smo videli, da je pred?

424
00:20:28,270 --> 00:20:29,920
>> PUBLIKA: Je knjižnica
ali kaj podobnega?

425
00:20:29,920 --> 00:20:30,720
Nimam pojma.

426
00:20:30,720 --> 00:20:36,420
>> JASON Hirschhorna: No, pa
mi odpreti indeksne piko -

427
00:20:36,420 --> 00:20:37,710
nope, napačno mesto.

428
00:20:37,710 --> 00:20:44,220

429
00:20:44,220 --> 00:20:46,600
>> Tako vidimo, da imamo nekaj
imenuje ocean tukaj.

430
00:20:46,600 --> 00:20:50,870
Kje smo videli # ocean hashtag
ocean, sintaksa prej?

431
00:20:50,870 --> 00:20:53,490

432
00:20:53,490 --> 00:20:53,950
Ja?

433
00:20:53,950 --> 00:20:55,190
>> PUBLIKA: CSS?

434
00:20:55,190 --> 00:20:56,810
>> JASON Hirschhorna: V CSS.

435
00:20:56,810 --> 00:21:00,720
Zato smo želeli nekaj slog,
ne pozabite, mi bi dal hashtag CSS

436
00:21:00,720 --> 00:21:05,360
izbirno, ali hashtag Ocean, npr
in vse od oblikovanja

437
00:21:05,360 --> 00:21:09,270
da smo želeli dati stvari
z ID oceana smo dali notri.

438
00:21:09,270 --> 00:21:15,470
>> Torej, tu notri ni CSS
Selektor gre tukaj.

439
00:21:15,470 --> 00:21:17,630
jQuery opredeljuje sama
vrsta selektorjev.

440
00:21:17,630 --> 00:21:21,650
Ampak to je isto idejo, in dejansko
Veliko jih prekrivajo z CSS.

441
00:21:21,650 --> 00:21:24,710
Tako znotraj teh odprtih oklepajev, ki jih
dal selektor, in ne glede na

442
00:21:24,710 --> 00:21:28,670
Selektor nanaša, to je tisto,
boste uporabljali.

443
00:21:28,670 --> 00:21:32,320
>> Torej, v tem primeru, sem
izbiri ID ocean.

444
00:21:32,320 --> 00:21:33,690
Če bi imel predavanje -

445
00:21:33,690 --> 00:21:38,830
recimo, da imam razred stvari
imenovane "slike", in sem dal, da bi

446
00:21:38,830 --> 00:21:45,662
Veliko elementov, kako reference
razred stvari, ki se imenuje "slike?"

447
00:21:45,662 --> 00:21:47,110
>> PUBLIKA: Mislim, da je pika.

448
00:21:47,110 --> 00:21:48,140
>> JASON Hirschhorna: Z piko.

449
00:21:48,140 --> 00:21:50,830
Torej, če namesto tega sem dal slike dot tukaj,
da mi ne bi bilo razred

450
00:21:50,830 --> 00:21:51,980
Stvari se imenuje "slike".

451
00:21:51,980 --> 00:21:54,810
>> Seveda, to je super močan, in
se lahko sklicujete na veliko stvari.

452
00:21:54,810 --> 00:21:59,970
V bistvu bi lahko reference bistvu
koli tag v HTML.

453
00:21:59,970 --> 00:22:04,630
Torej, če sem hotel to storiti, td, da je
tag da smo videli prej, ko

454
00:22:04,630 --> 00:22:05,750
izdelava tabele.

455
00:22:05,750 --> 00:22:10,060
Vi ste verjetno seznanjeni z
da iz P določi sedem.

456
00:22:10,060 --> 00:22:12,470
V tem primeru se dejansko dogaja
Izberite vse od njih.

457
00:22:12,470 --> 00:22:14,920
To se dogaja, da mi niz
vseh td tags.

458
00:22:14,920 --> 00:22:16,760
Ampak da lahko dobite malo veliko,
Tako amo zdaj smo

459
00:22:16,760 --> 00:22:19,390
dogaja, da se držijo samo
navajanje ID.

460
00:22:19,390 --> 00:22:23,510
>> Torej, kaj to počne, še enkrat, je
da postane v tem primeru -

461
00:22:23,510 --> 00:22:23,970
Žal mi je.

462
00:22:23,970 --> 00:22:27,020
Pojdi tukaj, index.html.

463
00:22:27,020 --> 00:22:33,510
To je ocean, namesto ocean ID
sklicuje div, tako da ta del

464
00:22:33,510 --> 00:22:37,130
vrstica kode dobi ta div.

465
00:22:37,130 --> 00:22:42,610
>> In potem je ta pika pomeni, kličem
funkcija in ime, ki

466
00:22:42,610 --> 00:22:44,460
funkcija je HTML.

467
00:22:44,460 --> 00:22:48,725
In to je okrajšava za, če vi videli
pred, znak za dolar, dokument, dot dobili

468
00:22:48,725 --> 00:22:52,200
element z ID, dot notranjo HTML.

469
00:22:52,200 --> 00:22:54,350
To je le različica jQuery je.

470
00:22:54,350 --> 00:22:57,200
Torej funkcija HTML samo
dobi notranjo HTML.

471
00:22:57,200 --> 00:22:58,920
Tega elementa.

472
00:22:58,920 --> 00:23:03,690
Torej, še enkrat, če se ozremo nazaj, se bomo
glej ni notranja HTML.

473
00:23:03,690 --> 00:23:07,990
In tako, če sem to storil, bi jaz
se trudijo, da bi dobili HTML.

474
00:23:07,990 --> 00:23:10,390
Ko to pišem, sem
nastavitev HTML.

475
00:23:10,390 --> 00:23:13,110
Torej sem mimo to funkcijo za vrvico,
niz, ki sem jih ustvaril

476
00:23:13,110 --> 00:23:18,560
tu, in rekel, da je dal
notranjosti oceana div.

477
00:23:18,560 --> 00:23:18,980
Ja?

478
00:23:18,980 --> 00:23:21,550
>> PUBLIKA: Ko prideš
HTML, ki ste ga pravkar dobili

479
00:23:21,550 --> 00:23:22,972
kopija, če je, kajne?

480
00:23:22,972 --> 00:23:25,070
Ne boš ga odstranite.

481
00:23:25,070 --> 00:23:25,710
>> JASON Hirschhorna: Right.

482
00:23:25,710 --> 00:23:28,640
Če bi to storil, in je želel
to razen v var -

483
00:23:28,640 --> 00:23:31,120
oops.

484
00:23:31,120 --> 00:23:34,840
, Da bi dobili vse informacije, ki
je bil tam in ga shranite v drugo

485
00:23:34,840 --> 00:23:35,800
spremenljivka, naredite kopijo.

486
00:23:35,800 --> 00:23:36,384
>> PUBLIKA: OK.

487
00:23:36,384 --> 00:23:37,634
Imam jo.

488
00:23:37,634 --> 00:23:39,900

489
00:23:39,900 --> 00:23:43,860
>> JASON Hirschhorna: Tako smo ustvarili nekaj
HTML, le da v nizu.

490
00:23:43,860 --> 00:23:44,590
Smo prihranili nekaj več.

491
00:23:44,590 --> 00:23:47,720
Tukaj lahko vidite, da Todo niz.

492
00:23:47,720 --> 00:23:51,300
, Tako da je verjetno, kje smo
dobili, da TODO od trenutka, ko

493
00:23:51,300 --> 00:23:52,730
gremo na naši spletni strani.

494
00:23:52,730 --> 00:23:56,610
In dejansko, če sem desni klik na todo,
pregleda Element, smo se pogovarjali o

495
00:23:56,610 --> 00:23:57,240
ta teden.

496
00:23:57,240 --> 00:24:02,400
Tako smo lahko videli HTML
Struktura naše strani.

497
00:24:02,400 --> 00:24:03,980
>> Opazili boste, da je tukaj -

498
00:24:03,980 --> 00:24:05,230
Naredimo to malo večji, preveč -

499
00:24:05,230 --> 00:24:08,060

500
00:24:08,060 --> 00:24:11,390
imamo div ID ocean tukaj.

501
00:24:11,390 --> 00:24:14,390
Vsi so videli, da vrstice kode?

502
00:24:14,390 --> 00:24:16,330
In to je tisto, kar smo tipi
v index.html.

503
00:24:16,330 --> 00:24:18,880

504
00:24:18,880 --> 00:24:30,430
>> V njem vidimo zdaj to
miza vrstica kode.

505
00:24:30,430 --> 00:24:34,800
In kaj to tabelo vrstica kode je,
To je številka, smo pravkar vstavili v

506
00:24:34,800 --> 00:24:35,770
ta element.

507
00:24:35,770 --> 00:24:39,650
In to gledamo v njem, ne bomo nikoli
natipkan colgroup in tbody.

508
00:24:39,650 --> 00:24:42,330
, Ki je bila dodana za nas, ker
smo naredili nekaj fancy stvari.

509
00:24:42,330 --> 00:24:47,590
Vendar boste opazili, da je tr,
tam je td z Todo.

510
00:24:47,590 --> 00:24:50,680
>> Tako da izgleda kot, spet,
kodo, ki smo pisali tukaj.

511
00:24:50,680 --> 00:24:52,300
To je točno, kaj je to
Linija je bila počne.

512
00:24:52,300 --> 00:24:56,940
Pri čemer je bil naš HTML niz in
ki ga je dala v notranjosti DIV tukaj.

513
00:24:56,940 --> 00:24:59,010
Sprva nima nič.

514
00:24:59,010 --> 00:25:01,660
Ta stran gets naložen.

515
00:25:01,660 --> 00:25:03,160
Znak za dolar, document.ready.

516
00:25:03,160 --> 00:25:04,490
Ta se začne izvršitve.

517
00:25:04,490 --> 00:25:08,010
Kličemo funkcijo draw_ocean, in
znotraj draw_ocean funkcijo vzamemo

518
00:25:08,010 --> 00:25:10,010
to HTML in ga dal v tisti div.

519
00:25:10,010 --> 00:25:12,860

520
00:25:12,860 --> 00:25:14,230
>> Pravkar smo šli skozi
veliko tam.

521
00:25:14,230 --> 00:25:16,270
Ima kdo kakšna vprašanja
o tem?

522
00:25:16,270 --> 00:25:19,050

523
00:25:19,050 --> 00:25:21,110
Ali pa, kako to deluje, ali jQuery?

524
00:25:21,110 --> 00:25:25,190
Ker če razumete to, potem
jQuery upajmo prišel

525
00:25:25,190 --> 00:25:25,760
relativno enostavno.

526
00:25:25,760 --> 00:25:26,780
Ja?

527
00:25:26,780 --> 00:25:29,370
>> PUBLIKA: Kaj ste imeli v notranjosti
oklepaju pod izpisu HTML

528
00:25:29,370 --> 00:25:32,150
Niz, ki je ime
HTML spremenljivka, ki jo

529
00:25:32,150 --> 00:25:32,815
so napovedali že prej?

530
00:25:32,815 --> 00:25:33,890
>> JASON Hirschhorna: Ta pravica je tu?

531
00:25:33,890 --> 00:25:34,440
>> PUBLIKA: Da

532
00:25:34,440 --> 00:25:34,720
>> JASON Hirschhorna: Da.

533
00:25:34,720 --> 00:25:36,600
PUBLIKA: Torej, če je imenovan, da
nekaj drugega, da je nekaj drugega

534
00:25:36,600 --> 00:25:37,590
je bilo tisto, kar bi si dal noter.

535
00:25:37,590 --> 00:25:38,335
>> JASON Hirschhorna: Točno tako prav.

536
00:25:38,335 --> 00:25:39,740
In to je dobro izhodišče.

537
00:25:39,740 --> 00:25:42,600
To je malo zmedeno, ker
Imam HTML, html.

538
00:25:42,600 --> 00:25:46,930
To notri je ime mojega
spremenljivka, in to tukaj, je

539
00:25:46,930 --> 00:25:48,680
Ime funkcije jQuery.

540
00:25:48,680 --> 00:25:52,090
>> PUBLIKA: Ampak, da za jQuery
deluje za delo, boste morali dati to

541
00:25:52,090 --> 00:25:53,295
nekatere HTML vhod?

542
00:25:53,295 --> 00:25:55,030
>> JASON Hirschhorna: Točno tako.

543
00:25:55,030 --> 00:25:56,530
ALI moraš dati to niz.

544
00:25:56,530 --> 00:26:00,840
To bo dal ta niz v notranjosti
v div ali karkoli.

545
00:26:00,840 --> 00:26:01,670
To je le niz.

546
00:26:01,670 --> 00:26:05,590
Da ne ve, da je to HTML, vendar
Očitno ga oblikujte v namen, da se

547
00:26:05,590 --> 00:26:07,770
veljaven HTML.

548
00:26:07,770 --> 00:26:08,760
Je to odgovor na vprašanje?

549
00:26:08,760 --> 00:26:09,480
>> PUBLIKA: Da.

550
00:26:09,480 --> 00:26:10,120
>> JASON Hirschhorna: OK.

551
00:26:10,120 --> 00:26:10,590
Ja?

552
00:26:10,590 --> 00:26:14,380
>> PUBLIKA: Kaj pa, če ocean iz
na gumb ali kaj podobnega?

553
00:26:14,380 --> 00:26:16,250
Kaj bi. Html storiti?

554
00:26:16,250 --> 00:26:18,086
Bi to spremenilo
Besedilo gumba?

555
00:26:18,086 --> 00:26:23,610
>> JASON Hirschhorna: Torej, vprašanje je,
Kaj pa, če se je sklicevala na gumb?

556
00:26:23,610 --> 00:26:25,970
To se bo spremenilo notranja
HTML nečesa.

557
00:26:25,970 --> 00:26:29,250
Torej, če ima odprto oznako in tesno
tag, bo dal nekaj vmes

558
00:26:29,250 --> 00:26:30,610
odpiranje in zapiranje tag.

559
00:26:30,610 --> 00:26:33,280
Če ni odpirajo in zapirajo
tag, da ne bo storil ničesar.

560
00:26:33,280 --> 00:26:35,040
>> PUBLIKA: To je dobesedno kopija
in paste takšne stvari?

561
00:26:35,040 --> 00:26:35,732
>> JASON Hirschhorna: Ja.

562
00:26:35,732 --> 00:26:39,175
It kopira in prilepi nekaj iz
karkoli spremenljivka sem mimo,

563
00:26:39,175 --> 00:26:41,410
Niz sem mimo, znotraj tistih,
odpirajo in zapirajo oznake.

564
00:26:41,410 --> 00:26:44,460

565
00:26:44,460 --> 00:26:45,270
>> Oglejmo si tukaj.

566
00:26:45,270 --> 00:26:48,950
Oh, moj bog. draw_pool ni
storiti ničesar tam.

567
00:26:48,950 --> 00:26:50,580
To je lenuh.

568
00:26:50,580 --> 00:26:51,640
Vlak, wow.

569
00:26:51,640 --> 00:26:54,290
OK, tako da ni nič drugega razen tega, da.

570
00:26:54,290 --> 00:26:56,652
>> Torej, začnimo, in
spravimo to gor.

571
00:26:56,652 --> 00:27:01,780
Bom morali vsi so
pomaga, da se to stori.

572
00:27:01,780 --> 00:27:04,030
Obstaja dejansko ni, da je veliko vrstic
kode, mislim, da bi napisali.

573
00:27:04,030 --> 00:27:07,270
Mislim, da je pred nekaj leti sem to naredil
za različico 2K12, in tam

574
00:27:07,270 --> 00:27:08,880
ne sme biti, da je veliko vrstic
kode za pisanje.

575
00:27:08,880 --> 00:27:09,230
Ne bi smela črtati to kodo.

576
00:27:09,230 --> 00:27:10,920
Moral bi samo rešil.

577
00:27:10,920 --> 00:27:11,900
Oh, noro.

578
00:27:11,900 --> 00:27:14,170
>> Kakorkoli že, pa začnimo.

579
00:27:14,170 --> 00:27:18,850
Torej sem v tej matriki, ali sem v tem
linijo, in imam ocean_array.

580
00:27:18,850 --> 00:27:24,110
In hočem, da dajo vse to,
vse, kar je iz tega spisa, v mojem

581
00:27:24,110 --> 00:27:25,170
ocean_array.

582
00:27:25,170 --> 00:27:27,390
Torej, kako lahko vzamem vse od
tam, in ga v

583
00:27:27,390 --> 00:27:27,630
ocean_array?

584
00:27:27,630 --> 00:27:29,390
To je ena vrstica kode.

585
00:27:29,390 --> 00:27:32,530
Kdo mi lahko pove, da vrstico kode ali
Povej mi, kakšno idejo, kaj to postavo

586
00:27:32,530 --> 00:27:33,755
kode je treba storiti?

587
00:27:33,755 --> 00:27:36,350
Zakaj ne bomo začeli tukaj, in potem bomo
nadaljevali pot po sobi

588
00:27:36,350 --> 00:27:37,410
odgovarjanjem na vprašanja.

589
00:27:37,410 --> 00:27:37,780
Kurt?

590
00:27:37,780 --> 00:27:38,890
Kaj je prvi?

591
00:27:38,890 --> 00:27:41,165
>> PUBLIKA: Ocean_array,
nosilec, delfin.

592
00:27:41,165 --> 00:27:47,120

593
00:27:47,120 --> 00:27:50,380
Enako delfini, konzolo delfina?

594
00:27:50,380 --> 00:27:52,265
Delfinov z kapitalske vse.

595
00:27:52,265 --> 00:27:57,590

596
00:27:57,590 --> 00:27:58,210
>> JASON Hirschhorna: OK.

597
00:27:58,210 --> 00:28:00,250
Sprehodimo se skozi sintakso.

598
00:28:00,250 --> 00:28:04,260
Tukaj, to je kot foreach zanke,
tako da je dejansko delaš veliko

599
00:28:04,260 --> 00:28:05,180
Stvari za nas.

600
00:28:05,180 --> 00:28:07,220
In delfin je objekt.

601
00:28:07,220 --> 00:28:09,790
Torej nam ni treba napisati nekaj
kot so delfini, delfin, saj

602
00:28:09,790 --> 00:28:12,480
delfin sama
ugovarja, da želim.

603
00:28:12,480 --> 00:28:13,495
To ni kazalo.

604
00:28:13,495 --> 00:28:14,510
Ali to smiselno?

605
00:28:14,510 --> 00:28:15,830
>> OBČINSTVO: Ja.

606
00:28:15,830 --> 00:28:18,870
>> JASON Hirschhorna: Torej, kako si naredil
predlaga spremembo kodo?

607
00:28:18,870 --> 00:28:23,110

608
00:28:23,110 --> 00:28:24,360
Če vemo, da smo glede na indeks?

609
00:28:24,360 --> 00:28:33,969

610
00:28:33,969 --> 00:28:35,240
>> Oh, oprostite.

611
00:28:35,240 --> 00:28:36,100
Dober si.

612
00:28:36,100 --> 00:28:41,180
Ampak kako -

613
00:28:41,180 --> 00:28:43,740
Naj vprašam drugače vprašanje.

614
00:28:43,740 --> 00:28:46,485
Če želimo -

615
00:28:46,485 --> 00:28:47,400
kaj je dejansko napisati to.

616
00:28:47,400 --> 00:28:48,170
Never mind.

617
00:28:48,170 --> 00:28:49,080
Mi bomo to zapisali.

618
00:28:49,080 --> 00:28:49,910
To je super.

619
00:28:49,910 --> 00:28:50,440
Žal mi je.

620
00:28:50,440 --> 00:28:52,790
Pravkar sem zelo zmedeno tam.

621
00:28:52,790 --> 00:28:55,910
>> Pustimo, da za zdaj, in
bomo prišli nazaj na trening delfina,

622
00:28:55,910 --> 00:28:56,480
nastavitev delfina.

623
00:28:56,480 --> 00:28:59,840
Reciva, najprej popraviti to risba ocean
funkcija, in bomo prišli nazaj

624
00:28:59,840 --> 00:29:00,930
da, Kurt.

625
00:29:00,930 --> 00:29:03,490
Ampak, če je tako dober.

626
00:29:03,490 --> 00:29:06,290
>> Oglejmo si notri draw_ocean.

627
00:29:06,290 --> 00:29:09,500
Vrstica, ki izgleda, da je to napačno
"shranjujejo slike delfinov v

628
00:29:09,500 --> 00:29:13,320
ocean v HTML nizu. "In prav
Zdaj sem tako kot todo, ampak jaz

629
00:29:13,320 --> 00:29:17,230
res želite, da bi delfine
Slike v oceanu.

630
00:29:17,230 --> 00:29:21,780
Pa kaj, Noah, misliš, da je
Prva stvar, ki sem morala storiti?

631
00:29:21,780 --> 00:29:24,570
Če želim iti skozi celoten
matrika, kaj je prva

632
00:29:24,570 --> 00:29:25,270
kar sem morala storiti?

633
00:29:25,270 --> 00:29:26,713
>> PUBLIKA: Moramo
ustvariti zanko.

634
00:29:26,713 --> 00:29:27,610
>> JASON Hirschhorna: zanko.

635
00:29:27,610 --> 00:29:29,740
In kakšna naj bi ta
zanko izgledal?

636
00:29:29,740 --> 00:29:30,990
>> PUBLIKA: For -

637
00:29:30,990 --> 00:29:36,660

638
00:29:36,660 --> 00:29:40,940
moramo iti skozi vsako delfin
v ocean array.

639
00:29:40,940 --> 00:29:47,093
Torej za var delfina v -

640
00:29:47,093 --> 00:29:48,830
Lahko napišete ocean niz?

641
00:29:48,830 --> 00:29:56,200

642
00:29:56,200 --> 00:29:57,450
>> JASON Hirschhorna: Tako?

643
00:29:57,450 --> 00:30:00,654

644
00:30:00,654 --> 00:30:04,495
>> PUBLIKA: Verjetno, da je prav.

645
00:30:04,495 --> 00:30:06,280
>> JASON Hirschhorna: Ostaniva pri
da za zdaj, in potem bomo

646
00:30:06,280 --> 00:30:07,060
vrnil k njej.

647
00:30:07,060 --> 00:30:09,055
In ti boš odgovoren
za to linijo.

648
00:30:09,055 --> 00:30:11,260
Tako da imam z zanko.

649
00:30:11,260 --> 00:30:12,560
Michael, ti si zdaj.

650
00:30:12,560 --> 00:30:15,896
Kaj naj storim sedaj?

651
00:30:15,896 --> 00:30:23,045
>> PUBLIKA: Vi bi morali
shranjevanje slik iz delfinov.

652
00:30:23,045 --> 00:30:25,830
>> JASON Hirschhorna: Torej, če
je to shranjeno?

653
00:30:25,830 --> 00:30:28,318
>> PUBLIKA: V matriki delfinov?

654
00:30:28,318 --> 00:30:33,298

655
00:30:33,298 --> 00:30:36,650
>> JASON Hirschhorna: Zdaj sem zmeden
Tudi o tem, kaj se dogaja.

656
00:30:36,650 --> 00:30:38,380
Dajmo ugotoviti, kako lahko naredimo razhroščevanje
to, in potem bom prišel

657
00:30:38,380 --> 00:30:40,700
Nazaj k tebi, v redu?

658
00:30:40,700 --> 00:30:43,920
Kaj je ekvivalent
printf v JavaScript?

659
00:30:43,920 --> 00:30:44,813
Annie?

660
00:30:44,813 --> 00:30:47,315
>> PUBLIKA: To je dokument, ki pišejo?

661
00:30:47,315 --> 00:30:50,020
>> JASON Hirschhorna: Ali kako lahko
Nekaj ​​vidim v

662
00:30:50,020 --> 00:30:51,200
potolažiti navzdol na dnu?

663
00:30:51,200 --> 00:30:51,940
>> PUBLIKA: Console.log.

664
00:30:51,940 --> 00:30:53,870
>> JASON Hirschhorna: Console.log,
točno.

665
00:30:53,870 --> 00:30:59,810
Torej, kaj je naredil console.log, in dajmo
samo da "Dolphin" v, OK?

666
00:30:59,810 --> 00:31:02,710
V idealnem primeru, če to deluje, si bomo
imajo - pa poglejmo, nazaj v datoteko

667
00:31:02,710 --> 00:31:06,030
dolphins.js je bilo šest delfini,
Tako naj dobim šest ali kaj

668
00:31:06,030 --> 00:31:08,180
upajmo, da natisne na
konzola, kajne?

669
00:31:08,180 --> 00:31:11,850
To je, če smo tako daleč zato, ker smo
Kurt je naredil črto gor, potem pa

670
00:31:11,850 --> 00:31:14,630
naredil Noah je za zanke, in imamo to
linija, zato upajmo, da moramo videti šest

671
00:31:14,630 --> 00:31:16,120
Stvari natisnjene na konzolo.

672
00:31:16,120 --> 00:31:22,032
Torej, gremo tukaj, Odprimo naša
potolažiti in osvežiti našo stran.

673
00:31:22,032 --> 00:31:27,290
>> OK, tako da izgleda kot
bomo videli šest indeksov.

674
00:31:27,290 --> 00:31:28,390
Nič, ena, dva, tri,
štiri, pet, ja.

675
00:31:28,390 --> 00:31:30,486
>> PUBLIKA: Kako ste prišli do
ta stran v vašem -

676
00:31:30,486 --> 00:31:32,260
>> JASON Hirschhorna: kako pridem
da te stvari tukaj?

677
00:31:32,260 --> 00:31:35,830
>> PUBLIKA: Ne, Chrome stran v notranjosti
[Neslišno] aparata.

678
00:31:35,830 --> 00:31:36,892
Lahko vidimo, da ali ne?

679
00:31:36,892 --> 00:31:38,220
>> JASON Hirschhorna: Ta Chrome
stran tukaj?

680
00:31:38,220 --> 00:31:38,490
>> OBČINSTVO: Ja.

681
00:31:38,490 --> 00:31:43,180
>> JASON Hirschhorna: Torej, tako kot v P nizu
osem, sem odprl okno, Chrome

682
00:31:43,180 --> 00:31:46,410
na mojem namizju, na moji
Macintosh namizje.

683
00:31:46,410 --> 00:31:51,980
In če ste opazili, tu ta URL gor na
zgoraj levo, ki se ujema ta IP

684
00:31:51,980 --> 00:31:54,630
obravnavati tukaj.

685
00:31:54,630 --> 00:31:58,000
Tako, da to stori, čeprav začetek
problema določiti spec vas popelje

686
00:31:58,000 --> 00:31:59,860
skozi točno, kako to storiti.

687
00:31:59,860 --> 00:32:02,650
Vendar sem sledil to, in namesto tega
skupaj s shuttle kodo, ravnokar sem

688
00:32:02,650 --> 00:32:04,070
lastne kode.

689
00:32:04,070 --> 00:32:05,970
>> Kul stvar je, da smo lahko tudi
pregleda ocean_array.

690
00:32:05,970 --> 00:32:09,530

691
00:32:09,530 --> 00:32:13,080
Torej izgleda, da je ocean_array
Niz šestih predmetov, in

692
00:32:13,080 --> 00:32:14,570
odprimo vsako posebej.

693
00:32:14,570 --> 00:32:15,950
Boom!

694
00:32:15,950 --> 00:32:16,580
Ena.

695
00:32:16,580 --> 00:32:19,920
>> Torej Kurt Izgleda, da si
Koda delal odlično.

696
00:32:19,920 --> 00:32:23,510
Vse začelo v ocean_array.

697
00:32:23,510 --> 00:32:24,995
Ker sem misspoke prej.

698
00:32:24,995 --> 00:32:26,570
Ampak ja, super posel.

699
00:32:26,570 --> 00:32:30,330
Ocean_array je pravilna, in izgleda
kot zdaj vidimo, da je delfin

700
00:32:30,330 --> 00:32:35,400
število od 0 do 5, tako da je bilo videti
kot indeksi v matriki.

701
00:32:35,400 --> 00:32:37,510
Torej, glede na to znanje, Michael
Kaj naj naredimo sedaj?

702
00:32:37,510 --> 00:32:43,080

703
00:32:43,080 --> 00:32:43,870
Pomislite na glas.

704
00:32:43,870 --> 00:32:45,600
Kaj je nekaj, kar smo želeli storiti?

705
00:32:45,600 --> 00:32:51,260
>> PUBLIKA: Želimo, da bi dobili
JPEG za vsako delfin.

706
00:32:51,260 --> 00:32:51,800
>> JASON Hirschhorna: OK.

707
00:32:51,800 --> 00:32:53,206
Torej, kako lahko reference -

708
00:32:53,206 --> 00:32:54,760
kako lahko dobimo JPEG?

709
00:32:54,760 --> 00:33:01,172

710
00:33:01,172 --> 00:33:03,726
Kje naj začnemo?

711
00:33:03,726 --> 00:33:05,390
Kjer je vse shranjeno?

712
00:33:05,390 --> 00:33:07,610
>> PUBLIKA: V ocean_array?

713
00:33:07,610 --> 00:33:08,320
>> JASON Hirschhorna: OK.

714
00:33:08,320 --> 00:33:11,450
>> PUBLIKA: Torej ocean_array, delfin -

715
00:33:11,450 --> 00:33:16,392

716
00:33:16,392 --> 00:33:19,280
>> JASON Hirschhorna: Kako delamo
dobili nekaj notri -

717
00:33:19,280 --> 00:33:20,860
tako da to nam daje ta cilj.

718
00:33:20,860 --> 00:33:22,770
In smo videli že prej
z struktur.

719
00:33:22,770 --> 00:33:26,710
Torej, kakšen zapis
rabimo za uporabo?

720
00:33:26,710 --> 00:33:28,450
>> PUBLIKA: To bi bilo pika.

721
00:33:28,450 --> 00:33:29,400
>> JASON Hirschhorna: pika.

722
00:33:29,400 --> 00:33:30,960
In kaj potem polje?

723
00:33:30,960 --> 00:33:31,510
>> PUBLIKA: Slika?

724
00:33:31,510 --> 00:33:33,816
Ali da ni polje -

725
00:33:33,816 --> 00:33:37,400
>> JASON Hirschhorna: Kaj je to
imenovana v dolphins.js?

726
00:33:37,400 --> 00:33:38,270
In glej, si lahko ogledate.

727
00:33:38,270 --> 00:33:38,970
Mi lahko samo pojdi nazaj.

728
00:33:38,970 --> 00:33:40,700
Vidimo lahko ocean_array,
bomo lahko raziskati.

729
00:33:40,700 --> 00:33:41,380
Kako se imenuje?

730
00:33:41,380 --> 00:33:42,287
>> PUBLIKA: Vrsta.

731
00:33:42,287 --> 00:33:43,688
Čakati.

732
00:33:43,688 --> 00:33:44,155
Slike?

733
00:33:44,155 --> 00:33:45,560
Rekel sem sliko.

734
00:33:45,560 --> 00:33:46,370
>> JASON Hirschhorna: Picture.

735
00:33:46,370 --> 00:33:47,610
Prav.

736
00:33:47,610 --> 00:33:49,510
Nisi ne zveni kot veste, kaj
si govoril, čeprav.

737
00:33:49,510 --> 00:33:50,630
Zvenelo je bolj kot ugibanje.

738
00:33:50,630 --> 00:33:53,700
Tako, da slika, da bi dal
us URL slike.

739
00:33:53,700 --> 00:33:54,720
Jeff, imate vprašanje?

740
00:33:54,720 --> 00:33:57,375
>> OBČINSTVO: Ja, ne morem dobiti, kar
imate na vašem brskalniku Chrome

741
00:33:57,375 --> 00:33:59,320
Brskalnik na mojem računalniku.

742
00:33:59,320 --> 00:34:05,915
Pravkar sem dobil "Neuhvaćen sklic
napaka, konzola ni opredeljen. "

743
00:34:05,915 --> 00:34:07,780
>> JASON Hirschhorna: Vi ste
ustanovljen vse?

744
00:34:07,780 --> 00:34:10,090
>> PUBLIKA: No, mislim, da sem
storil vse, kar

745
00:34:10,090 --> 00:34:11,800
si na velikem zaslonu.

746
00:34:11,800 --> 00:34:13,510
>> JASON Hirschhorna: In ti
chmodded vse datoteke?

747
00:34:13,510 --> 00:34:16,343
In si šel skozi
Celoten nastavitev?

748
00:34:16,343 --> 00:34:17,600
>> PUBLIKA: Jaz bom poskusil znova.

749
00:34:17,600 --> 00:34:18,300
>> JASON Hirschhorna: OK.

750
00:34:18,300 --> 00:34:20,630
Preskočil sem nad tem veliko na
začenja, vendar boste morali iti skozi

751
00:34:20,630 --> 00:34:22,199
Celoten nastavitev tako kot pri
Začetek problem določenem spec.

752
00:34:22,199 --> 00:34:24,770
Chmod vse in
poskrbite, da je noter

753
00:34:24,770 --> 00:34:26,360
>> PUBLIKA: bom šel in
podvojiti preverite.

754
00:34:26,360 --> 00:34:28,655
Mislil sem, da sem to storil, vendar
Jaz bom dvojno preveri.

755
00:34:28,655 --> 00:34:30,270
>> JASON Hirschhorna: Torej, to izgleda
tako kot so nas, da bom dal

756
00:34:30,270 --> 00:34:30,960
Niz in sliko.

757
00:34:30,960 --> 00:34:31,370
Super.

758
00:34:31,370 --> 00:34:32,760
Imamo URL slike.

759
00:34:32,760 --> 00:34:35,320
Kako bomo zdaj ga dal v -

760
00:34:35,320 --> 00:34:38,030
kaj se zgodi, če smo napisali
samo to, Michael?

761
00:34:38,030 --> 00:34:40,150
>> PUBLIKA: Samo dobi sliko.

762
00:34:40,150 --> 00:34:41,420
To pa je dejansko ni prikazal.

763
00:34:41,420 --> 00:34:42,840
>> JASON Hirschhorna: Recimo
glej kaj se zgodi.

764
00:34:42,840 --> 00:34:43,514
Bomo prihranili da.

765
00:34:43,514 --> 00:34:44,780
Mi jo bom tukaj.

766
00:34:44,780 --> 00:34:49,460

767
00:34:49,460 --> 00:34:50,510
Izgleda, da ne bomo dobili ničesar.

768
00:34:50,510 --> 00:34:56,179
Če sem raziskati te tabele,
zgleda notranjost -

769
00:34:56,179 --> 00:34:58,170
Ja, izgleda, da ne bom dobil ničesar.

770
00:34:58,170 --> 00:34:59,963
>> PUBLIKA: Ali moramo -

771
00:34:59,963 --> 00:35:05,225

772
00:35:05,225 --> 00:35:07,270
>> JASON Hirschhorna: To je niz,
to kodo tukaj.

773
00:35:07,270 --> 00:35:08,615
Kam bi rad dal to niz?

774
00:35:08,615 --> 00:35:11,250

775
00:35:11,250 --> 00:35:16,000
>> PUBLIKA: Želite
ga v ocean?

776
00:35:16,000 --> 00:35:16,040
>> JASON Hirschhorna: OK.

777
00:35:16,040 --> 00:35:19,230
In tukaj bom dal niz
imenuje html v ocean.

778
00:35:19,230 --> 00:35:26,350
>> PUBLIKA: Torej bi bilo dolar
znamenje, ocean, html [neslišno].

779
00:35:26,350 --> 00:35:27,985
>> JASON Hirschhorna: To bi bilo
Povedano naravnost tja.

780
00:35:27,985 --> 00:35:29,440
Kaj pa, če želim, da ga dodate na -

781
00:35:29,440 --> 00:35:30,740
Jaz sem že ustvarili niz, kajne?

782
00:35:30,740 --> 00:35:33,740
Da bi v ocean, kar je
ime te vrvice?

783
00:35:33,740 --> 00:35:34,610
>> PUBLIKA: HTML.

784
00:35:34,610 --> 00:35:35,250
>> JASON Hirschhorna: HTML.

785
00:35:35,250 --> 00:35:36,355
Torej, kaj pišem naprej?

786
00:35:36,355 --> 00:35:37,310
>> PUBLIKA: Enako, enako.

787
00:35:37,310 --> 00:35:38,990
Ali samo enak?

788
00:35:38,990 --> 00:35:41,170
>> JASON Hirschhorna: Kako bo
zgodilo, če pišem enaka?

789
00:35:41,170 --> 00:35:45,940

790
00:35:45,940 --> 00:35:49,222
>> PUBLIKA: ne bo, da jo nastavite
enako - ali ne bo to -

791
00:35:49,222 --> 00:35:51,744

792
00:35:51,744 --> 00:35:53,016
>> PUBLIKA: Dodeli?

793
00:35:53,016 --> 00:35:55,680
>> JASON Hirschhorna: To bo dodelite,
ampak kaj se bo zgodilo z vsem

794
00:35:55,680 --> 00:35:56,565
, ki je shranjena v njej, preden?

795
00:35:56,565 --> 00:35:57,570
>> PUBLIKA: To se bom znebil.

796
00:35:57,570 --> 00:35:58,660
>> JASON Hirschhorna: To bo znebiti.

797
00:35:58,660 --> 00:35:59,993
Torej, kako lahko dodate do konca?

798
00:35:59,993 --> 00:36:02,836

799
00:36:02,836 --> 00:36:04,120
Jaz bi samo kopirajte -

800
00:36:04,120 --> 00:36:04,530
>> PUBLIKA: Plus enaka.

801
00:36:04,530 --> 00:36:06,260
>> JASON Hirschhorna: Plus
enako, kot nalašč.

802
00:36:06,260 --> 00:36:07,120
Točno tako.

803
00:36:07,120 --> 00:36:08,380
Torej, zdaj pa poglejmo, kaj to počne.

804
00:36:08,380 --> 00:36:12,500

805
00:36:12,500 --> 00:36:12,760
Boom!

806
00:36:12,760 --> 00:36:14,580
Oh, moj bog.

807
00:36:14,580 --> 00:36:16,580
To je samo veliko besedila.

808
00:36:16,580 --> 00:36:17,580
OK.

809
00:36:17,580 --> 00:36:20,640
>> Torej izgleda, da imamo veliko
besedila, ampak to je super.

810
00:36:20,640 --> 00:36:21,750
Vi ste naredili -

811
00:36:21,750 --> 00:36:23,160
Vem, da je težko, to je novo.

812
00:36:23,160 --> 00:36:24,970
Doslej tri od vaju
naredili fantastično.

813
00:36:24,970 --> 00:36:26,600
>> OK, ti si naslednji.

814
00:36:26,600 --> 00:36:27,960
Kaj bi morali storiti?

815
00:36:27,960 --> 00:36:29,830
Mi seveda ne želijo
igrati le niz.

816
00:36:29,830 --> 00:36:30,120
Ja?

817
00:36:30,120 --> 00:36:30,690
>> PUBLIKA: Imam vprašanje.

818
00:36:30,690 --> 00:36:35,410
Saj veš, ko boš ocean_array,
delfin, v oklepajih, ni

819
00:36:35,410 --> 00:36:37,550
delfinov kot asociativnega
matrika v sebi?

820
00:36:37,550 --> 00:36:38,230
>> JASON Hirschhorna: I misspoke.

821
00:36:38,230 --> 00:36:41,515
Dolphin je indeks.

822
00:36:41,515 --> 00:36:44,280
>> PUBLIKA: vendar ne var
delfinov v ocean -

823
00:36:44,280 --> 00:36:49,540
Mislim, ko ste jo na začetku naložijo
dobro, var delfinov v delfini, ni

824
00:36:49,540 --> 00:36:51,950
da delfinov je asociativno paleto?

825
00:36:51,950 --> 00:36:52,970
>> JASON Hirschhorna: Ta delfin?

826
00:36:52,970 --> 00:36:53,650
>> OBČINSTVO: Ja.

827
00:36:53,650 --> 00:36:54,230
>> JASON Hirschhorna: Ne

828
00:36:54,230 --> 00:36:56,366
Ta delfin je indeks.

829
00:36:56,366 --> 00:36:57,950
>> PUBLIKA: OK.

830
00:36:57,950 --> 00:36:59,320
Torej obstaja spremenljivka delfin?

831
00:36:59,320 --> 00:37:02,610
Mislim, kot ključ delfinov v
asociativno paleto?

832
00:37:02,610 --> 00:37:04,150
>> JASON Hirschhorna: Tukaj?

833
00:37:04,150 --> 00:37:05,075
Kot, dolphin.name?

834
00:37:05,075 --> 00:37:10,440
>> OBČINSTVO: Ja, obstaja
kot delfinov piko -

835
00:37:10,440 --> 00:37:13,090
tako kot ni delfinov mišljeno
da je vsak predmet?

836
00:37:13,090 --> 00:37:15,580
>> OBČINSTVO: Ja, to je
tisto, kar sem mislil, preveč.

837
00:37:15,580 --> 00:37:19,985
>> PUBLIKA: Mislil sem, delfin je bil kot
asociativno paleto v delfini.

838
00:37:19,985 --> 00:37:22,240
Zato, ker je šest asociativna
nizi v DELFINI, kajne?

839
00:37:22,240 --> 00:37:24,050
>> JASON Hirschhorna: Right.

840
00:37:24,050 --> 00:37:26,790
Tako smo to napisal
Zdaj, to ni.

841
00:37:26,790 --> 00:37:29,300
>> PUBLIKA: Zakaj je to?

842
00:37:29,300 --> 00:37:36,690
>> JASON Hirschhorna: To bi lahko storila, in
tam je pravzaprav funkcija jQuery

843
00:37:36,690 --> 00:37:39,660
klical. vsak, ki daje
si vsaka stvar.

844
00:37:39,660 --> 00:37:41,670
Toda ta sintaksa ni -

845
00:37:41,670 --> 00:37:44,130
Jaz misspoke prej - to sintakso
ni, da je indeks.

846
00:37:44,130 --> 00:37:45,780
To je samo, da nam indeksov.

847
00:37:45,780 --> 00:37:48,490
Vendar pa bi lahko naredil znak za dolar. Vsak,
ki je funkcija jQuery.

848
00:37:48,490 --> 00:37:51,730
Da bi vam vsak
sodelavec niz.

849
00:37:51,730 --> 00:37:52,930
Zato preverite to.

850
00:37:52,930 --> 00:37:55,205
Ampak to je, kaj vse to kodo ne.

851
00:37:55,205 --> 00:37:59,020
>> PUBLIKA: Torej, ta prvi za zanko, bom
Predvidevam, da bi Ponovil šestkrat

852
00:37:59,020 --> 00:37:59,765
ker imate šest indeksov.

853
00:37:59,765 --> 00:38:02,550
In potem druga za zanke,
se ne da ponavljanjem

854
00:38:02,550 --> 00:38:03,880
Ista količina časih?

855
00:38:03,880 --> 00:38:04,540
>> JASON Hirschhorna: Ja.

856
00:38:04,540 --> 00:38:07,920
>> PUBLIKA: Torej je res ni - smo
Lahko bi napisal prvo zanko

857
00:38:07,920 --> 00:38:09,700
še enkrat, in to bi delal.

858
00:38:09,700 --> 00:38:11,265
Kot, var delfinov v DELFINI?

859
00:38:11,265 --> 00:38:13,400
>> JASON Hirschhorna: Da, vendar smo
Zdaj uporabo ocean_array.

860
00:38:13,400 --> 00:38:18,010
Smo se preselili vse v
ocean_array, saj pravijo, da kdaj želeli

861
00:38:18,010 --> 00:38:23,970
spremeniti, kaj je v dolphins.js, ali če
želimo manipulirati ocean_array

862
00:38:23,970 --> 00:38:27,140
kasneje, ne želimo manipulirati
delfini, spremenljiva.

863
00:38:27,140 --> 00:38:29,940
Želimo, da manipulira s kopijo,
ker če želimo, da bi nekaj

864
00:38:29,940 --> 00:38:31,740
ven, na ta način, da smo pravkar
bo varna.

865
00:38:31,740 --> 00:38:32,820
Ali je to smiselno.

866
00:38:32,820 --> 00:38:33,085
>> OBČINSTVO: Ja.

867
00:38:33,085 --> 00:38:34,390
>> JASON Hirschhorna: OK.

868
00:38:34,390 --> 00:38:39,830
Torej, Carlos, kako naj bi ta niz
in da bo slika, namesto, in dobili

869
00:38:39,830 --> 00:38:40,860
dejanska podoba?

870
00:38:40,860 --> 00:38:42,260
Vi ste videli to kodo prej.

871
00:38:42,260 --> 00:38:45,541
Kako naj naredim vključitev slike na strani?

872
00:38:45,541 --> 00:38:51,400
>> PUBLIKA: Je to stvar, ki smo se o
da HTML plus enaka te klice pomišljaj

873
00:38:51,400 --> 00:38:53,344
širina, ona ga izbrisali?

874
00:38:53,344 --> 00:38:56,068
>> JASON Hirschhorna: Ta
stvari tukaj?

875
00:38:56,068 --> 00:38:57,036
>> OBČINSTVO: Ja.

876
00:38:57,036 --> 00:38:57,520
Vrsta.

877
00:38:57,520 --> 00:38:58,900
>> JASON Hirschhorna: ne
skrbi.

878
00:38:58,900 --> 00:39:00,520
Ki šele začne HTML niz.

879
00:39:00,520 --> 00:39:03,980
Če želim vključiti sliko v moji
HTML spletna stran, tag, kaj moram uporabiti?

880
00:39:03,980 --> 00:39:06,210
>> PUBLIKA: Ne spomnim se.

881
00:39:06,210 --> 00:39:07,050
>> JASON Hirschhorna: OK.

882
00:39:07,050 --> 00:39:08,343
Avie, mu pomagam?

883
00:39:08,343 --> 00:39:10,985
>> PUBLIKA: Bi bilo sidro,
href, nato pa ga povezati?

884
00:39:10,985 --> 00:39:12,790
>> JASON Hirschhorna: Tako kot v Sidro.

885
00:39:12,790 --> 00:39:14,790
>> PUBLIKA: Saj ni treba, da
jo povezati, kajne?

886
00:39:14,790 --> 00:39:17,370
>> JASON Hirschhorna: Kaj pa, če sem
želeli ustvariti sliko?

887
00:39:17,370 --> 00:39:24,640
>> PUBLIKA: To bi bilo img, nato pa
src je enaka ne glede na niz?

888
00:39:24,640 --> 00:39:27,400
>> JASON Hirschhorna: OK, tako
da je prav, img.

889
00:39:27,400 --> 00:39:28,635
Carlos, boste
prevzel od tukaj.

890
00:39:28,635 --> 00:39:32,760
img je kratica za "sliko" in src stojala
za "vir". in boste morali, da ga

891
00:39:32,760 --> 00:39:35,200
URL ali nekaj -

892
00:39:35,200 --> 00:39:35,940
Niti URL.

893
00:39:35,940 --> 00:39:39,040
Nekateri mesto, kjer da
slika shranjena.

894
00:39:39,040 --> 00:39:46,490
Tako da vem, da se bo dobil me
slika, tako da zdaj kako je to dal vse

895
00:39:46,490 --> 00:39:49,310
skupaj, mislil?

896
00:39:49,310 --> 00:39:51,920
Imam nekaj sintakse moram popraviti.

897
00:39:51,920 --> 00:39:54,632
Kaj točno moram
s tipom, Carlos?

898
00:39:54,632 --> 00:39:56,862
>> PUBLIKA: Ne razumem, kaj
skušaš narediti.

899
00:39:56,862 --> 00:40:00,185
Torej ste poskušali dati vse
slike v tabelo?

900
00:40:00,185 --> 00:40:04,790
>> JASON Hirschhorna: Želimo prikazati
Vse slike na strani.

901
00:40:04,790 --> 00:40:12,000
In videli smo, kako to vrstico kode desno
Tukaj dodajajo nizov na naši HTML niz

902
00:40:12,000 --> 00:40:13,275
in jih natisne takole.

903
00:40:13,275 --> 00:40:17,990

904
00:40:17,990 --> 00:40:21,830
Mi namesto želite prikazati slike.

905
00:40:21,830 --> 00:40:25,780
In smo ugotovili, Maru, nam je povedal,
da ta vrstica kode -

906
00:40:25,780 --> 00:40:26,750
tako da je videti tukaj.

907
00:40:26,750 --> 00:40:31,745
Če bomo šli, in raziskati, se bomo
Uredite to kot HTML.

908
00:40:31,745 --> 00:40:35,110

909
00:40:35,110 --> 00:40:54,270
Maru, je dejal, če bomo to vrsto
sintakse, smo dobili sliko.

910
00:40:54,270 --> 00:40:57,810

911
00:40:57,810 --> 00:40:59,400
Da ne bi bilo smiselno?

912
00:40:59,400 --> 00:41:02,650

913
00:41:02,650 --> 00:41:05,630
>> To je vrsta niz, ki smo
res želim postaviti v notranjosti oceana

914
00:41:05,630 --> 00:41:09,080
potop, ne le samo besedilo.

915
00:41:09,080 --> 00:41:12,080
>> PUBLIKA: [neslišno]

916
00:41:12,080 --> 00:41:12,940
>> JASON Hirschhorna: Oprostite?

917
00:41:12,940 --> 00:41:16,240
>> PUBLIKA: Ne moreš kopirati
da je eden, ki je Kianna,

918
00:41:16,240 --> 00:41:17,810
in ga v to -

919
00:41:17,810 --> 00:41:19,570
>> JASON Hirschhorna: Kopirajte to,
in dal to tukaj?

920
00:41:19,570 --> 00:41:20,820
>> OBČINSTVO: Ja.

921
00:41:20,820 --> 00:41:23,354

922
00:41:23,354 --> 00:41:25,813
>> JASON Hirschhorna: To je blizu, vendar
tam je en problem s tem, in

923
00:41:25,813 --> 00:41:27,063
kaj je to?

924
00:41:27,063 --> 00:41:30,920

925
00:41:30,920 --> 00:41:36,370
HTML je niz, moramo
dodati nizov nanj.

926
00:41:36,370 --> 00:41:37,855
>> PUBLIKA: Torej ste jo dali - nah.

927
00:41:37,855 --> 00:41:40,860
>> JASON Hirschhorna: In imamo tri -
to tukaj ni niz.

928
00:41:40,860 --> 00:41:42,921
Kako bi bilo niz?

929
00:41:42,921 --> 00:41:45,474
Kako ste vedno
Nekaj ​​niz?

930
00:41:45,474 --> 00:41:47,242
>> PUBLIKA: Ne vem.

931
00:41:47,242 --> 00:41:49,570
>> JASON Hirschhorna: Če imam besedilo,
kako bi bilo niz?

932
00:41:49,570 --> 00:41:51,615
Všeč tukaj na tej liniji tukaj?

933
00:41:51,615 --> 00:41:54,160
>> PUBLIKA: Daj na mizo?

934
00:41:54,160 --> 00:41:56,450
>> JASON Hirschhorna: Kaj pa je to?

935
00:41:56,450 --> 00:41:57,290
>> PUBLIKA: Citat.

936
00:41:57,290 --> 00:41:58,670
>> JASON Hirschhorna: Double
citati, kajne?

937
00:41:58,670 --> 00:42:00,860
Dvojne kotacije naredi nekaj
niz.

938
00:42:00,860 --> 00:42:03,720
Tako, da omogoča, da niz,
in to je niz.

939
00:42:03,720 --> 00:42:05,990
Kako sem dal dva niza
skupaj v JavaScript?

940
00:42:05,990 --> 00:42:06,842
>> PUBLIKA: Dot.

941
00:42:06,842 --> 00:42:07,960
>> JASON Hirschhorna: Ni dot.

942
00:42:07,960 --> 00:42:10,462
To je PHP.

943
00:42:10,462 --> 00:42:11,358
>> PUBLIKA: Plus.

944
00:42:11,358 --> 00:42:13,200
>> JASON Hirschhorna: Plus, ravno prav.

945
00:42:13,200 --> 00:42:15,900
Torej plus, nato pa kaj počnete
Predlagam, jaz sem?

946
00:42:15,900 --> 00:42:20,900

947
00:42:20,900 --> 00:42:22,400
>> PUBLIKA: Še en citat.

948
00:42:22,400 --> 00:42:24,100
>> JASON Hirschhorna: Še en citat, OK.

949
00:42:24,100 --> 00:42:32,300

950
00:42:32,300 --> 00:42:34,322
Kako končati niz?

951
00:42:34,322 --> 00:42:35,660
>> PUBLIKA: Še en citat.

952
00:42:35,660 --> 00:42:36,180
>> JASON Hirschhorna: Še en citat.

953
00:42:36,180 --> 00:42:38,740
In kako naj to niz
skupaj z vrvi?

954
00:42:38,740 --> 00:42:39,810
Plus.

955
00:42:39,810 --> 00:42:40,630
Točno tako.

956
00:42:40,630 --> 00:42:41,540
Pravkar si to naredil za nas.

957
00:42:41,540 --> 00:42:42,590
To je kot nalašč.

958
00:42:42,590 --> 00:42:46,320
>> Torej, zdaj pa postane to.

959
00:42:46,320 --> 00:42:49,050
In poglej, imamo celoto
kup slik.

960
00:42:49,050 --> 00:42:49,860
Oh, moj bog.

961
00:42:49,860 --> 00:42:50,770
Tisti, ki so strašljivo.

962
00:42:50,770 --> 00:42:51,720
Bomo raziskati
jim v sekundi.

963
00:42:51,720 --> 00:42:52,010
Ja, Noah?

964
00:42:52,010 --> 00:42:54,520
>> PUBLIKA: Vem, da v resnici ne
važno, ampak bi zapreš

965
00:42:54,520 --> 00:42:56,005
Elementi z oznako slike?

966
00:42:56,005 --> 00:42:58,250
>> JASON Hirschhorna: Mi lahko, če
smo želeli, zaprite našo podobo

967
00:42:58,250 --> 00:43:02,284
tag kar tako.

968
00:43:02,284 --> 00:43:04,719
Oglejmo render to.

969
00:43:04,719 --> 00:43:06,330
No, no, ne moremo storiti.

970
00:43:06,330 --> 00:43:07,580
>> PUBLIKA: Oh, sem ga zlomil.

971
00:43:07,580 --> 00:43:09,090
>> JASON Hirschhorna: Mislim, da je to
je validacija, čeprav.

972
00:43:09,090 --> 00:43:12,380
Mislim, da ne boste potrebovali
zapiranje poševnica.

973
00:43:12,380 --> 00:43:13,490
OK, to je super.

974
00:43:13,490 --> 00:43:14,150
Carlos, hvala.

975
00:43:14,150 --> 00:43:16,270
Doslej štirje od vaju
so naredili super delo.

976
00:43:16,270 --> 00:43:19,650
>> Seveda, kot vidite, smo
ustvarja neke vrste tabele poševnega reza.

977
00:43:19,650 --> 00:43:21,490
In hočem te stvari
da so v tabeli.

978
00:43:21,490 --> 00:43:24,970
Torej, kako sem dal ti
stvari na mizo?

979
00:43:24,970 --> 00:43:27,020
Jaz očitno potrebujemo nekaj več HTML.

980
00:43:27,020 --> 00:43:28,680
Assam, kakšen HTML sem spregledal?

981
00:43:28,680 --> 00:43:32,388

982
00:43:32,388 --> 00:43:33,370
>> PUBLIKA: Kaj storiti
želite storiti, je žal?

983
00:43:33,370 --> 00:43:37,430
>> JASON Hirschhorna: Želim, da bi vse
te podobe v tabeli, tako da ima vsaka slika

984
00:43:37,430 --> 00:43:41,020
mora biti v eni koloni tabele.

985
00:43:41,020 --> 00:43:42,480
Kako naj rečem, je to en stolpec?

986
00:43:42,480 --> 00:43:45,090

987
00:43:45,090 --> 00:43:46,010
Videli ste to kodo prej.

988
00:43:46,010 --> 00:43:46,910
To je v P določi sedem.

989
00:43:46,910 --> 00:43:48,870
>> PUBLIKA: Spomnim se enega je tr?

990
00:43:48,870 --> 00:43:50,120
>> JASON Hirschhorna: TR je na vrsti.

991
00:43:50,120 --> 00:43:53,904

992
00:43:53,904 --> 00:43:56,430
>> PUBLIKA: jaz ne vem, off
moje srce, ampak jaz bi preveriti.

993
00:43:56,430 --> 00:43:57,140
>> JASON Hirschhorna: Ali
nekdo se spomniš?

994
00:43:57,140 --> 00:43:57,870
>> PUBLIKA: td?

995
00:43:57,870 --> 00:44:01,250
>> JASON Hirschhorna: td, ravno prav.
TD postavlja kot stolpec.

996
00:44:01,250 --> 00:44:03,150
Torej, če sem dal TD tam, Assam,
kaj moram dal?

997
00:44:03,150 --> 00:44:04,600
Kaj še moram dodati?

998
00:44:04,600 --> 00:44:05,620
>> PUBLIKA: Moraš zapreti?

999
00:44:05,620 --> 00:44:06,240
>> JASON Hirschhorna: Točno tako.

1000
00:44:06,240 --> 00:44:07,490
Če pa to gre?

1001
00:44:07,490 --> 00:44:09,747

1002
00:44:09,747 --> 00:44:11,090
>> PUBLIKA: Točno tam?

1003
00:44:11,090 --> 00:44:11,970
>> JASON Hirschhorna: Tukaj?

1004
00:44:11,970 --> 00:44:13,850
>> PUBLIKA: Mislim, da ja.

1005
00:44:13,850 --> 00:44:17,104

1006
00:44:17,104 --> 00:44:18,600
>> JASON Hirschhorna: Kaj je to
zapiranje tukaj?

1007
00:44:18,600 --> 00:44:19,340
Kaj je to?

1008
00:44:19,340 --> 00:44:20,320
To modra stvar?

1009
00:44:20,320 --> 00:44:21,280
>> PUBLIKA: To je za sliko.

1010
00:44:21,280 --> 00:44:22,100
Morala bi iti po, mislim.

1011
00:44:22,100 --> 00:44:24,770
>> JASON Hirschhorna: OK, ravno prav.

1012
00:44:24,770 --> 00:44:26,020
Pa poglejmo, kaj je to storil.

1013
00:44:26,020 --> 00:44:29,110

1014
00:44:29,110 --> 00:44:30,960
Oh, to je nerodno.

1015
00:44:30,960 --> 00:44:35,780

1016
00:44:35,780 --> 00:44:39,470
Odprimo oceanu, mizo,
miza telo, tr.

1017
00:44:39,470 --> 00:44:44,410
Torej imamo tone, vendar sem
Ne vidim slike.

1018
00:44:44,410 --> 00:44:45,110
To je čudno.

1019
00:44:45,110 --> 00:44:48,360
Izgleda, da ga je zgradilo, vendar
pa mi ni pokazal slike.

1020
00:44:48,360 --> 00:44:50,425
Vse ideje, zakaj, da se lahko zgodi?

1021
00:44:50,425 --> 00:44:56,910

1022
00:44:56,910 --> 00:44:59,140
Vsak misli?

1023
00:44:59,140 --> 00:45:01,550
>> PUBLIKA: Če se pomaknete
dol, boste videli.

1024
00:45:01,550 --> 00:45:02,430
>> JASON Hirschhorna: bum!

1025
00:45:02,430 --> 00:45:06,130
Torej, oni so tam, ampak to je čudno, da
oni pa vse tja dol.

1026
00:45:06,130 --> 00:45:07,670
>> PUBLIKA: Oni so tudi vsi po vrsti.

1027
00:45:07,670 --> 00:45:11,280
>> JASON Hirschhorna: In oni so vsi v
vrstico, in oni so vse različne velikosti.

1028
00:45:11,280 --> 00:45:14,440
Torej Assam, daj mi še eno vrstico kode
če bom lahko vse slike

1029
00:45:14,440 --> 00:45:17,420
enake velikosti, in izgleda, da sem
je bilo že navedeno velikost I

1030
00:45:17,420 --> 00:45:18,440
želijo, da bi bili.

1031
00:45:18,440 --> 00:45:20,025
Kako lahko naredim, da vsako sliko
enake velikosti?

1032
00:45:20,025 --> 00:45:22,978

1033
00:45:22,978 --> 00:45:24,540
Daj ugibati.

1034
00:45:24,540 --> 00:45:35,290

1035
00:45:35,290 --> 00:45:36,595
>> Kaj pa te vrstice kode?

1036
00:45:36,595 --> 00:45:41,345

1037
00:45:41,345 --> 00:45:43,650
>> PUBLIKA: Lahko bi
Tako kot konstantna?

1038
00:45:43,650 --> 00:45:46,740
>> JASON Hirschhorna: Ali pa, če je druga
Tam, kjer sem lahko dal to vrstico kode,

1039
00:45:46,740 --> 00:45:47,740
če sem jo razumel?

1040
00:45:47,740 --> 00:45:49,280
>> PUBLIKA: Vse pot navzdol
na isti liniji?

1041
00:45:49,280 --> 00:45:52,000
>> JASON Hirschhorna: OK, kaj je dal
je tukaj, ravno prav.

1042
00:45:52,000 --> 00:45:54,320
In zdaj poglejmo, kaj se zgodi.

1043
00:45:54,320 --> 00:45:56,030
Oh, moj bog!

1044
00:45:56,030 --> 00:46:00,290
Zdaj je videti, kot da smo že kaj
nekaj, in je videti, kot da

1045
00:46:00,290 --> 00:46:06,950
vse vrste prilegajo v tabeli, ki
smo zgrajeni v vsaki td.

1046
00:46:06,950 --> 00:46:10,195
>> Prav tako, Assam, recimo, mi je všeč njihova
Višine bi biti malo bolj -

1047
00:46:10,195 --> 00:46:12,700

1048
00:46:12,700 --> 00:46:19,260
Višine stvar me vrže dol, tako
kaj moram nastaviti na njihovo višino?

1049
00:46:19,260 --> 00:46:20,210
Izberemo poljubno število.

1050
00:46:20,210 --> 00:46:20,860
>> PUBLIKA: 200?

1051
00:46:20,860 --> 00:46:21,000
>> JASON Hirschhorna: 200.

1052
00:46:21,000 --> 00:46:22,380
Jaz bom izbral 100.

1053
00:46:22,380 --> 00:46:22,940
To je super.

1054
00:46:22,940 --> 00:46:25,540
Za res všeč 200.

1055
00:46:25,540 --> 00:46:26,140
Takole!

1056
00:46:26,140 --> 00:46:31,830
OK, zdaj je to začeli gledati malo
bolje in malo bolj organizirano.

1057
00:46:31,830 --> 00:46:35,020

1058
00:46:35,020 --> 00:46:38,170
>> Kakršne koli druge misli za tisto, kar moramo
storiti za shranjevanje slik delfinov?

1059
00:46:38,170 --> 00:46:38,530
Ja?

1060
00:46:38,530 --> 00:46:42,810
>> PUBLIKA: Ali so citati ali samski
citati, okoli vrednosti, za

1061
00:46:42,810 --> 00:46:45,015
vir, višina, širina,
so tiste neobvezno?

1062
00:46:45,015 --> 00:46:46,710
>> JASON Hirschhorna: Kje
so enojnih narekovajih?

1063
00:46:46,710 --> 00:46:50,340
>> Skupina: Kot v nekaterih primerih,
bi si moral kot višino

1064
00:46:50,340 --> 00:46:53,050
enak quote "150". Je
da niso potrebne.

1065
00:46:53,050 --> 00:46:54,510
>> JASON Hirschhorna: Torej dajmo
poglej tukaj.

1066
00:46:54,510 --> 00:47:04,120
Če kliknemo na morje, pojdi v tabeli,
boste opazili, tukaj ga dejansko

1067
00:47:04,120 --> 00:47:05,540
prištejejo ponudbe za mano.

1068
00:47:05,540 --> 00:47:08,310
>> PUBLIKA: OK.

1069
00:47:08,310 --> 00:47:12,080
>> JASON Hirschhorna: In tako sem spoznala, kaj
delamo zdi boleče počasen.

1070
00:47:12,080 --> 00:47:14,950
Napisali smo samo tri vrstice kode
Doslej ali štiri vrstice kode, ampak

1071
00:47:14,950 --> 00:47:18,130
To je v bistvu postopek, ki
Sem šel skozi vsak čas želim

1072
00:47:18,130 --> 00:47:18,990
da bi te spletne strani.

1073
00:47:18,990 --> 00:47:22,800
Po vrsticah, z uporabo konzole navzdol
tukaj, raziskuje stvari in kipec

1074
00:47:22,800 --> 00:47:24,320
out korak-po-korak, kaj želim storiti.

1075
00:47:24,320 --> 00:47:28,580
Torej, upajmo, to posnema za vaju
v dobrem, pedagoški način, kar ste

1076
00:47:28,580 --> 00:47:31,055
bo dejansko delal, ko
ustvarite svojo spletno stran.

1077
00:47:31,055 --> 00:47:34,260

1078
00:47:34,260 --> 00:47:35,410
>> Gremo naprej.

1079
00:47:35,410 --> 00:47:36,500
Ustvarili smo te stvari.

1080
00:47:36,500 --> 00:47:37,240
Bom dejansko -

1081
00:47:37,240 --> 00:47:40,950
Avie, imam pomembno vprašanje za vas.

1082
00:47:40,950 --> 00:47:43,350
Ne vem, bomo naprej.

1083
00:47:43,350 --> 00:47:48,950
Greva na "železniške delfinov, ko njegov
slika kliknili. "Kako ti

1084
00:47:48,950 --> 00:47:51,288
Predlagamo pišem to vrstico kode?

1085
00:47:51,288 --> 00:47:54,235
>> PUBLIKA: Obstaja funkcija
imenovano "vlak".

1086
00:47:54,235 --> 00:47:57,030
>> JASON Hirschhorna: Tam je funkcija
imenovano "vlak", ravno prav.

1087
00:47:57,030 --> 00:47:59,520
>> PUBLIKA: Pričakuje, da bo indeks.

1088
00:47:59,520 --> 00:48:02,630
>> JASON Hirschhorna: Vlak pričakuje
indeks je tako, OK.

1089
00:48:02,630 --> 00:48:05,020
Avie, to je točno obrazložitev
da rada vidim.

1090
00:48:05,020 --> 00:48:06,320
Vlak pričakuje indeks.

1091
00:48:06,320 --> 00:48:08,230
>> PUBLIKA: Torej boš
da imajo zanko.

1092
00:48:08,230 --> 00:48:11,540
>> JASON Hirschhorna: No, želim narediti
ko je slika kliknili, tako Avie,

1093
00:48:11,540 --> 00:48:15,140
kako spremljati, ko
Slika je kliknil?

1094
00:48:15,140 --> 00:48:16,380
Obstaja nekaj načinov za to.

1095
00:48:16,380 --> 00:48:20,330
To je moč JavaScript in
jQuery, ampak tudi najtežji del.

1096
00:48:20,330 --> 00:48:22,950
>> PUBLIKA: Če oklepaj, ne.

1097
00:48:22,950 --> 00:48:27,390
Ali pa, če oklepaj dogodek, ali kaj
relativno enostavna?

1098
00:48:27,390 --> 00:48:30,850
>> JASON Hirschhorna: Tako smo videli nekaj
načinov, da to storite v predavanju.

1099
00:48:30,850 --> 00:48:36,860
Ena stvar je, da, tukaj, lahko
narediti nekaj podobnega bi lahko ustvarili

1100
00:48:36,860 --> 00:48:39,340
funkcije, kot so na klik, ali pa
nekaj podobnega na klik.

1101
00:48:39,340 --> 00:48:41,620
Vsi spomnite videnje
nekaj takega?

1102
00:48:41,620 --> 00:48:46,630
Vam je v notranjosti HTML tag.

1103
00:48:46,630 --> 00:48:47,910
Vidim nekaj praznih obrazov.

1104
00:48:47,910 --> 00:48:49,910
Nekateri ljudje so, kot so, kaj
se govori?

1105
00:48:49,910 --> 00:48:52,150
>> To je v redu, ker mislim, da je
bolj zapleten način, da to storite.

1106
00:48:52,150 --> 00:48:55,110
Bomo storili veliko lažje
način s pomočjo jQuery.

1107
00:48:55,110 --> 00:48:55,560
Torej, Avie?

1108
00:48:55,560 --> 00:48:57,350
>> PUBLIKA: Hm?

1109
00:48:57,350 --> 00:49:00,280
>> JASON Hirschhorna: Če želim narediti
Nekaj ​​jQuery, sem seveda začetek,

1110
00:49:00,280 --> 00:49:05,090
kot prej, s to znak za dolar, odprt
paren, v bližini paren in dvojna

1111
00:49:05,090 --> 00:49:06,120
citira tukaj.

1112
00:49:06,120 --> 00:49:07,660
Zdaj vemo, da rabim izbirnik tukaj.

1113
00:49:07,660 --> 00:49:11,720
Kaj selektor vam predlagam, bi se uporabljala
za vsako posamezno sliko ali vsak

1114
00:49:11,720 --> 00:49:14,680
single slika?

1115
00:49:14,680 --> 00:49:16,160
>> PUBLIKA: Image?

1116
00:49:16,160 --> 00:49:17,840
>> JASON Hirschhorna: To je
Točno tako.

1117
00:49:17,840 --> 00:49:20,240
, Ki se bo uporabljala za vsako posamezno sliko.

1118
00:49:20,240 --> 00:49:20,940
Dobi vse.

1119
00:49:20,940 --> 00:49:24,005
To ni ID, to ni razred, je
Vrsta oznako, in to bo

1120
00:49:24,005 --> 00:49:24,970
dobili vsak enega.

1121
00:49:24,970 --> 00:49:27,610
>> In zdaj bom povedal to
za zdaj, in si lahko ogledate do več

1122
00:49:27,610 --> 00:49:33,540
dokumentacijo o kasneje, vendar to
stvar, ki se imenuje "on" se ukvarja z dogodki.

1123
00:49:33,540 --> 00:49:37,370
Torej, kaj boste dobili storiti zdaj, in ki je
super močna, je reči, katera vrsta

1124
00:49:37,370 --> 00:49:40,260
dogodek, ki ga iščete in kaj
želite storiti, ko

1125
00:49:40,260 --> 00:49:41,160
prejeli ta dogodek.

1126
00:49:41,160 --> 00:49:43,155
Tako da bom dal malo
malo več kode, Avie, nato

1127
00:49:43,155 --> 00:49:44,200
moraš iti, v redu?

1128
00:49:44,200 --> 00:49:46,700
>> PUBLIKA: OK.

1129
00:49:46,700 --> 00:49:50,030
>> PUBLIKA: Po - bomo rekli
"Klik" v tem primeru, ki ga bom

1130
00:49:50,030 --> 00:49:50,750
splošno uporabo.

1131
00:49:50,750 --> 00:49:54,460
Torej na klik, nato pa bomo
to opraviti anonimno funkcijo.

1132
00:49:54,460 --> 00:50:01,840

1133
00:50:01,840 --> 00:50:04,100
In ta sintaksa boste videli
veliko, in upajmo, da bo

1134
00:50:04,100 --> 00:50:05,210
se pisanja veliko.

1135
00:50:05,210 --> 00:50:10,350
Kaj to pa je spet na klik
v nekaj, kar ti sliko, karkoli,

1136
00:50:10,350 --> 00:50:14,960
kaj se imenuje slika, se bomo
zagnati to anonimno funkcijo.

1137
00:50:14,960 --> 00:50:16,260
>> Nisem ji dala ime.

1138
00:50:16,260 --> 00:50:18,180
Nisem ji posreduje nobenih argumentov.

1139
00:50:18,180 --> 00:50:21,870
Jaz sem samo, kot je, ustvarjanje tukaj
deluje, in tukaj je, kaj koda

1140
00:50:21,870 --> 00:50:22,750
boš naredil.

1141
00:50:22,750 --> 00:50:24,310
Da je s to sintakso sredstvi.

1142
00:50:24,310 --> 00:50:27,500
In prav tako, kot boste opazili, je videti
zelo podoben temu tukaj, da smo

1143
00:50:27,500 --> 00:50:29,310
napisal prej.

1144
00:50:29,310 --> 00:50:30,400
>> OK, Avie.

1145
00:50:30,400 --> 00:50:34,720
Torej hočeš, da pokličem vlak na indeks.

1146
00:50:34,720 --> 00:50:35,690
Je to tisto, kar želite narediti?

1147
00:50:35,690 --> 00:50:36,400
>> PUBLIKA: Da.

1148
00:50:36,400 --> 00:50:36,800
>> JASON Hirschhorna: To je to?

1149
00:50:36,800 --> 00:50:37,840
OK.

1150
00:50:37,840 --> 00:50:38,610
Poglejmo, kaj se zgodi.

1151
00:50:38,610 --> 00:50:39,420
>> PUBLIKA: Počakajte, čeprav.

1152
00:50:39,420 --> 00:50:41,240
Indeks ni spremenljivka zdaj.

1153
00:50:41,240 --> 00:50:42,520
>> JASON Hirschhorna: Torej indeks ni
spremenljivka zdaj.

1154
00:50:42,520 --> 00:50:43,780
Ne vem, kje ste jo dobili od.

1155
00:50:43,780 --> 00:50:45,030
>> PUBLIKA: [neslišno].

1156
00:50:45,030 --> 00:50:47,440

1157
00:50:47,440 --> 00:50:51,280
Tako da boste morali najprej ugotoviti,
delfin, ki je dobil kliknili?

1158
00:50:51,280 --> 00:50:52,440
>> JASON Hirschhorna: Odlično.

1159
00:50:52,440 --> 00:50:55,260
Boste morali ugotoviti, kateri
delfin dobil kliknili.

1160
00:50:55,260 --> 00:50:56,840
To je divji strel v temi.

1161
00:50:56,840 --> 00:50:59,355
Ima kdo kakšno idejo, kako lahko ugotovimo
kaj delfin dobil kliknili?

1162
00:50:59,355 --> 00:51:03,280
Če ne, bom samo dal,
ker je to precej noro.

1163
00:51:03,280 --> 00:51:04,350
OK.

1164
00:51:04,350 --> 00:51:06,670
Torej, kaj je izpisal preko console.log.

1165
00:51:06,670 --> 00:51:17,440

1166
00:51:17,440 --> 00:51:19,550
>> Ta stvar.

1167
00:51:19,550 --> 00:51:25,830
Torej, znak za dolar, odprta paren,
Tako blizu paren.

1168
00:51:25,830 --> 00:51:28,110
Torej, ko sem kliknite na to sliko, bom
to natisniti na konzolo,

1169
00:51:28,110 --> 00:51:29,030
in da vidimo, kaj se zgodi.

1170
00:51:29,030 --> 00:51:30,820
Pojdimo nazaj.

1171
00:51:30,820 --> 00:51:31,640
Pojdimo potolažiti.

1172
00:51:31,640 --> 00:51:33,950
Brez napak, hvala bogu.

1173
00:51:33,950 --> 00:51:35,420
>> OK.

1174
00:51:35,420 --> 00:51:36,040
Sem kliknil.

1175
00:51:36,040 --> 00:51:37,660
Naj še enkrat narediti.

1176
00:51:37,660 --> 00:51:43,290
Sem kliknil to prvo sliko, in to
dobil natisnjene na konzolo,

1177
00:51:43,290 --> 00:51:44,200
ta linija stvari.

1178
00:51:44,200 --> 00:51:47,230
Grem, da uporabljate
Beseda "to" veliko.

1179
00:51:47,230 --> 00:51:52,000
Ta stvar tukaj, to je zelo
posebnega, in to počne točno, kaj

1180
00:51:52,000 --> 00:51:53,340
Avie želi to storiti.

1181
00:51:53,340 --> 00:51:57,640
To je vse, kar je bilo
kliknili ali karkoli.

1182
00:51:57,640 --> 00:52:01,850
Ker še enkrat, to se zgodi, selektor
da se ukvarjajo z veliko stvarmi, ne bomo

1183
00:52:01,850 --> 00:52:05,310
nujno vedeti, katera stvar, ki smo
govoriš, zato smo želeli ugotoviti

1184
00:52:05,310 --> 00:52:08,300
, katero stvar, govorimo
o preko te skladnje.

1185
00:52:08,300 --> 00:52:12,320
V tem primeru tukaj, hashtag ocean,
smo vedno vedeli, kaj stvar, ki smo

1186
00:52:12,320 --> 00:52:14,740
bodo govorili o tako
ne bomo nikoli res potrebno to

1187
00:52:14,740 --> 00:52:15,880
znotraj hashtag ocean.

1188
00:52:15,880 --> 00:52:18,430
Vedno je ocean, ki div.

1189
00:52:18,430 --> 00:52:21,770
To je ID, edina možna stvar.

1190
00:52:21,770 --> 00:52:25,840
>> Vendar pa v tem primeru, to velja za veliko
podob, v resnici, šest slik,

1191
00:52:25,840 --> 00:52:28,180
in tako smo želeli vedeti, kaj zlasti
Slika je bila kliknili.

1192
00:52:28,180 --> 00:52:33,022
In izgleda, da je to
vrsto informacij, ki jih dobijo.

1193
00:52:33,022 --> 00:52:41,540
Smo dobili zgleda nekaj velikega
Niz, in smo dobili vse to

1194
00:52:41,540 --> 00:52:43,890
Podatki s tem.

1195
00:52:43,890 --> 00:52:46,550
Smo dobili tone in tone
in ton stvari.

1196
00:52:46,550 --> 00:52:48,020
jQuery je zelo močna.

1197
00:52:48,020 --> 00:52:53,890
To nam je kar tono informacij
O tem HTML elementa.

1198
00:52:53,890 --> 00:52:58,484
Avie, kaj želimo vedeti
O tem element HTML?

1199
00:52:58,484 --> 00:53:00,306
>> PUBLIKA: Nekaj ​​podobnega kot ID.

1200
00:53:00,306 --> 00:53:01,190
>> JASON Hirschhorna: ID.

1201
00:53:01,190 --> 00:53:04,375
No, imamo vir,
širino in višino.

1202
00:53:04,375 --> 00:53:06,246
>> PUBLIKA: Mi lahko uporabite vir.

1203
00:53:06,246 --> 00:53:07,190
>> JASON Hirschhorna: Mi
Lahko uporabite vir.

1204
00:53:07,190 --> 00:53:09,140
To nam bo dal niz,
URL niz.

1205
00:53:09,140 --> 00:53:10,330
Kaj bomo naredili s
da ko bomo imeli to?

1206
00:53:10,330 --> 00:53:11,800
Kako bomo prišli nazaj do naše
indeks ocean_array?

1207
00:53:11,800 --> 00:53:14,725
>> PUBLIKA: Mi lahko primerjajo
je na drugi strani.

1208
00:53:14,725 --> 00:53:16,910
>> JASON Hirschhorna: Tako smo lahko
zanka skozi vsako.

1209
00:53:16,910 --> 00:53:21,350
Zdaj smo spet lahko zanko
in nato primerjati to.

1210
00:53:21,350 --> 00:53:23,860
Predstavljajte si, kaj bi bilo enostavnejši način,
če bi lahko samo predstavljate eno?

1211
00:53:23,860 --> 00:53:25,564
>> PUBLIKA: Ne da bi zanko.

1212
00:53:25,564 --> 00:53:26,930
>> JASON Hirschhorna: Ne da bi zanko.

1213
00:53:26,930 --> 00:53:29,210
>> PUBLIKA: Just ugotoviti
delfin, [neslišno].

1214
00:53:29,210 --> 00:53:31,430
>> JASON Hirschhorna: Kipec
kaj delfin.

1215
00:53:31,430 --> 00:53:31,940
OK.

1216
00:53:31,940 --> 00:53:34,780
Torej, kaj je rešitev te informacije
V tem oznako slike.

1217
00:53:34,780 --> 00:53:37,370
In še enkrat, prav zdaj, del te stvari
preprosto čarobna, ker sem morda

1218
00:53:37,370 --> 00:53:39,950
se vam bo pokazal to prvič,
vendar upam, da so to stvari,

1219
00:53:39,950 --> 00:53:41,140
boste, da se delaš.

1220
00:53:41,140 --> 00:53:43,440
Torej je to nekaj
čarobno ne moreš storiti.

1221
00:53:43,440 --> 00:53:46,500
Lahko prihranite nekaj dodatnega metapodatke
v elementu.

1222
00:53:46,500 --> 00:53:48,080
To ne bo prikazal, da ne bo
vpliva na karkoli.

1223
00:53:48,080 --> 00:53:49,370
Lahko samo shranite tam.

1224
00:53:49,370 --> 00:53:54,170
In jaz predlagam, varčujemo
Indeks z vsako sliko.

1225
00:53:54,170 --> 00:54:03,020
>> Tako kot ti, da si ustvarijo
atribut imenovan podatki dash, in

1226
00:54:03,020 --> 00:54:04,750
potem ne glede na ime te
bi jo dal.

1227
00:54:04,750 --> 00:54:08,940
Podatki armaturna je posebna stvar, ki je
dana za vas, in pravi, da je to

1228
00:54:08,940 --> 00:54:10,990
Nekaj ​​uporabnikov se bo vzpostavila.

1229
00:54:10,990 --> 00:54:17,380
Tako ustvarjamo to stvar, imenovano
indeks, ta ključ se imenuje indeks.

1230
00:54:17,380 --> 00:54:21,530
>> In znotraj njega, bomo dal
Ne le eden vsakič, ampak kaj storiti

1231
00:54:21,530 --> 00:54:22,710
smo se v njem, Avie?

1232
00:54:22,710 --> 00:54:23,960
Kaj se dogaja tukaj?

1233
00:54:23,960 --> 00:54:28,002

1234
00:54:28,002 --> 00:54:29,954
>> PUBLIKA: Dolphin.

1235
00:54:29,954 --> 00:54:31,140
>> JASON Hirschhorna: Dolphin.

1236
00:54:31,140 --> 00:54:33,370
To ni ta beseda.

1237
00:54:33,370 --> 00:54:34,920
Delfin.

1238
00:54:34,920 --> 00:54:38,300
In spet smo že natisnjene delfina
prej, da 0, 1, 2, 3, 4, 5, in

1239
00:54:38,300 --> 00:54:39,590
smo varčevanje, ki s sliko.

1240
00:54:39,590 --> 00:54:42,250

1241
00:54:42,250 --> 00:54:48,580
>> Torej, zdaj, če jaz - in spet,
varčujemo, da so metapodatki.

1242
00:54:48,580 --> 00:54:50,070
Kako lahko dostopate, da metapodatki?

1243
00:54:50,070 --> 00:54:52,690
To je s funkcijo le, imenovano "podatki".
In boste morali to opraviti enega

1244
00:54:52,690 --> 00:54:57,960
in samo en argument, ki
je ime stvar.

1245
00:54:57,960 --> 00:55:00,150
Torej bom to natisniti,
in potem bom vzel vprašanja.

1246
00:55:00,150 --> 00:55:04,800
Ampak mi v bistvu pravim dal to
Objekt, ki je bil kliknili na, poglej

1247
00:55:04,800 --> 00:55:07,790
v vseh svojih lastnosti podatkovnih
in ena imenovana "indeksirajo,"

1248
00:55:07,790 --> 00:55:09,080
daj mi te vrednosti.

1249
00:55:09,080 --> 00:55:11,580
>> In da vidimo, kaj se zgodi, ko
smo osvežite to stran.

1250
00:55:11,580 --> 00:55:14,910

1251
00:55:14,910 --> 00:55:17,580
Točno to, kar smo pričakovali.

1252
00:55:17,580 --> 00:55:18,910
Še enkrat, da je bilo precej čarobno.

1253
00:55:18,910 --> 00:55:20,680
Pravkar smo naredili veliko tam.

1254
00:55:20,680 --> 00:55:22,360
Kdo ima kakršna koli vprašanja o tem?

1255
00:55:22,360 --> 00:55:22,560
Ja?

1256
00:55:22,560 --> 00:55:24,540
>> PUBLIKA: Imam vprašanje
O live kodo.

1257
00:55:24,540 --> 00:55:27,590
Uporabite kot enojni narekovaj, dvojni
citiram, kot prav tam.

1258
00:55:27,590 --> 00:55:28,534
>> JASON Hirschhorna: Tukaj.

1259
00:55:28,534 --> 00:55:29,006
>> OBČINSTVO: Ja.

1260
00:55:29,006 --> 00:55:33,300
Ali obstaja razlog, zakaj ste storili
enojni narekovaj, dvojni narekovaj?

1261
00:55:33,300 --> 00:55:35,190
>> JASON Hirschhorna: Obstaja razlog,
in to gre nazaj na tisto, kar Marcus

1262
00:55:35,190 --> 00:55:35,830
prej vprašal.

1263
00:55:35,830 --> 00:55:38,940
V skladu s tem sem bil
malo bolje v moji kodiranje.

1264
00:55:38,940 --> 00:55:43,810
To hočem, in to je tisto, kar sem pošteno
bi bilo treba storiti vse

1265
00:55:43,810 --> 00:55:46,240
čas, za širino in višino
zlasti.

1266
00:55:46,240 --> 00:55:49,090
Oglejmo si tukaj.

1267
00:55:49,090 --> 00:55:50,280
Boste videli tukaj,
Lahko si videl to?

1268
00:55:50,280 --> 00:55:54,620
Vem, da je nekako majhen, vendar podatki
Indeks dash je v dvojnih narekovajih.

1269
00:55:54,620 --> 00:55:56,240
Te stvari vedno potrebujejo
biti v dvojnih narekovajih.

1270
00:55:56,240 --> 00:55:58,630
Vrednost vedno potrebno
biti v dvojnih narekovajih.

1271
00:55:58,630 --> 00:56:01,910
>> Ampak tukaj, če bom naredil dvojni narekovaj, da
bi na koncu tega niza tukaj,

1272
00:56:01,910 --> 00:56:03,930
in zdaj jaz ne bi bil
tipkanje v nizu.

1273
00:56:03,930 --> 00:56:09,600
Tako sem dobil okoli, da jih samo z uporabo
enojni narekovaj, ker enojni narekovaj

1274
00:56:09,600 --> 00:56:13,120
ne konča niz JavaScript, toda
v HTML ne skrbi, če ste

1275
00:56:13,120 --> 00:56:14,270
ji daje enojne narekovaje
ali dvojne narekovaje.

1276
00:56:14,270 --> 00:56:16,395
To bo samo razlaga
kot dvojne narekovaje.

1277
00:56:16,395 --> 00:56:17,460
Ali to smiselno?

1278
00:56:17,460 --> 00:56:17,855
Ja?

1279
00:56:17,855 --> 00:56:21,225
>> PUBLIKA: Kako dobiš, da IP naslov
na dnu vaše stranke?

1280
00:56:21,225 --> 00:56:22,473
Moj pravi, da ni IP naslov.

1281
00:56:22,473 --> 00:56:24,450
Ali obstaja nekaj, kar bi morala
naredili v [neslišno].

1282
00:56:24,450 --> 00:56:26,385
>> JASON Hirschhorna: V vaši napravi,
to nima nič?

1283
00:56:26,385 --> 00:56:27,043
>> PUBLIKA: Da.

1284
00:56:27,043 --> 00:56:29,540
>> JASON Hirschhorna: Nekaj ​​je
lahko storite, da to popravimo, vendar nisem

1285
00:56:29,540 --> 00:56:31,030
dogaja, da preživijo čas hoje
skozi to prav zdaj.

1286
00:56:31,030 --> 00:56:33,705
Vendar pa lahko to storite po oddelku.

1287
00:56:33,705 --> 00:56:38,520
>> PUBLIKA: Če greš nazaj
konzola, zakaj je

1288
00:56:38,520 --> 00:56:41,168
Številka na seznamu 012.321?

1289
00:56:41,168 --> 00:56:42,480
>> JASON Hirschhorna: konzola?

1290
00:56:42,480 --> 00:56:44,760
Oh, saj sem bil tako, da kliknete
okoli divje.

1291
00:56:44,760 --> 00:56:45,440
>> PUBLIKA: Oh, OK.

1292
00:56:45,440 --> 00:56:46,410
Never mind.

1293
00:56:46,410 --> 00:56:50,754
>> JASON Hirschhorna: In spet sem lahko kliknete
o nečem a bajillion krat.

1294
00:56:50,754 --> 00:56:53,500
>> PUBLIKA: Imam vprašanje o
tvoja zanka spet vaš for zanke.

1295
00:56:53,500 --> 00:56:56,450
Saj veš, v P nastavite osem, ki jih
uporabiti drugačno obliko te zanke.

1296
00:56:56,450 --> 00:57:02,210
Tako da jim kot var i je enak 0, i manj
kot, ocean_array.length, i + +.

1297
00:57:02,210 --> 00:57:04,160
So tisti, ki enakovredno?

1298
00:57:04,160 --> 00:57:06,070
>> JASON Hirschhorna: To je
standard za zanko.

1299
00:57:06,070 --> 00:57:07,570
Ali pa ja, to je za zanke.

1300
00:57:07,570 --> 00:57:08,565
V bistvu, smo videli, da je enakovreden.

1301
00:57:08,565 --> 00:57:10,450
>> PUBLIKA: Tako da je enakovreden
s tem, kar si storil tukaj?

1302
00:57:10,450 --> 00:57:12,030
Je tista, bolje
kot drugi?

1303
00:57:12,030 --> 00:57:13,280
>> JASON Hirschhorna: Ne

1304
00:57:13,280 --> 00:57:17,010

1305
00:57:17,010 --> 00:57:20,110
>> Torej, še enkrat smo šli
pri nekaterih stvareh.

1306
00:57:20,110 --> 00:57:23,170
Mi smo zdaj preselili naše cone udobja
in začeli delati nekaj res kul

1307
00:57:23,170 --> 00:57:26,840
Stvari, ki smo ga ni nujno izginili
v razred prej bo vendar

1308
00:57:26,840 --> 00:57:28,870
upajmo, da bo zelo močna
za vas, ko kodiranje.

1309
00:57:28,870 --> 00:57:30,670
>> Avie, greva nazaj gor.

1310
00:57:30,670 --> 00:57:31,890
Imam indeks delfinov.

1311
00:57:31,890 --> 00:57:32,850
Zdaj, kaj moram storiti?

1312
00:57:32,850 --> 00:57:34,760
>> PUBLIKA: Moraš ga usposobiti.

1313
00:57:34,760 --> 00:57:39,985
Torej, namesto da console.log, vas
lahko določena spremenljivka, ki je enak?

1314
00:57:39,985 --> 00:57:40,680
>> JASON Hirschhorna: OK.

1315
00:57:40,680 --> 00:57:41,440
Torej?

1316
00:57:41,440 --> 00:57:44,450
>> PUBLIKA: Nisem prepričan
če lahko to storite.

1317
00:57:44,450 --> 00:57:46,880
>> JASON Hirschhorna: Torej var x enak
to, karkoli že to vrne,

1318
00:57:46,880 --> 00:57:47,650
se bom vrnil.

1319
00:57:47,650 --> 00:57:48,350
Ni važno.

1320
00:57:48,350 --> 00:57:49,490
To se lahko vrne nobene spremenljivke.

1321
00:57:49,490 --> 00:57:51,580
Tukaj ni tipi tukaj.

1322
00:57:51,580 --> 00:57:53,970
>> PUBLIKA: Ali si lahko samo
narediti klic funkcije.

1323
00:57:53,970 --> 00:57:55,465
>> JASON Hirschhorna: Ja,
zakaj ne bi jaz naredil?

1324
00:57:55,465 --> 00:57:58,191
Samo naredi klic funkcije.

1325
00:57:58,191 --> 00:57:59,105
>> OBČINSTVO: Ja.

1326
00:57:59,105 --> 00:58:01,100
Povedano drugače niz oklepaju.

1327
00:58:01,100 --> 00:58:02,330
>> JASON Hirschhorna: popolna.

1328
00:58:02,330 --> 00:58:03,580
Točno tako.

1329
00:58:03,580 --> 00:58:07,250

1330
00:58:07,250 --> 00:58:08,830
Tako da bo poklical funkcijo vlaka.

1331
00:58:08,830 --> 00:58:14,020
Seveda ni nič na vlaku
funkcija, zato predlagam, Akshar, kaj sem

1332
00:58:14,020 --> 00:58:15,440
bi morala storiti v funkciji vlaka.

1333
00:58:15,440 --> 00:58:16,400
Dajte mi nekaj psevdo kodo.

1334
00:58:16,400 --> 00:58:20,940
>> PUBLIKA: Mislim, da bi morali odstraniti
delfina iz prvotne tabele.

1335
00:58:20,940 --> 00:58:24,130

1336
00:58:24,130 --> 00:58:27,010
>> JASON Hirschhorna: In to je vse
Noetu prej, zakaj smo kopirati

1337
00:58:27,010 --> 00:58:30,510
je v novo paleto.

1338
00:58:30,510 --> 00:58:34,650
Seveda, ker ne bomo urediti naše
delfini matrika, ker kaj, če druga

1339
00:58:34,650 --> 00:58:37,390
Program je njeno uporabo, ali kaj, če želimo
dostop je nekje drugje?

1340
00:58:37,390 --> 00:58:41,005
Mi želimo, da bi kopijo, in to je
eni bomo urediti.

1341
00:58:41,005 --> 00:58:46,565
>> PUBLIKA: Potem lahko postavite
je v svoji novi lokaciji.

1342
00:58:46,565 --> 00:58:48,990
>> JASON Hirschhorna: In kaj storiti
moramo storiti po tem?

1343
00:58:48,990 --> 00:58:53,298
>> PUBLIKA: In potem si natisnete
informacije o delfinu.

1344
00:58:53,298 --> 00:58:56,050

1345
00:58:56,050 --> 00:58:57,970
>> JASON Hirschhorna: To je
Točno tako.

1346
00:58:57,970 --> 00:59:03,835
Mi ga odstranite iz ocean_array smo
ga v bazenu, nato pa črpamo

1347
00:59:03,835 --> 00:59:06,870
ocean v bazenu.

1348
00:59:06,870 --> 00:59:09,625
Kako odstraniti delfin
iz ocean_array?

1349
00:59:09,625 --> 00:59:12,102
>> PUBLIKA: Greš v indeksu.

1350
00:59:12,102 --> 00:59:13,280
Oh, OK.

1351
00:59:13,280 --> 00:59:16,076
Uporabite funkcijo spoja.

1352
00:59:16,076 --> 00:59:17,720
>> JASON Hirschhorna: OK, torej, da je prav.

1353
00:59:17,720 --> 00:59:20,950
Lahko uporabite funkcijo spoja, ki
traja nekaj ven iz matrike in

1354
00:59:20,950 --> 00:59:22,250
kondenzira.

1355
00:59:22,250 --> 00:59:23,560
To je nekaj novega smo
ni videl.

1356
00:59:23,560 --> 00:59:26,120
Vendar sem dejansko želijo ohraniti prostor
tam zato, ker želim, da natisnete

1357
00:59:26,120 --> 00:59:28,092
Prazen prostor v ocean.

1358
00:59:28,092 --> 00:59:36,480
>> PUBLIKA: Torej lahko nastavite sliko
tega indeksa, ocean_array

1359
00:59:36,480 --> 00:59:39,636
Indeks dot slike.

1360
00:59:39,636 --> 00:59:41,730
>> JASON Hirschhorna: OK,
ocean_array, indeks.

1361
00:59:41,730 --> 00:59:43,125
>> PUBLIKA: Dot sliko.

1362
00:59:43,125 --> 00:59:44,300
>> JASON Hirschhorna: Dot sliko.

1363
00:59:44,300 --> 00:59:45,910
>> PUBLIKA: In ti jo nastavite na nič?

1364
00:59:45,910 --> 00:59:47,080
>> JASON Hirschhorna: Enako null.

1365
00:59:47,080 --> 00:59:49,440
OK.

1366
00:59:49,440 --> 00:59:53,230
Torej, nič ni tam, tako da potem
Kako sem dal v bazenu?

1367
00:59:53,230 --> 00:59:56,880
Constantine, kako sem
ga v bazenu?

1368
00:59:56,880 --> 01:00:00,140
Imamo to spremenljivko smo poklicali,
imenovano bazen, tukaj.

1369
01:00:00,140 --> 01:00:10,810
>> PUBLIKA: Ali pač enaka
ocean_array indeks?

1370
01:00:10,810 --> 01:00:12,575
>> PUBLIKA: ne Če boste
preklopite vrstni red?

1371
01:00:12,575 --> 01:00:14,325
>> JASON Hirschhorna: Samo trenutek.

1372
01:00:14,325 --> 01:00:14,770
Ja?

1373
01:00:14,770 --> 01:00:16,980
>> OBČINSTVO: Ja, to je bilo
pravzaprav dobro izhodišče.

1374
01:00:16,980 --> 01:00:19,890

1375
01:00:19,890 --> 01:00:24,372
>> JASON Hirschhorna: Kaj se tu gre?

1376
01:00:24,372 --> 01:00:25,510
>> PUBLIKA: Ali je indeks?

1377
01:00:25,510 --> 01:00:27,240
>> JASON Hirschhorna: Indeks, točno.

1378
01:00:27,240 --> 01:00:29,400
In kaj si rekla, Constantine,
je nekaj, kar bi morali storiti?

1379
01:00:29,400 --> 01:00:31,530
>> PUBLIKA: Morali bi morda
preklopite vrstni red.

1380
01:00:31,530 --> 01:00:34,300
>> JASON Hirschhorna: In zakaj naj bi
zamenjamo vrstni red, morda?

1381
01:00:34,300 --> 01:00:36,166
>> PUBLIKA: Ker si to
poudariti, da je že null.

1382
01:00:36,166 --> 01:00:39,755
>> JASON Hirschhorna: Torej, to ni vse, null,
vendar smo izgubili URL slike.

1383
01:00:39,755 --> 01:00:42,295

1384
01:00:42,295 --> 01:00:43,615
Smo ga izgubili za vedno?

1385
01:00:43,615 --> 01:00:47,878

1386
01:00:47,878 --> 01:00:48,970
>> PUBLIKA: tehnično ne?

1387
01:00:48,970 --> 01:00:50,540
>> JASON Hirschhorna: Have
smo ga izgubili za vedno?

1388
01:00:50,540 --> 01:00:51,290
>> PUBLIKA: Ne

1389
01:00:51,290 --> 01:00:52,780
>> JASON Hirschhorna: No, kje je?

1390
01:00:52,780 --> 01:00:54,220
>> PUBLIKA: V izvirni delfin -

1391
01:00:54,220 --> 01:00:56,310
>> JASON Hirschhorna: To je v delfini,
ampak v ocean_array

1392
01:00:56,310 --> 01:00:57,630
smo ga izgubili za vedno.

1393
01:00:57,630 --> 01:01:01,910
Torej Constantine, lahko predlaga
boljši način za pisanje te vrstice?

1394
01:01:01,910 --> 01:01:03,350
Pravzaprav mi je žal, je shranjena v bazenu.

1395
01:01:03,350 --> 01:01:08,640
Jo imamo v bazenu, saj
Bazen je predmet, kajne?

1396
01:01:08,640 --> 01:01:12,310
Ocean_array indeks, ocean_array
je niz predmetov.

1397
01:01:12,310 --> 01:01:15,590
>> Torej, bazen je objekt, in imamo
URL tam, in navzdol

1398
01:01:15,590 --> 01:01:16,220
Tukaj je nastavljena na null.

1399
01:01:16,220 --> 01:01:19,280
Torej pravzaprav nismo
je za vedno izgubljena.

1400
01:01:19,280 --> 01:01:20,080
To je samo shranjeni v bazenu.

1401
01:01:20,080 --> 01:01:23,730
Vsekakor pa to ni v ocean_array,
in kot si rekel, Carlos, je v

1402
01:01:23,730 --> 01:01:25,010
delfini niz.

1403
01:01:25,010 --> 01:01:25,720
>> Torej, to zgleda lepo.

1404
01:01:25,720 --> 01:01:27,550
In potem kako pripraviti
ocean in bazen?

1405
01:01:27,550 --> 01:01:27,780
Mario?

1406
01:01:27,780 --> 01:01:33,060
>> PUBLIKA: Lahko samo pokličete
draw_pool in draw_ocean?

1407
01:01:33,060 --> 01:01:36,060
Naprimer, draw_pool, in nato -

1408
01:01:36,060 --> 01:01:39,522
No, ja, da ne bo nič.

1409
01:01:39,522 --> 01:01:40,840
>> JASON Hirschhorna: Great.

1410
01:01:40,840 --> 01:01:42,350
Kaj se draw_pool storili?

1411
01:01:42,350 --> 01:01:43,715
>> PUBLIKA: Narišite bazen?

1412
01:01:43,715 --> 01:01:45,360
>> JASON Hirschhorna: Ja, no,
kaj bo naredil?

1413
01:01:45,360 --> 01:01:46,605
>> PUBLIKA: Žal mi je.

1414
01:01:46,605 --> 01:01:48,310
Lahko bi naredil enako
stvar, tako kot imajo -

1415
01:01:48,310 --> 01:01:49,670
>> JASON Hirschhorna: Drži,
bomo do tja.

1416
01:01:49,670 --> 01:01:49,880
Nič.

1417
01:01:49,880 --> 01:01:50,950
To počne nič prav zdaj.

1418
01:01:50,950 --> 01:01:52,080
Poglejmo, če to deluje, čeprav.

1419
01:01:52,080 --> 01:01:52,520
Kdo nam je dal to kodo?

1420
01:01:52,520 --> 01:01:54,640
Akshar in Constantine
nam je dal to kodo?

1421
01:01:54,640 --> 01:01:56,640
OK, pa poglejmo, kaj se zgodi.

1422
01:01:56,640 --> 01:01:57,810
>> Ah!

1423
01:01:57,810 --> 01:01:59,650
To je bilo tako razburljivo.

1424
01:01:59,650 --> 01:02:00,790
Izginil je.

1425
01:02:00,790 --> 01:02:01,810
Oh, fant.

1426
01:02:01,810 --> 01:02:03,060
To je nekako grd.

1427
01:02:03,060 --> 01:02:04,670
No, lahko gremo nazaj
in določi kasneje.

1428
01:02:04,670 --> 01:02:06,490
Sprašujem se, kje je?

1429
01:02:06,490 --> 01:02:07,890
Shranili smo v tem bazenu spremenljivko.

1430
01:02:07,890 --> 01:02:10,160
Kako ugotoviti, če je to
v tem bazenu spremenljivko?

1431
01:02:10,160 --> 01:02:15,780
No, še enkrat, moč JavaScript,
in predvsem orodja, ki

1432
01:02:15,780 --> 01:02:18,280
Chrome vam, se lahko zdaj
pregledati, da se bazen spremenljivko.

1433
01:02:18,280 --> 01:02:19,220
To je globalna, se spomniš?

1434
01:02:19,220 --> 01:02:20,960
Mi ni dal var ključno besedo.

1435
01:02:20,960 --> 01:02:23,430
Torej, če sem tip Vnesite tukaj,
Constantine, kaj misliš, da sem

1436
01:02:23,430 --> 01:02:24,800
bo dobil, ko sem pritisnite tipko Enter?

1437
01:02:24,800 --> 01:02:29,095

1438
01:02:29,095 --> 01:02:30,950
>> PUBLIKA: Ne vem.

1439
01:02:30,950 --> 01:02:31,470
>> JASON Hirschhorna: Ugani.

1440
01:02:31,470 --> 01:02:32,110
>> PUBLIKA: Nič?

1441
01:02:32,110 --> 01:02:33,680
>> JASON Hirschhorna: Nič narobe.

1442
01:02:33,680 --> 01:02:35,030
To je bil dober guess, čeprav.

1443
01:02:35,030 --> 01:02:35,920
Imam predmet.

1444
01:02:35,920 --> 01:02:37,680
Spomnim se, da si mi dal
da vrstica kode.

1445
01:02:37,680 --> 01:02:41,550
Bazen, rešil s tem, da
spremenljivka objekt.

1446
01:02:41,550 --> 01:02:45,180
In res, bomo videli predmet
ste shranili v njej.

1447
01:02:45,180 --> 01:02:46,710
To je noro.

1448
01:02:46,710 --> 01:02:48,510
Mi lahko pregledajo od tukaj.

1449
01:02:48,510 --> 01:02:52,110
To je skoraj tako kot v realnem času GDB, da
lahko pogledamo skozi našo kodo in

1450
01:02:52,110 --> 01:02:53,520
ugotovimo stvari ven.

1451
01:02:53,520 --> 01:02:55,780
To je super kul in super močan.

1452
01:02:55,780 --> 01:02:56,860
>> OK, dajmo končati to gor.

1453
01:02:56,860 --> 01:02:59,710
Narišimo bazen v petih minutah.

1454
01:02:59,710 --> 01:03:02,960

1455
01:03:02,960 --> 01:03:05,370
Maru, daj mi linijo
koda za pripravo bazen.

1456
01:03:05,370 --> 01:03:08,975
>> PUBLIKA: Lahko bi imeli še en
spremenljivka HTML, temveč / for.

1457
01:03:08,975 --> 01:03:11,070
>> JASON Hirschhorna: Naredimo
je zelo enostavna za zdaj.

1458
01:03:11,070 --> 01:03:14,156
Reciva natisniti ime
delfin urimo.

1459
01:03:14,156 --> 01:03:20,910
>> PUBLIKA: In potem lahko narediš dolar
podpisati, odprti oklepaji,

1460
01:03:20,910 --> 01:03:23,850
in potem open quote.

1461
01:03:23,850 --> 01:03:26,420
Mislim funtov bazen, če
da je bila stvar.

1462
01:03:26,420 --> 01:03:27,240
Ne spomnim se.

1463
01:03:27,240 --> 01:03:28,950
>> JASON Hirschhorna: Poglejmo nazaj.

1464
01:03:28,950 --> 01:03:29,570
Mislim, da je stvar.

1465
01:03:29,570 --> 01:03:30,660
>> PUBLIKA: OK, ja.

1466
01:03:30,660 --> 01:03:36,460
In zaprite quote, v bližini oklepaje
. Html, odprti oklepaji,

1467
01:03:36,460 --> 01:03:45,880
in potem mislim, bazen, kot oklepaj
0 ali nekaj takega.

1468
01:03:45,880 --> 01:03:47,500
Zapri ime pika.

1469
01:03:47,500 --> 01:03:49,720
Ne vem, če to deluje.

1470
01:03:49,720 --> 01:03:51,723
>> PUBLIKA: OK, pa poglejmo, kaj se zgodi.

1471
01:03:51,723 --> 01:03:55,507

1472
01:03:55,507 --> 01:03:59,040
"Ne morem brati imena lastnine
nedefinirano. "Torej še enkrat, tukaj je, kaj

1473
01:03:59,040 --> 01:03:59,770
gremo preverit.

1474
01:03:59,770 --> 01:04:00,500
Bomo raziskati.

1475
01:04:00,500 --> 01:04:02,710
Ste naredili bazen, odprt bracket0. Ime.

1476
01:04:02,710 --> 01:04:06,060
Še enkrat, to počnem ves čas, in jaz sem
zmedeni, kaj se dogaja, kaj počne

1477
01:04:06,060 --> 01:04:07,040
To opozorilo pomeni.

1478
01:04:07,040 --> 01:04:09,140
Oglejmo si bazen.

1479
01:04:09,140 --> 01:04:12,520
Oglejmo si bazen konzole
0, neopredeljene.

1480
01:04:12,520 --> 01:04:14,430
Torej, to je, če smo tek
v naš problem, kajne?

1481
01:04:14,430 --> 01:04:16,130
Bazen bracket 0 ne,
Očitno je, da obstajajo.

1482
01:04:16,130 --> 01:04:19,760
Kaj misliš, da ne obstajajo?

1483
01:04:19,760 --> 01:04:21,885
>> PUBLIKA: Je bazen le
objekt sam po sebi?

1484
01:04:21,885 --> 01:04:23,550
>> JASON Hirschhorna: No, kaj
piše tukaj?

1485
01:04:23,550 --> 01:04:25,850
Ko smo zadeti nastopiti na bazenu,
kaj pravi, da je?

1486
01:04:25,850 --> 01:04:26,510
>> PUBLIKA: Predmet.

1487
01:04:26,510 --> 01:04:28,076
>> JASON Hirschhorna: To je objekt, tako?

1488
01:04:28,076 --> 01:04:28,860
>> PUBLIKA: Oh, ja.

1489
01:04:28,860 --> 01:04:30,700
Torej samo pool.name namesto -

1490
01:04:30,700 --> 01:04:34,650
>> JASON Hirschhorna: Pool.name daje
točno to, kar si hotel.

1491
01:04:34,650 --> 01:04:38,060
In se zavedam, da bom skozi to
počasi in belaboring to točko, vendar

1492
01:04:38,060 --> 01:04:39,720
to je točno, kako sem naredil te stvari.

1493
01:04:39,720 --> 01:04:42,270
Boste zašli v teh hroščev
V času vašega končni projekt, zato upam,

1494
01:04:42,270 --> 01:04:44,360
to pooblašča, da lahko
uporabiti vsa razpoložljiva orodja.

1495
01:04:44,360 --> 01:04:47,780
Te so ključnega pomena in bo
dobiš super Prevarant daleč.

1496
01:04:47,780 --> 01:04:50,050
>> Torej, ne želim, da samo
izpiše ime.

1497
01:04:50,050 --> 01:04:54,375
Naj se malo
malo lepše, kot je ta.

1498
01:04:54,375 --> 01:04:56,000
>> PUBLIKA: Kaj še želite narediti?

1499
01:04:56,000 --> 01:04:56,460
>> JASON Hirschhorna: OK, v redu.

1500
01:04:56,460 --> 01:04:57,390
To bomo storili samo to.

1501
01:04:57,390 --> 01:04:57,760
Ugh.

1502
01:04:57,760 --> 01:05:00,354
Fantje, nimate življenja.

1503
01:05:00,354 --> 01:05:02,720
>> OK, bum, razumem.

1504
01:05:02,720 --> 01:05:04,040
Izgleda dobro.

1505
01:05:04,040 --> 01:05:09,910
Videli boste, Akshar, tu spodaj,
smo null, ni mogoče najti.

1506
01:05:09,910 --> 01:05:14,760
Torej izgleda, da je še vedno poskuša
našli nekaj podobo, in da ni storil

1507
01:05:14,760 --> 01:05:15,720
točno to, kar smo želeli storiti.

1508
01:05:15,720 --> 01:05:18,690
Ne bomo šli v to, toda
tam je verjetno čistejši način

1509
01:05:18,690 --> 01:05:19,835
to.

1510
01:05:19,835 --> 01:05:24,475
>> PUBLIKA: Lahko odideš kot
Prazen prostor za sliko?

1511
01:05:24,475 --> 01:05:27,080
Všeč mi je, namesto da jo nastavite na ničlo,
lahko nastavite, da se rad prazno

1512
01:05:27,080 --> 01:05:28,732
niz ali kaj?

1513
01:05:28,732 --> 01:05:30,020
>> JASON Hirschhorna: Tako?

1514
01:05:30,020 --> 01:05:31,270
>> OBČINSTVO: Ja.

1515
01:05:31,270 --> 01:05:36,894

1516
01:05:36,894 --> 01:05:38,144
>> JASON Hirschhorna: [neslišno].

1517
01:05:38,144 --> 01:05:42,000

1518
01:05:42,000 --> 01:05:42,860
Ni mogoče najti.

1519
01:05:42,860 --> 01:05:44,810
Torej obstaja boljši način za to početje.

1520
01:05:44,810 --> 01:05:46,290
Jaz bi predlagal to.

1521
01:05:46,290 --> 01:05:50,130

1522
01:05:50,130 --> 01:05:53,080
Samo nastavitev null tam.

1523
01:05:53,080 --> 01:05:54,200
Potem seveda, kaj je
se bo zgodilo?

1524
01:05:54,200 --> 01:05:56,050
To se dogaja, da gredo stran v celoti.

1525
01:05:56,050 --> 01:06:01,420
Torej, če smo želeli ohraniti prostor in naredite
da bomo verjetno želeli narediti nekaj

1526
01:06:01,420 --> 01:06:05,140
navzgor tudi tukaj.

1527
01:06:05,140 --> 01:06:06,650
Grem, da se boste začeli.

1528
01:06:06,650 --> 01:06:09,076
Akshar, daj mi to vrstico
kodne res hitro.

1529
01:06:09,076 --> 01:06:17,480
>> PUBLIKA: Če ocean_array, delfin,
enako, enako, enako - enako null?

1530
01:06:17,480 --> 01:06:20,342
Ja.

1531
01:06:20,342 --> 01:06:21,466
>> JASON Hirschhorna: Kaj pa potem?

1532
01:06:21,466 --> 01:06:24,046
>> PUBLIKA: Potem pa HTML.

1533
01:06:24,046 --> 01:06:27,920
Pravkar ste kopirajte spodnjo kodo, res.

1534
01:06:27,920 --> 01:06:29,100
>> JASON Hirschhorna: Kopiraj, kaj?

1535
01:06:29,100 --> 01:06:30,290
>> PUBLIKA: Lahko kopirate -

1536
01:06:30,290 --> 01:06:30,340
>> JASON Hirschhorna: Ta?

1537
01:06:30,340 --> 01:06:31,310
>> OBČINSTVO: Ja.

1538
01:06:31,310 --> 01:06:33,115
>> JASON Hirschhorna: Vse?

1539
01:06:33,115 --> 01:06:35,082
Nimamo sliko.

1540
01:06:35,082 --> 01:06:37,386
>> PUBLIKA: ti pomeni
Lahko pustite -

1541
01:06:37,386 --> 01:06:39,651
ja, lahko si ga zaprete.

1542
01:06:39,651 --> 01:06:41,560
Ampak mislim, da boste morali nastaviti širino.

1543
01:06:41,560 --> 01:06:45,280
>> JASON Hirschhorna: No, samo
Ustvarite prazen stolpec.

1544
01:06:45,280 --> 01:06:45,910
OK.

1545
01:06:45,910 --> 01:06:48,480
In potem v tem primeru, bomo verjetno
želite to narediti, kot dobro.

1546
01:06:48,480 --> 01:06:54,587

1547
01:06:54,587 --> 01:06:55,837
>> Ups.

1548
01:06:55,837 --> 01:06:58,810

1549
01:06:58,810 --> 01:06:59,820
Oh.

1550
01:06:59,820 --> 01:07:01,800
Ni deloval, vendar nismo
dobili to napako.

1551
01:07:01,800 --> 01:07:03,090
Poglejmo, kaj se je zgodilo tukaj.

1552
01:07:03,090 --> 01:07:07,400

1553
01:07:07,400 --> 01:07:09,690
>> Torej ni nič tam, pa kaj
si rekel, da bi morali dodati?

1554
01:07:09,690 --> 01:07:14,746
>> PUBLIKA: moramo določiti
širina zapored.

1555
01:07:14,746 --> 01:07:15,585
>> JASON Hirschhorna: Za kaj?

1556
01:07:15,585 --> 01:07:17,590
>> PUBLIKA: Mislim, da je 150.

1557
01:07:17,590 --> 01:07:19,650
>> OBČINSTVO: Ja, to je 150.

1558
01:07:19,650 --> 01:07:21,390
>> JASON Hirschhorna: Bomo dal to sem
voditi svojo kodo dosledni.

1559
01:07:21,390 --> 01:07:21,730
Ampak to ni ena.

1560
01:07:21,730 --> 01:07:22,350
OK, dobro.

1561
01:07:22,350 --> 01:07:23,050
Objavljeno.

1562
01:07:23,050 --> 01:07:25,650
OK?

1563
01:07:25,650 --> 01:07:28,241
Torej je še vedno tekoč stran.

1564
01:07:28,241 --> 01:07:29,780
>> PUBLIKA: Oh, pokličite širino?

1565
01:07:29,780 --> 01:07:32,570

1566
01:07:32,570 --> 01:07:35,140
>> JASON Hirschhorna: Zgleda
kot je širina 150.

1567
01:07:35,140 --> 01:07:36,290
Pa poglejmo.

1568
01:07:36,290 --> 01:07:39,375
Zdaj bomo narediti končno,
cool, močna stvar, ki sem

1569
01:07:39,375 --> 01:07:40,500
Vam bomo pokazali.

1570
01:07:40,500 --> 01:07:43,830
Da ne gremo do konca te kode, ampak
na spletu, preden smo nehal, vse to

1571
01:07:43,830 --> 01:07:44,580
Koda bo pravilna.

1572
01:07:44,580 --> 01:07:48,970
Jaz ti bom email popravljeno različico
z nekaterimi moji styling po

1573
01:07:48,970 --> 01:07:51,020
oddelek, in da se bo objavljen na spletu.

1574
01:07:51,020 --> 01:07:53,920
Spodbujam vas, da raziskovanje tega
in to uporabi kot referenca, ampak jaz

1575
01:07:53,920 --> 01:07:58,250
bi ti rad pokazal končni orodje za to
razred, in da je tukaj na

1576
01:07:58,250 --> 01:07:58,920
na desni strani.

1577
01:07:58,920 --> 01:08:01,700
In sva pogledala na tem zadnjem tednu, zdaj pa
upajmo, da je malo bolj seznanjeni

1578
01:08:01,700 --> 01:08:02,970
za vas in udobno.

1579
01:08:02,970 --> 01:08:06,730
>> Lahko dinamično igrajo
s CSS ene strani.

1580
01:08:06,730 --> 01:08:09,570
Smo se nam dejansko že videli
dinamično igrati s HTML.

1581
01:08:09,570 --> 01:08:13,470
Spomnim se, da smo na desni
kliknite Uredi kot HTML?

1582
01:08:13,470 --> 01:08:14,090
Tukaj?

1583
01:08:14,090 --> 01:08:16,080
Zato smo dinamično igral
s HTML.

1584
01:08:16,080 --> 01:08:20,620
>> V konzolo, lahko dinamično igrajo
z JavaScript ene strani.

1585
01:08:20,620 --> 01:08:24,899
Na primer, da je veljavna
JavaScript linijo.

1586
01:08:24,899 --> 01:08:26,870
Boom, dobil sem točno to, kar sem si želel.

1587
01:08:26,870 --> 01:08:30,060
Tako smo lahko dinamično igrati z
HTML, dinamično igrajo z

1588
01:08:30,060 --> 01:08:30,550
JavaScript.

1589
01:08:30,550 --> 01:08:32,810
Zdaj bomo dinamično
igrajo s CSS.

1590
01:08:32,810 --> 01:08:36,630
>> In vse to zato, ker je kot
instant, živi GDB povratne informacije, zato si

1591
01:08:36,630 --> 01:08:39,979
more vedeti, pravico, da se nekaj dogaja, preden
iti svojo kodo, in lahko

1592
01:08:39,979 --> 01:08:41,790
Ne veš, kaj nekaj je
bo izgledal.

1593
01:08:41,790 --> 01:08:43,050
Torej, to je super Prevarant kul.

1594
01:08:43,050 --> 01:08:45,850
>> In kaj je na koncu pogled na dinamično
igranje z CSS.

1595
01:08:45,850 --> 01:08:49,560
To je tam na desni strani
na desni strani, element.style.

1596
01:08:49,560 --> 01:08:50,420
Pojdiva s tem.

1597
01:08:50,420 --> 01:08:51,740
Tukaj je naš element.

1598
01:08:51,740 --> 01:08:54,689
Dajmo mu nekaj dodatnega CSS.

1599
01:08:54,689 --> 01:09:00,300
>> Ali mi je, lahko bi ji dati nekaj dodatnih
CSS, toda verjetno, v tem primeru

1600
01:09:00,300 --> 01:09:03,330
želite spremeniti ta atribut.

1601
01:09:03,330 --> 01:09:05,535
Torej, gremo dol na tej progi.

1602
01:09:05,535 --> 01:09:06,785
Oh, ne morem narediti, da tukaj.

1603
01:09:06,785 --> 01:09:11,109

1604
01:09:11,109 --> 01:09:11,689
Žal mi je.

1605
01:09:11,689 --> 01:09:12,939
Uredite AS -

1606
01:09:12,939 --> 01:09:17,410

1607
01:09:17,410 --> 01:09:19,270
tako, da je, kako si lahko uredite CSS.

1608
01:09:19,270 --> 01:09:21,804
Ne bomo urediti CSS na to
drugič, vendar ne želimo urediti

1609
01:09:21,804 --> 01:09:24,439
HTML in ji dati
ekstra atribut.

1610
01:09:24,439 --> 01:09:26,762
Kaj ste predlaga spremembo to?

1611
01:09:26,762 --> 01:09:30,069

1612
01:09:30,069 --> 01:09:31,170
Mislil sem, da Avie imel predlog.

1613
01:09:31,170 --> 01:09:32,420
>> PUBLIKA: Col širina?

1614
01:09:32,420 --> 01:09:38,880

1615
01:09:38,880 --> 01:09:40,560
>> JASON Hirschhorna: To je izgledala
da ni storil ničesar niti.

1616
01:09:40,560 --> 01:09:43,390

1617
01:09:43,390 --> 01:09:45,803
Poskusimo CSS.

1618
01:09:45,803 --> 01:09:46,707
>> PUBLIKA: [neslišno] razred?

1619
01:09:46,707 --> 01:09:48,310
>> JASON Hirschhorna: Piše
to ne deluje.

1620
01:09:48,310 --> 01:09:49,260
Daje to rumeno stvar.

1621
01:09:49,260 --> 01:09:51,660
>> PUBLIKA: A [neslišno].

1622
01:09:51,660 --> 01:09:56,883
>> PUBLIKA: Ali nisi nastavitev širine
podobe do 150, ko si to naredil?

1623
01:09:56,883 --> 01:09:59,741
Tako kot si ne bi samo uporabo širino?

1624
01:09:59,741 --> 01:10:00,740
>> JASON Hirschhorna: Ja.

1625
01:10:00,740 --> 01:10:02,785
>> PUBLIKA: Ampak nimamo
slika več.

1626
01:10:02,785 --> 01:10:03,340
>> JASON Hirschhorna: Ne

1627
01:10:03,340 --> 01:10:04,290
Nimamo ničesar tam.

1628
01:10:04,290 --> 01:10:07,990
Torej ne bomo rešili
Poseben problem.

1629
01:10:07,990 --> 01:10:11,190
Mi smo šli nazaj v Akshar je
rešitev, ker želim, da nastavite

1630
01:10:11,190 --> 01:10:14,160
delfinov brezplačno za zdaj,
ali da je zadnja

1631
01:10:14,160 --> 01:10:14,710
stvar, želim končati.

1632
01:10:14,710 --> 01:10:18,340
Torej bomo to pustil tukaj
hkrati pa priznava, da ni čisto

1633
01:10:18,340 --> 01:10:19,870
pravilna, in gremo
da pridejo nazaj na to.

1634
01:10:19,870 --> 01:10:21,230
>> Žal mi je.

1635
01:10:21,230 --> 01:10:23,380
Sem rekel, da bomo lahko dinamično
spremenite CSS.

1636
01:10:23,380 --> 01:10:26,060
Oglejmo si, da in ne
da res hitro.

1637
01:10:26,060 --> 01:10:28,910
Torej, če sem preglejte ta element tukaj,
in reči, želim, da bi bilo modro,

1638
01:10:28,910 --> 01:10:32,850
lahko prideš tja, barva, saj
Vem, da spremeni barvo

1639
01:10:32,850 --> 01:10:36,710
nekaj, in videli smo, kako
se je spremenilo to modro.

1640
01:10:36,710 --> 01:10:38,850
Tako, da me je dinamično
spreminjanje CSS.

1641
01:10:38,850 --> 01:10:42,150
Ali to ne spremeni za vedno, potem pa
Ne morem iti nazaj v svojo CSS datoteko in

1642
01:10:42,150 --> 01:10:44,990
spremenite barvo predmeta.

1643
01:10:44,990 --> 01:10:46,610
>> OK.

1644
01:10:46,610 --> 01:10:48,180
To je bilo veliko.

1645
01:10:48,180 --> 01:10:50,480
Nismo končam neverjetno program.

1646
01:10:50,480 --> 01:11:00,352
Naj vam pokažejo, da resnično hitro,
in potem bomo pa glavo ven.

1647
01:11:00,352 --> 01:11:01,860
Oh, kje je?

1648
01:11:01,860 --> 01:11:02,710
Ne!

1649
01:11:02,710 --> 01:11:03,960
Počakaj.

1650
01:11:03,960 --> 01:11:19,650

1651
01:11:19,650 --> 01:11:24,350
>> OK, tako kot si spakira,
Predogled neverjetno, ali spredaj

1652
01:11:24,350 --> 01:11:25,330
poglejte, naslednje času.

1653
01:11:25,330 --> 01:11:30,880
To je Dolphin Trainer 2013
in to ne deluje.

1654
01:11:30,880 --> 01:11:32,048
Super.

1655
01:11:32,048 --> 01:11:36,240
>> [SMEH]

1656
01:11:36,240 --> 01:11:37,300
>> JASON Hirschhorna: Oh!

1657
01:11:37,300 --> 01:11:38,085
Boom!

1658
01:11:38,085 --> 01:11:38,950
Kaj to pomeni?

1659
01:11:38,950 --> 01:11:39,700
>> PUBLIKA: Niste chmod.

1660
01:11:39,700 --> 01:11:41,430
>> JASON Hirschhorna: Nisem ga chmod.

1661
01:11:41,430 --> 01:11:42,680
>> PUBLIKA: Vrstica eno.

1662
01:11:42,680 --> 01:11:52,774

1663
01:11:52,774 --> 01:11:54,930
>> JASON Hirschhorna: Oh, poglej to.

1664
01:11:54,930 --> 01:11:55,710
OK.

1665
01:11:55,710 --> 01:11:57,280
Torej, imam šest delfinov.

1666
01:11:57,280 --> 01:11:57,730
Kaj se zgodi?

1667
01:11:57,730 --> 01:11:58,060
Pa poglejmo.

1668
01:11:58,060 --> 01:12:02,595
Če treniram eno, zdaj usposabljanje Lili.

1669
01:12:02,595 --> 01:12:04,910
Oh, rad bi vas osvobodil, Lili.

1670
01:12:04,910 --> 01:12:06,660
Tam greš nazaj v ocean.

1671
01:12:06,660 --> 01:12:07,950
>> Tako da je bila ta teden.

1672
01:12:07,950 --> 01:12:09,500
Če imate kakršnakoli vprašanja,
bomo zunaj.

1673
01:12:09,500 --> 01:12:11,340
In še enkrat, ti bom poslati
Preostali del te kode.

1674
01:12:11,340 --> 01:12:12,590
Hvala vam, fantje.

1675
01:12:12,590 --> 01:12:15,723