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

2
00:00:07,920 --> 00:00:10,850
>> Jason Hirschhorn: Benvido,
todos, a semana nove.

3
00:00:10,850 --> 00:00:14,800
Temos unha semana emocionante por diante
porque temos o noso conxunto de problemas final.

4
00:00:14,800 --> 00:00:18,330
Temos tamén unha nova linguaxe,
JavaScript, que xa está en

5
00:00:18,330 --> 00:00:22,690
medio da utilización non só para este
conxunto de problemas, pero moitos de vós

6
00:00:22,690 --> 00:00:24,780
probablemente utilizalo para a final
proxectos, especialmente

7
00:00:24,780 --> 00:00:26,000
proxectos finais baseados na web.

8
00:00:26,000 --> 00:00:32,330
Entón é iso que nós imos pasar por riba hoxe, despois de
fala brevemente sobre os recursos,

9
00:00:32,330 --> 00:00:33,180
que facemos todas as semanas.

10
00:00:33,180 --> 00:00:36,850
Imos ir para JavaScript, e despois
imos gastar todo sección cunha

11
00:00:36,850 --> 00:00:44,460
hands-on actividade de codificación Dolphin train
2K13, que é como Madden

12
00:00:44,460 --> 00:00:48,650
De 2013, pero para os golfiños
e en JavaScript.

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

14
00:00:49,910 --> 00:00:53,670
>> Jason Hirschhorn: Entón, como sempre, unha lista
de recursos para que confía.

15
00:00:53,670 --> 00:01:00,040
Estes recursos son especialmente importantes
porque a próxima semana

16
00:01:00,040 --> 00:01:05,630
Mércores é un cuestionario, o seu segundo
e cuestionario final neste curso.

17
00:01:05,630 --> 00:01:10,700
Así como cuestionario cero, que é de 75 minutos
e comeza un pouco despois das 01:00.

18
00:01:10,700 --> 00:01:16,400
El cobre todo, dende o día cero
deste curso, pero certamente

19
00:01:16,400 --> 00:01:20,360
subliña todo o que ten
pasou desde cuestionario un.

20
00:01:20,360 --> 00:01:23,610
>> Pero, claro, nós Cubrimos loops
no inicio do ano.

21
00:01:23,610 --> 00:01:27,130
Por voltas probabelmente aínda van
ser unha parte deste cuestionario, polo que non é

22
00:01:27,130 --> 00:01:31,050
como pode ignorar todo o que
pasou antes da semana de cinco ou cuestionario de cero

23
00:01:31,050 --> 00:01:32,910
porque este curso baséase en
en si unha gran cantidade.

24
00:01:32,910 --> 00:01:37,080
Pero, sen dúbida, a énfase será sobre
cousas que aprendemos desde semana seis.

25
00:01:37,080 --> 00:01:42,520
Isto inclúe PHP, JavaScript, SQL para
estar seguro, e tamén o máis avanzado

26
00:01:42,520 --> 00:01:46,560
estruturas de datos que falamos en C.
Unha serie de outros temas, pero nós

27
00:01:46,560 --> 00:01:49,860
vai discutir iso a próxima semana
como facemos unha revisión ao quiz.

28
00:01:49,860 --> 00:01:52,940
>> E tamén, como sempre, se ten calquera
preguntas sobre a proba que estea

29
00:01:52,940 --> 00:01:56,690
preparar, sexa a vontade para
envialas do meu xeito.

30
00:01:56,690 --> 00:02:00,230
Agora, alguén ten algunha
preguntas rápidas sobre o cuestionario?

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

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

33
00:02:03,380 --> 00:02:06,440
Non se preocupe con iso ou aberración
se sobre o momento, pero manter isto

34
00:02:06,440 --> 00:02:10,130
parte traseira da súa mente, porque iso é
pasando unha semana e un día a partir de agora.

35
00:02:10,130 --> 00:02:15,030
>> Finalmente, sei que estamos correndo cara
o final do semestre -

36
00:02:15,030 --> 00:02:19,910
hai só dúas seccións restantes despois
iso - pero eu estou animado e

37
00:02:19,910 --> 00:02:21,930
ansioso para o seu producto
se ten algún.

38
00:02:21,930 --> 00:02:24,500
Eu quero facer aqueles a
dúas mellores seccións de sempre.

39
00:02:24,500 --> 00:02:27,670
Eles probablemente van ser, porque cada
sección é incrible eo mellor de sempre.

40
00:02:27,670 --> 00:02:32,260
Eu non sei como iso é posible, pero
todos eles foi fantástico, eu creo.

41
00:02:32,260 --> 00:02:37,560
>> O producto que comece xa sumiu
a nada e ninguén, pois ao

42
00:02:37,560 --> 00:02:40,880
último par de semanas, polo que dar
me un feedback se ten iso.

43
00:02:40,880 --> 00:02:42,910
Leva tres minutos.

44
00:02:42,910 --> 00:02:44,900
Que me pode dicir as cousas boas que
quere que eu continúe a facer ou

45
00:02:44,900 --> 00:02:46,080
cousas que podo traballar.

46
00:02:46,080 --> 00:02:49,700
Estou intentando ser o mellor profesor
posible, ou eu estou tentando facer o mellor

47
00:02:49,700 --> 00:02:52,920
Podo, pero non podo facelo se eu non fai
sei como vostedes están facendo.

48
00:02:52,920 --> 00:02:55,080
E é difícil dicir por que está caendo
durmindo na clase, así déixenme

49
00:02:55,080 --> 00:02:58,250
coñecer despois por que ese era o caso.

50
00:02:58,250 --> 00:03:00,940
>> Eu mostre-lle esta foto a semana pasada.

51
00:03:00,940 --> 00:03:06,910
Este é o Teenage Mutante Ninja Turtle
moto que eu tiña cando eu era máis novo,

52
00:03:06,910 --> 00:03:12,350
e nós estamos continuando a empurrar vostedes
sen rodinhas como mergullo

53
00:03:12,350 --> 00:03:13,630
ti noutra lingua.

54
00:03:13,630 --> 00:03:18,420
Pero por suposto, JavaScript, como PHP,
é moi semellante a cousas que

55
00:03:18,420 --> 00:03:18,990
feito no pasado.

56
00:03:18,990 --> 00:03:24,100
Unha boa parte da lóxica traslada máis, se
non a sintaxe, exactamente un por un.

57
00:03:24,100 --> 00:03:26,910
Pero, de novo, todos estes idiomas
nós fomos alí no último par de

58
00:03:26,910 --> 00:03:30,175
semanas, a pesar de parecer esmagadora,
son incriblemente potente e permitirá

59
00:03:30,175 --> 00:03:34,440
facer unha morea no seu proxecto final
e, probablemente, outros sitios que

60
00:03:34,440 --> 00:03:36,180
código no futuro.

61
00:03:36,180 --> 00:03:41,000
>> Así, sen máis delongas, imos
para comezar a mergullo en JavaScript.

62
00:03:41,000 --> 00:03:44,630
Nós imos falar sobre iso de forma breve e
entón realmente entrar no hands-on

63
00:03:44,630 --> 00:03:48,300
codificación parte desta sección.

64
00:03:48,300 --> 00:03:53,000
Entón Javascript é un script do lado do cliente
lingua, o que quere dicir que é

65
00:03:53,000 --> 00:03:56,740
diferente do que PHP e é diferente
de C. Javascript non está feita e

66
00:03:56,740 --> 00:03:58,740
non se executa o servidor.

67
00:03:58,740 --> 00:04:02,090
Pola contra, cargalo.

68
00:04:02,090 --> 00:04:06,710
Vostede leva unha páxina de JavaScript cando leva
unha páxina web, a continuación, el executa

69
00:04:06,710 --> 00:04:08,020
na súa máquina.

70
00:04:08,020 --> 00:04:11,120
O que significa que se pode ver todo o
O código JavaScript que era

71
00:04:11,120 --> 00:04:12,240
enviado para o seu ordenador.

72
00:04:12,240 --> 00:04:21,750
>> Ás veces é acurtado ou codificados un
bit, criptografía un pouco, de xeito que

73
00:04:21,750 --> 00:04:23,390
non pode dicir explicitamente o que está pasando.

74
00:04:23,390 --> 00:04:26,920
Por exemplo, se comprobar CS50 ou
a solución persoal para esta semana

75
00:04:26,920 --> 00:04:31,260
conxunto de problemas, e vai para service.js,
notarás que non pode realmente dicir

76
00:04:31,260 --> 00:04:32,560
o que facer a partir do que lle deu.

77
00:04:32,560 --> 00:04:37,020
Nós cifrado-lo un pouco para facer
que un pouco máis difícil.

78
00:04:37,020 --> 00:04:40,450
Con todo, se pode ver exactamente o
JavaScript arquivo que estamos executando

79
00:04:40,450 --> 00:04:42,010
e noso programa está a ser executado.

80
00:04:42,010 --> 00:04:46,510
Entón, iso é o que significa ser un
linguaxe de script do lado do cliente.

81
00:04:46,510 --> 00:04:51,280
>> Semellante ao C e PHP, porén, JavaScript
ten para loops, if / else

82
00:04:51,280 --> 00:04:52,715
condicións, mentres loops.

83
00:04:52,715 --> 00:04:58,290
Semellante a PHP, que ten un
loop foreach tamén.

84
00:04:58,290 --> 00:05:02,270
E tamén, moi semellante ao
sintaxe que vimos en

85
00:05:02,270 --> 00:05:04,430
linguaxes que nós xa
traballei.

86
00:05:04,430 --> 00:05:07,650
>> Finalmente, unha das partes máis legais de
JavaScript, e algo que será

87
00:05:07,650 --> 00:05:10,010
facendo unha morea de hoxe, e, probablemente, vai
estar facendo unha morea co seu conxunto de I se

88
00:05:10,010 --> 00:05:13,810
non probou xa, é vostede
Pode comprobar os erros que ten

89
00:05:13,810 --> 00:05:16,290
no seu código vía JavaScript Console.

90
00:05:16,290 --> 00:05:17,770
Nós miramos un pouco a semana pasada.

91
00:05:17,770 --> 00:05:21,800
Miramos para un tipo de consola
para inspeccionar unha páxina, pero en

92
00:05:21,800 --> 00:05:28,420
Chrome, unha vez máis, podes ver o esquema,
HTML, documentar que a súa páxina é

93
00:05:28,420 --> 00:05:29,310
mostrando na pantalla.

94
00:05:29,310 --> 00:05:33,820
Tamén pode ver a JavaScript
formar esta páxina, e tamén pode, como

95
00:05:33,820 --> 00:05:36,410
Eu dixen, ver os erros
na consola de JavaScript.

96
00:05:36,410 --> 00:05:40,110
E nós imos probar isto máis en
un pouco cando comezar a programar.

97
00:05:40,110 --> 00:05:42,380
>> Unha cousa a notar sobre
JavaScript variables.

98
00:05:42,380 --> 00:05:46,950
Como variables PHP, son
feblemente tipado, así que non

99
00:05:46,950 --> 00:05:48,690
darlles un tipo específico.

100
00:05:48,690 --> 00:05:52,330
En termos de alcance, que se define
por contrasinal "var".

101
00:05:52,330 --> 00:05:54,890
Entón, se non poñer a palabra chave diante
de algo, é só escribir o nome

102
00:05:54,890 --> 00:05:57,870
da variable, a continuación, unha asignación
operador, neste caso, o signo igual.

103
00:05:57,870 --> 00:06:00,360
Estou esquecendo un punto e coma alí mesmo,
pero supoñer que hai un punto e coma

104
00:06:00,360 --> 00:06:01,590
alí mesmo.

105
00:06:01,590 --> 00:06:03,520
>> Entón, está creando
unha variable global.

106
00:06:03,520 --> 00:06:06,960
Se pór o seu contrasinal "var", entón
está dando algún tipo de lugares

107
00:06:06,960 --> 00:06:10,050
ámbito, se isto é para
unha función ou un lazo.

108
00:06:10,050 --> 00:06:12,215
Entón iso é unha cousa para
Vote variables.

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

110
00:06:15,650 --> 00:06:17,550
>> JavaScript é a linguaxe.

111
00:06:17,550 --> 00:06:21,830
jQuery é a biblioteca construída encima
a linguaxe JavaScript, e ten

112
00:06:21,830 --> 00:06:24,180
visto antes na charla.

113
00:06:24,180 --> 00:06:28,010
Recomendo, se está indo a
estar usando Javascript no seu último

114
00:06:28,010 --> 00:06:29,690
proxecto, que comeza a coñecer jQuery.

115
00:06:29,690 --> 00:06:33,140
Fai todo o que queiras
para facer moito máis fácil.

116
00:06:33,140 --> 00:06:36,730
Tamén ven con marabillosas
documentación e exemplos para axudar a obter

117
00:06:36,730 --> 00:06:37,080
comezou.

118
00:06:37,080 --> 00:06:39,430
Hoxe imos ser
usando jQuery tamén.

119
00:06:39,430 --> 00:06:43,320
>> Estes, o que eu teño neste foto,
son o básico de jQuery.

120
00:06:43,320 --> 00:06:47,200
Na parte superior do seu arquivo HTML ou
Sexa o que sexa - o ficheiro index.php, o seu

121
00:06:47,200 --> 00:06:50,070
ficheiro index.html - ten que
inclúen estas dúas liñas.

122
00:06:50,070 --> 00:06:51,540
Estas son as liñas moi xerais.

123
00:06:51,540 --> 00:06:57,350
A primeira liña inclúe o jQuery
JavaScript arquivo, ea segunda liña

124
00:06:57,350 --> 00:07:00,410
inclúe, sempre que escribiu
seu propio código JavaScript.

125
00:07:00,410 --> 00:07:03,240
E, por suposto, xa que na súa
O código JavaScript que probablemente xa usou

126
00:07:03,240 --> 00:07:07,800
algunhas funcións da biblioteca jQuery,
que debe ir atrás do

127
00:07:07,800 --> 00:07:09,650
jQuery script de inclusión.

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

129
00:07:12,560 --> 00:07:15,550
Imos explorar esta
novo nun momento.

130
00:07:15,550 --> 00:07:21,640
>> E, finalmente, o ficheiro JavaScript,
Eu chamo iso dunha index.js.

131
00:07:21,640 --> 00:07:22,640
Podería ser scripts.js.

132
00:07:22,640 --> 00:07:26,510
Sexa o que sexa, calquera que sexa o Javascript
arquivo que, comeza xeralmente

133
00:07:26,510 --> 00:07:30,780
con esta liña de código, sinal de dólar,
paréntese aberto, documento, paren próximos,

134
00:07:30,780 --> 00:07:34,810
período, listo, paréntese aberta, función,
paréntese aberto, paren Pechar e

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

136
00:07:35,490 --> 00:07:38,930
Xoga o seu código dentro de alí, e entón
remata-lo cunha bosquexo, preto

137
00:07:38,930 --> 00:07:40,590
paréntese, punto e coma.

138
00:07:40,590 --> 00:07:42,550
>> Entón tome isto como un dato adquirido.

139
00:07:42,550 --> 00:07:47,250
Se está indo estar usando jQuery, enrole
todo o seu código jQuery dentro

140
00:07:47,250 --> 00:07:49,230
esta liña de código.

141
00:07:49,230 --> 00:07:53,150
E veremos iso de novo nun segundo.

142
00:07:53,150 --> 00:07:56,170
>> Unha vez máis imos traballar con jQuery,
e por favor, facer preguntas como nós imos

143
00:07:56,170 --> 00:07:58,420
hoxe en día, pero alguén ten algunha
preguntas sobre jQuery ou

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

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

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

147
00:08:11,780 --> 00:08:16,780
Así, sen máis delongas, eu presento
para ti Dolphin train 2K13.

148
00:08:16,780 --> 00:08:20,656
Estou super animado con este último
versión do produto.

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

150
00:08:22,620 --> 00:08:23,590
Eu estaba tan animado.

151
00:08:23,590 --> 00:08:28,030
Eu estaba indo a mostra-lo a vós,
pero parece que non temos

152
00:08:28,030 --> 00:08:28,720
implementado aínda.

153
00:08:28,720 --> 00:08:30,340
Imos facer deste un pouco maior.

154
00:08:30,340 --> 00:08:35,789
Entón, se eu cargar o código para Dolphin
Trainer - Dang el.

155
00:08:35,789 --> 00:08:37,210
Sinto moito, persoal.

156
00:08:37,210 --> 00:08:38,520
Eu estaba a traballar neste antes da clase.

157
00:08:38,520 --> 00:08:40,350
Penso telo completado,
pero eu creo que aínda teño algúns

158
00:08:40,350 --> 00:08:41,210
traballo a ser feito.

159
00:08:41,210 --> 00:08:44,400
Pero, por sorte, vós todos teñen algún
JavaScript jQuery e práctica, de xeito

160
00:08:44,400 --> 00:08:48,110
imos adiante e rematar
isto xuntos.

161
00:08:48,110 --> 00:08:50,360
>> Eu creo que eu mandei vostedes copias deste,
porque eu estaba super animado

162
00:08:50,360 --> 00:08:52,710
sobre iso, entón ten que ter
o mesmo código que eu teño.

163
00:08:52,710 --> 00:08:55,490
Imos dirixirse para -

164
00:08:55,490 --> 00:08:56,600
Dang, rapaces, me desculpe.

165
00:08:56,600 --> 00:08:59,280
Imos dirixirse para o terminal, con todo.

166
00:08:59,280 --> 00:09:02,770
>> Así como co seu problema pasado
conxuntos, se ten o meu -

167
00:09:02,770 --> 00:09:05,130
imos facelo un pouco máis grande,
tamén, para vós -

168
00:09:05,130 --> 00:09:06,740
levou o meu arquivo zip.

169
00:09:06,740 --> 00:09:10,670
Probablemente abriu o zíper.

170
00:09:10,670 --> 00:09:12,970
Imos aquí.

171
00:09:12,970 --> 00:09:22,360
E entón, esperamos, vostede moveuse en
no mesmo directorio onde salvo

172
00:09:22,360 --> 00:09:23,540
seu conxunto de problemas oito código.

173
00:09:23,540 --> 00:09:26,780
E nós gardar nese directorio para que eu poida
acceder a ela - ou todo o que podemos acceder a

174
00:09:26,780 --> 00:09:31,740
código no navegador Chrome
no noso ordenador.

175
00:09:31,740 --> 00:09:36,880
>> E, de novo, para chegar a ese código,
escriba o enderezo atopar en

176
00:09:36,880 --> 00:09:41,180
parte inferior, á dereita
o aparello, aquí abaixo.

177
00:09:41,180 --> 00:09:42,490
Atopa o seu enderezo IP.

178
00:09:42,490 --> 00:09:45,260
Escribe en que o navegador Chrome
no seu ordenador, e, neste caso,

179
00:09:45,260 --> 00:09:49,110
xa que estamos a carpeta sección nove,
Tamén temos que engadir unha

180
00:09:49,110 --> 00:09:51,340
reducir sección nove.

181
00:09:51,340 --> 00:09:52,820
>> Déixeme -

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
Eu estou indo a minimizar iso, entón eu non
ten que estar pulsando por iso.

185
00:09:58,980 --> 00:10:00,150
>> Entón é así que eu configurar este código.

186
00:10:00,150 --> 00:10:01,710
Eu xa fixen iso xa.

187
00:10:01,710 --> 00:10:04,080
Eu non vou pasar por aqueles
pasos porque é iso que o

188
00:10:04,080 --> 00:10:06,090
desde o inicio do conxunto de problemas anda
a través de como facer.

189
00:10:06,090 --> 00:10:11,520
Entón vai adiante e terá de definir esta
Se en un segundo, pero primeiro imos

190
00:10:11,520 --> 00:10:14,740
explotar este código como un grupo.

191
00:10:14,740 --> 00:10:15,990
>> Imos ver o que eu fixen.

192
00:10:15,990 --> 00:10:18,340
Tente obter a maior parte dela fixo
Antes da clase, pero eu creo que

193
00:10:18,340 --> 00:10:20,140
Foi un pouco para atrás.

194
00:10:20,140 --> 00:10:22,643
Entón, imos abrir index.html.

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

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

197
00:10:36,920 --> 00:10:39,780
E index.html é realmente sinxelo
páxina, por que eu non fixen

198
00:10:39,780 --> 00:10:40,630
quero ir moi tolo.

199
00:10:40,630 --> 00:10:43,200
Realmente quería estar seguro de que
estaba a traballar, pero eu creo que eu

200
00:10:43,200 --> 00:10:44,830
non chegar tan lonxe.

201
00:10:44,830 --> 00:10:48,600
>> Aquí está a cabeza, o que vén logo
dentro etiquetas HTML, e notamos

202
00:10:48,600 --> 00:10:50,180
un par de cousas para a dereita fora do pau.

203
00:10:50,180 --> 00:10:55,320
Temos o dereito de arquivo CSS
aquí eo adecuado

204
00:10:55,320 --> 00:10:57,600
localización do ficheiro CSS.

205
00:10:57,600 --> 00:11:02,080
Temos a biblioteca jQuery aquí,
e vai notar algo diferente

206
00:11:02,080 --> 00:11:03,470
sobre iso.

207
00:11:03,470 --> 00:11:06,070
A fonte é algo
moi, moi longo.

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

209
00:11:07,500 --> 00:11:12,880
tipo de parece unha URL, pero
non certamente opinión

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

211
00:11:15,380 --> 00:11:20,280
>> E iso é porque eu decidir que eu
Non quero ter que descargar o

212
00:11:20,280 --> 00:11:23,750
arquivo jQuery, e arrastralo lo e gardar
iso na miña biblioteca, e ser

213
00:11:23,750 --> 00:11:25,150
responsable por iso.

214
00:11:25,150 --> 00:11:31,040
Pola contra, eu estou indo só para levar o
Arquivo JavaScript que Google hosts.

215
00:11:31,040 --> 00:11:34,880
Entón, Google realmente alberga unha serie de
bibliotecas e jQuery, xa que é un

216
00:11:34,880 --> 00:11:36,930
dos máis populares, abriga
que un ben.

217
00:11:36,930 --> 00:11:40,670
>> E por que o acolle, eu non
se preocupe con iso, e eles

218
00:11:40,670 --> 00:11:43,520
actualiza-lo, pero cando eles non actualiza-lo
Eu probablemente vou ter que cambiar estes

219
00:11:43,520 --> 00:11:44,640
números aquí mesmo.

220
00:11:44,640 --> 00:11:47,570
Pero isto é só para facer todo o meu arquivo
sistema algo menos limpa.

221
00:11:47,570 --> 00:11:49,380
Realmente non me gusta de Aloxamento
todos estes arquivos.

222
00:11:49,380 --> 00:11:51,780
É moito máis agradable se Google
ten que hóspede-los para min.

223
00:11:51,780 --> 00:11:55,180
Entón, iso, unha vez máis, está a recibir todo
JavaScript ficheiro, pero está só sendo

224
00:11:55,180 --> 00:11:59,920
Hosted por Google, en vez de no meu
sistema de ficheiros no meu ordenador.

225
00:11:59,920 --> 00:12:05,490
>> Vemos tamén que eu coloque dous
arquivos dolphins.js e trainer.js.

226
00:12:05,490 --> 00:12:07,070
Nós imos ollar para aqueles en un segundo.

227
00:12:07,070 --> 00:12:10,550
E, finalmente, este título aquí.

228
00:12:10,550 --> 00:12:13,980
Quen me pode dicir o que este código dentro
estas etiquetas de título, onde

229
00:12:13,980 --> 00:12:18,316
que vai na miña páxina?

230
00:12:18,316 --> 00:12:21,560
>> Audiencia: Como aquela que
a barra de ferramentas ou o que?

231
00:12:21,560 --> 00:12:23,500
>> Jason Hirschhorn: Si, a guía pouco
na parte superior da ventá do Chrome.

232
00:12:23,500 --> 00:12:25,650
É aí que o texto vai.

233
00:12:25,650 --> 00:12:28,680
>> Dentro do corpo, como pode
ver, non moita cousa aquí.

234
00:12:28,680 --> 00:12:30,900
Teño só tres divs.

235
00:12:30,900 --> 00:12:33,130
Eu darlles algunhas identificacións e
Engada un pouco de texto dentro

236
00:12:33,130 --> 00:12:37,350
Pero eu creo que é por iso que nós non
ver nada por aquí.

237
00:12:37,350 --> 00:12:39,350
De feito, podemos ver Dolphin train 2K13.

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

239
00:12:39,810 --> 00:12:42,510
Eu non sei onde iso está a benvida de
porque eu non vexo iso aquí.

240
00:12:42,510 --> 00:12:44,510
Entón quizais iso sexa nun dos
meus arquivos JavaScript.

241
00:12:44,510 --> 00:12:46,630
Imos comprobar iso nun segundo.

242
00:12:46,630 --> 00:12:50,120
>> Pode alguén me dicir o que
este ID significa aquí?

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

244
00:12:54,890 --> 00:13:00,210
>> Audiencia: É unha forma de chamar a
sección específica no [inaudível]

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

246
00:13:00,440 --> 00:13:01,250
>> Jason Hirschhorn: Yeah.

247
00:13:01,250 --> 00:13:03,980
É só un xeito para facer referencia
esta div particular.

248
00:13:03,980 --> 00:13:07,830
IDs son ideal único.

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

250
00:13:09,150 --> 00:13:10,050
Multitude resistente.

251
00:13:10,050 --> 00:13:12,690
Así, os IDs son xeralmente exclusivo.

252
00:13:12,690 --> 00:13:15,210
Lle dá-los a un específico
elemento no seu código.

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

254
00:13:18,040 --> 00:13:21,540
>> E se eu quixese facer referencia a un número
de elementos, se isto é para CSS

255
00:13:21,540 --> 00:13:23,350
estilo ou jQuery?

256
00:13:23,350 --> 00:13:25,610
O atributo que podo dar a eles?

257
00:13:25,610 --> 00:13:26,330
>> Audiencia: Clase.

258
00:13:26,330 --> 00:13:27,270
>> Jason Hirschhorn: Unha clase, exactamente.

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

260
00:13:28,480 --> 00:13:32,610
>> OK, entón index.html, unha vez máis,
Non moi aquí.

261
00:13:32,610 --> 00:13:42,550
Entón, imos abrir outro arquivo.

262
00:13:42,550 --> 00:13:43,930
Imos ver o que eu teño.

263
00:13:43,930 --> 00:13:44,700
Isto é todo o que teño aquí.

264
00:13:44,700 --> 00:13:48,455
Imos ao cartafol JS.

265
00:13:48,455 --> 00:13:51,570
Eu non estou indo a preocuparse
o CSS de momento.

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

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

268
00:13:56,900 --> 00:13:58,150
Ou mellor -

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

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

271
00:14:03,860 --> 00:14:07,650
Entón, dolphins.js, realmente parece
moi semellante a algúns dos o código

272
00:14:07,650 --> 00:14:10,210
foron dadas en conxunto de problemas oito.

273
00:14:10,210 --> 00:14:12,870
Pode rolar por el.

274
00:14:12,870 --> 00:14:15,730
Alguén me pode dicir, con todo,
o que é golfiños?

275
00:14:15,730 --> 00:14:16,840
Isto todo gorras Dolphins?

276
00:14:16,840 --> 00:14:17,810
¿Que é iso?

277
00:14:17,810 --> 00:14:19,810
Que tipo de datos que é isto?

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

279
00:14:20,570 --> 00:14:22,560
>> Jason Hirschhorn: É unha matriz.

280
00:14:22,560 --> 00:14:25,280
E sabemos que é unha matriz, porque eu
ver eses corchetes aquí.

281
00:14:25,280 --> 00:14:29,335
E outra persoa, o que se
que un conxunto de?

282
00:14:29,335 --> 00:14:30,229
>> Audiencia: Obxectos?

283
00:14:30,229 --> 00:14:32,900
>> Jason Hirschhorn: É
unha matriz de obxectos.

284
00:14:32,900 --> 00:14:33,740
E podes ver iso.

285
00:14:33,740 --> 00:14:35,996
E como é que sabe que é
unha matriz de obxectos?

286
00:14:35,996 --> 00:14:41,105
>> Audiencia: Por que ten ese colonos
boot entre chaves?

287
00:14:41,105 --> 00:14:41,700
>> Jason Hirschhorn: Certo.

288
00:14:41,700 --> 00:14:44,760
Entón, eu teño esas claves aquí,
e entón podes ver a coma

289
00:14:44,760 --> 00:14:47,830
separar os diferentes
obxectos nesta matriz.

290
00:14:47,830 --> 00:14:52,040
E, a continuación, dentro de cada obxecto, eu teño
algo colonos e algo máis.

291
00:14:52,040 --> 00:14:54,920
E o que é, xeralmente, esta primeira parte,
o máis á esquerda do colonos?

292
00:14:54,920 --> 00:14:57,070
Como se chama isto?

293
00:14:57,070 --> 00:14:57,450
Xenericamente?

294
00:14:57,450 --> 00:14:59,090
Como nos referimos a isto?

295
00:14:59,090 --> 00:15:00,335
>> Audiencia: Index?

296
00:15:00,335 --> 00:15:02,810
>> Jason Hirschhorn: Index, ou probablemente
máis xeralmente, a clave.

297
00:15:02,810 --> 00:15:04,750
E, a continuación, á dereita
banda, o valor.

298
00:15:04,750 --> 00:15:05,670
Entón índice, clave.

299
00:15:05,670 --> 00:15:07,590
Pero se estamos a falar de quen,
xeralmente significa que a cousa en

300
00:15:07,590 --> 00:15:08,770
O lado esquerdo.

301
00:15:08,770 --> 00:15:11,450
>> Nunha matriz simple, de novo,
tivemos índices 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
E en golfiños, teremos golfiño 0,
golfiños 1, 2 golfiños, golfiños 3,

307
00:15:17,640 --> 00:15:18,640
golfiños 4.

308
00:15:18,640 --> 00:15:24,900
Temos tamén, dentro dese obxecto, que
xeralmente non referenciar as cousas.

309
00:15:24,900 --> 00:15:29,460
Ou se só temos este obxecto dereito
aquí, nós non imos dicir obxecto 0,

310
00:15:29,460 --> 00:15:30,480
1 obxecto, o obxecto 2.

311
00:15:30,480 --> 00:15:35,460
Digamos nome do obxecto, ou
tipo de obxecto, obxecto longo, etcétera.

312
00:15:35,460 --> 00:15:38,120
E é así que nós imos obter o valor
no lado dereito.

313
00:15:38,120 --> 00:15:41,460
Entón, se nós dixemos nome do obxecto, por exemplo,
que teriamos esa cadea,

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

315
00:15:43,200 --> 00:15:47,510
>> Así como vostedes teñen me contou, golfiños
é simplemente unha matriz de obxectos.

316
00:15:47,510 --> 00:15:49,875
E ve todos os obxectos
ten un nome, un tipo, un xénero.

317
00:15:49,875 --> 00:15:51,920
É que pronúnciase correctamente?

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

319
00:15:52,880 --> 00:15:53,420
Xénero?

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

321
00:15:53,935 --> 00:15:55,465
>> Un longo, un peso.

322
00:15:55,465 --> 00:15:56,620
É que pronúnciase correctamente?

323
00:15:56,620 --> 00:15:57,340
Creo que si.

324
00:15:57,340 --> 00:16:01,870
E unha imaxe, só unha URL
para algún ficheiro online.

325
00:16:01,870 --> 00:16:05,700
E aquí, imos pechar a matriz,
ben alí na parte esquerda moi

326
00:16:05,700 --> 00:16:06,930
lado da miña pantalla.

327
00:16:06,930 --> 00:16:08,543
Entón, iso é todo o dolphins.js é.

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

329
00:16:17,310 --> 00:16:18,530
>> Oh, meu Deus.

330
00:16:18,530 --> 00:16:19,530
Isto explica todo.

331
00:16:19,530 --> 00:16:20,930
Eu pensei que terminara
todo, pero ollar.

332
00:16:20,930 --> 00:16:22,840
Hai todos estes todos.

333
00:16:22,840 --> 00:16:25,500
OK, espero que poidamos
facer aqueles xuntos.

334
00:16:25,500 --> 00:16:27,540
Pero imos en primeiro lugar, antes de facer
que, así percorrer

335
00:16:27,540 --> 00:16:29,190
este código moi rapidamente.

336
00:16:29,190 --> 00:16:33,600
>> Entón, como eu mencionen, vemos pronto o
comezando esta liña que eu tiña no

337
00:16:33,600 --> 00:16:36,030
diapositivas, (document). ready (function ().

338
00:16:36,030 --> 00:16:38,710
E esencialmente o que vai
facer é agardar a que todo na súa

339
00:16:38,710 --> 00:16:42,690
páxinas procede, entón espera ata que
é todo array, todo é bo

340
00:16:42,690 --> 00:16:45,490
ir, a continuación, iniciar a execución
este código.

341
00:16:45,490 --> 00:16:49,230
Entón, se precisa para realizar algúns PHP, se
necesitas para obter algunhas imaxes,

342
00:16:49,230 --> 00:16:53,280
Sexa o que sexa, todo o código foi
conxunto e preparado para ir na súa páxina de índice

343
00:16:53,280 --> 00:16:56,270
ou calquera que sexa a páxina que se cargou,
e agora está indo a comezar

344
00:16:56,270 --> 00:16:58,810
execución do seu código.

345
00:16:58,810 --> 00:17:02,020
>> Entón o primeiro que facemos é
montar esa matriz.

346
00:17:02,020 --> 00:17:04,599
E eu non teño a palabra chave var
alí, entón o que é o

347
00:17:04,599 --> 00:17:05,650
alcance deste array?

348
00:17:05,650 --> 00:17:06,530
>> Audiencia: É global.

349
00:17:06,530 --> 00:17:09,730
>> Jason Hirschhorn: É global, así
ocean_array se pode acceder desde

350
00:17:09,730 --> 00:17:11,380
en calquera lugar neste arquivo.

351
00:17:11,380 --> 00:17:14,130
>> E entón veremos iso por loop.

352
00:17:14,130 --> 00:17:18,930
Ela non di foreach, pero esta
é esencialmente un loop foreach.

353
00:17:18,930 --> 00:17:24,010
E esta é só a versión de JavaScript,
entón para cada golfiño var en golfiños,

354
00:17:24,010 --> 00:17:25,780
que tipo de datos?

355
00:17:25,780 --> 00:17:30,260
Aínda que, unha vez máis, non fai JavaScript
ten eses tipos de datos, por si só, o que

356
00:17:30,260 --> 00:17:31,335
tipo de datos é golfiño?

357
00:17:31,335 --> 00:17:32,460
>> Audiencia: un obxecto.

358
00:17:32,460 --> 00:17:34,290
>> Jason Hirschhorn: É un obxecto.

359
00:17:34,290 --> 00:17:37,590
Estamos quedando cada obxecto
na matriz golfiños.

360
00:17:37,590 --> 00:17:42,630
Entón, aquí, parece que eu esquezo de
poñer todos eses golfiños do noso

361
00:17:42,630 --> 00:17:46,300
Golfiños xigantes pensar no
ocean_array, entón nós probablemente debe facer

362
00:17:46,300 --> 00:17:47,410
que en primeiro lugar.

363
00:17:47,410 --> 00:17:50,880
>> E entón, algo chamado
esta variable piscina.

364
00:17:50,880 --> 00:17:52,490
Estou definíndoo como nulo.

365
00:17:52,490 --> 00:17:55,080
E entón eu chamar esa función
draw_ocean.

366
00:17:55,080 --> 00:17:56,580
Eu adestrar un golfiño cando a súa
imaxe é premendo -

367
00:17:56,580 --> 00:17:58,140
Eu non fixen iso - e
establecer un libre golfiño cando

368
00:17:58,140 --> 00:17:59,530
o botón é premendo.

369
00:17:59,530 --> 00:18:01,550
>> Entón, estas son as cousas que eu teño que facer.

370
00:18:01,550 --> 00:18:04,770
Creo que eu debería darlle algún
fondo sobre o que eu estaba tentando facer.

371
00:18:04,770 --> 00:18:08,930
Entón, se nós aquí, o que realmente quería
este ollar como foi unha serie up

372
00:18:08,930 --> 00:18:12,740
aquí, en vez de el dicir "TODO:" Eu
quería unha mesa, esencialmente, coa

373
00:18:12,740 --> 00:18:14,750
fotos de todo golfiños.

374
00:18:14,750 --> 00:18:18,150
E entón, cando fai clic nunha imaxe,
Eu quería que poñelo

375
00:18:18,150 --> 00:18:21,320
a metade inferior da pantalla e dar
lle toda a información sobre el, e

376
00:18:21,320 --> 00:18:24,170
que sería o golfiño na piscina,
o golfiño estaba adestrando.

377
00:18:24,170 --> 00:18:25,040
>> Entón eu penso que sería moi legal.

378
00:18:25,040 --> 00:18:27,980
Ten todas estas golfiños no océano
aquí enriba, a continuación, premer en un,

379
00:18:27,980 --> 00:18:30,230
e ía á piscina, e
entón podería adestralo.

380
00:18:30,230 --> 00:18:31,590
Entón é iso que eu estaba tentando facer.

381
00:18:31,590 --> 00:18:33,890
E, a continuación, habería un botón aquí abaixo
na piscina, e pode premer,

382
00:18:33,890 --> 00:18:36,950
como, "Set Free", e pode definir a
golfiño libre, e sería volver

383
00:18:36,950 --> 00:18:38,030
ao océano.

384
00:18:38,030 --> 00:18:40,390
>> Entón é iso que eu estaba tentando crear,
pero, de novo, eu vou ter da túa axuda

385
00:18:40,390 --> 00:18:41,490
para crealo.

386
00:18:41,490 --> 00:18:44,790
Polo tanto, agardamos que, algunhas destas palabras clave
ou algúns deses termos comezará

387
00:18:44,790 --> 00:18:47,890
ter sentido agora, no contexto
deste programa.

388
00:18:47,890 --> 00:18:49,640
>> Seguiremos a buscar a través deste ficheiro.

389
00:18:49,640 --> 00:18:50,830
Chamamos esta función draw_ocean.

390
00:18:50,830 --> 00:18:56,650
É a única función que chamamos
da sección document.ready.

391
00:18:56,650 --> 00:19:01,600
Entón, chamamos esta función draw_ocean e
parece que el crea unha secuencia,

392
00:19:01,600 --> 00:19:03,010
unha variable, aquí.

393
00:19:03,010 --> 00:19:06,790
Algo colócase na secuencia, engade máis
material para a cadea, engade máis

394
00:19:06,790 --> 00:19:11,750
material da corda, e
entón esta liña de código.

395
00:19:11,750 --> 00:19:14,270
Digo que imprime a cadea HTML.

396
00:19:14,270 --> 00:19:19,230
E alguén me explicar o que
esta liña de código fai?

397
00:19:19,230 --> 00:19:21,800
Ben, antes de todo, o que fai
que cifrão significa?

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

399
00:19:26,550 --> 00:19:30,914
Non é unha variable PHP, pero o que
iso cifrão significa?

400
00:19:30,914 --> 00:19:34,680
>> Audiencia: Ligando para o ID de HTML -

401
00:19:34,680 --> 00:19:37,220
é coma se os enlaces para o código HTML?

402
00:19:37,220 --> 00:19:38,430
>> Jason Hirschhorn: E sobre
que cifrão?

403
00:19:38,430 --> 00:19:40,662
O que isto cifrão indica?

404
00:19:40,662 --> 00:19:43,364
>> Audiencia: Conectando ao HTML dalgún xeito?

405
00:19:43,364 --> 00:19:46,630
>> Jason Hirschhorn: Onde vimos
este sinal de dólar antes en JavaScript?

406
00:19:46,630 --> 00:19:47,920
Vímolo na charla.

407
00:19:47,920 --> 00:19:48,360
Nós falamos sobre isto.

408
00:19:48,360 --> 00:19:50,150
O que fai o sinal de dólar significa?

409
00:19:50,150 --> 00:19:51,220
>> Audiencia: Algo con jQuery?

410
00:19:51,220 --> 00:19:52,380
>> Jason Hirschhorn: Exactamente.

411
00:19:52,380 --> 00:19:54,270
Isto ten algo que ver con jQuery.

412
00:19:54,270 --> 00:19:59,310
Este cifrão significa que está a usar
unha función da biblioteca jQuery aquí.

413
00:19:59,310 --> 00:20:00,980
Exactamente.

414
00:20:00,980 --> 00:20:04,560
>> Entón, nós escribimos o signo de dólar, e, a continuación,
temos este paréntese aberto e pechado

415
00:20:04,560 --> 00:20:09,150
paréntese, e alí dentro, o que pasa
alí dentro, cando está usando un

416
00:20:09,150 --> 00:20:13,380
función da biblioteca jQuery, ou vostede é
usar a biblioteca jQuery?

417
00:20:13,380 --> 00:20:14,690
Unha vez máis, viu iso na charla.

418
00:20:14,690 --> 00:20:16,840
Alguén me pode dar - e
tamén ver algo aquí.

419
00:20:16,840 --> 00:20:18,090
O que pasa alí dentro?

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

421
00:20:22,220 --> 00:20:23,550
>> Jeff, me dea un palpite.

422
00:20:23,550 --> 00:20:27,000
O que isto parece, # océano?

423
00:20:27,000 --> 00:20:28,270
Onde xa vimos isto antes?

424
00:20:28,270 --> 00:20:29,920
>> Audiencia: É unha biblioteca
ou algo así?

425
00:20:29,920 --> 00:20:30,720
Eu non teño idea.

426
00:20:30,720 --> 00:20:36,420
>> Jason Hirschhorn: Ben, imos
me abrir índice dot -

427
00:20:36,420 --> 00:20:37,710
nope, lugar incorrecto.

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

429
00:20:44,220 --> 00:20:46,600
>> Así, vemos que temos algo
chamado océano aquí.

430
00:20:46,600 --> 00:20:50,870
Onde vimos a hashtag # océano
océano, sintaxe antes?

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

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

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

434
00:20:55,190 --> 00:20:56,810
>> Jason Hirschhorn: En CSS.

435
00:20:56,810 --> 00:21:00,720
Entón, nós queriamos algo estilo,
lembre que ía poñer o CSS hashtag

436
00:21:00,720 --> 00:21:05,360
selector, ou hashtag océano, por exemplo,
e toda a formato

437
00:21:05,360 --> 00:21:09,270
que quería dar á cousa
ID océano poñemos alí dentro.

438
00:21:09,270 --> 00:21:15,470
>> Entón, aquí dentro non é CSS
selector pasa aquí.

439
00:21:15,470 --> 00:21:17,630
jQuery define a súa propia
tipo de selectores.

440
00:21:17,630 --> 00:21:21,650
Pero é a mesma idea, e, de feito,
moitos deles se sobrepoñen con CSS.

441
00:21:21,650 --> 00:21:24,710
Entón, dentro deses parénteses abertas, vostede
poñer un selector, e calquera que sexa o

442
00:21:24,710 --> 00:21:28,670
selector refírese, é o que
vai estar a usar.

443
00:21:28,670 --> 00:21:32,320
>> Polo tanto, neste caso, eu son
seleccionando ID océano.

444
00:21:32,320 --> 00:21:33,690
Se eu tivese unha clase -

445
00:21:33,690 --> 00:21:38,830
digamos que eu teño unha clase de cousas
chamado "imaxes", e eu dou iso a un

446
00:21:38,830 --> 00:21:45,662
moitos elementos, como fago para referenciar
unha clase de cousas chamado "imaxes?"

447
00:21:45,662 --> 00:21:47,110
>> Audiencia: Coido que foi punto.

448
00:21:47,110 --> 00:21:48,140
>> Jason Hirschhorn: Con un punto.

449
00:21:48,140 --> 00:21:50,830
Polo tanto, se en vez diso eu poñer imaxes de puntos aquí,
que me daría a clase de

450
00:21:50,830 --> 00:21:51,980
cousas chamadas de "imaxes".

451
00:21:51,980 --> 00:21:54,810
>> Por suposto, isto é super poderoso, e
vostede pode facer referencia a unha chea de cousas.

452
00:21:54,810 --> 00:21:59,970
En realidade, eu podería facer referencia a basicamente
calquera etiqueta HTML.

453
00:21:59,970 --> 00:22:04,630
Entón, se eu quixese facelo, td, iso é
unha marca que xa vimos antes, cando

454
00:22:04,630 --> 00:22:05,750
creación dunha táboa.

455
00:22:05,750 --> 00:22:10,060
Probablemente está familiarizado con
que a partir de I definir sete.

456
00:22:10,060 --> 00:22:12,470
Neste caso, está realmente a suceder
para seleccionar todos eles.

457
00:22:12,470 --> 00:22:14,920
Me vai dar disposición
de todas as marcas td.

458
00:22:14,920 --> 00:22:16,760
Pero isto pode ser un pouco esmagadora,
así fro agora estamos

459
00:22:16,760 --> 00:22:19,390
vai ater-se só
referenciando IDs.

460
00:22:19,390 --> 00:22:23,510
>> Entón, o que iso fai, de novo, é
que recibe, neste caso -

461
00:22:23,510 --> 00:22:23,970
Sentímolo.

462
00:22:23,970 --> 00:22:27,020
Vaia aquí, a index.html.

463
00:22:27,020 --> 00:22:33,510
É un océano, no canto do ID océano
fai referencia a unha div, entón esa parte da

464
00:22:33,510 --> 00:22:37,130
liña de código obtén esta div.

465
00:22:37,130 --> 00:22:42,610
>> E entón este punto significa que eu estou chamando
unha función, eo nome que

466
00:22:42,610 --> 00:22:44,460
función é HTML.

467
00:22:44,460 --> 00:22:48,725
E iso é curto para, se vostedes viron
antes, sinal de dólar, de documentos, obter dot

468
00:22:48,725 --> 00:22:52,200
elemento por ID, dot HTML interior.

469
00:22:52,200 --> 00:22:54,350
Esta é só a versión de jQuery.

470
00:22:54,350 --> 00:22:57,200
Así, a función HTML só
recibe o HTML interior.

471
00:22:57,200 --> 00:22:58,920
Dese elemento.

472
00:22:58,920 --> 00:23:03,690
Entón, de novo, se miramos cara atrás aquí, imos
vexo que non hai HTML interior.

473
00:23:03,690 --> 00:23:07,990
E así, se eu fixese iso, eu o faría
tratar de facer que o HTML.

474
00:23:07,990 --> 00:23:10,390
Cando eu tecleo iso, eu son
definindo o HTML.

475
00:23:10,390 --> 00:23:13,110
Entón, eu estou pasando esta función para cordas,
a secuencia que eu creei

476
00:23:13,110 --> 00:23:18,560
aquí, e dicindo que poñer
dentro do div océano.

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

478
00:23:18,980 --> 00:23:21,550
>> Audiencia: Cando comeza a
HTML, está só comezando

479
00:23:21,550 --> 00:23:22,972
unha copia se, non?

480
00:23:22,972 --> 00:23:25,070
Non está eliminar-lo.

481
00:23:25,070 --> 00:23:25,710
>> Jason Hirschhorn: Certo.

482
00:23:25,710 --> 00:23:28,640
Se eu fixen iso e quería
para gardar esta en var -

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

484
00:23:31,120 --> 00:23:34,840
Iso sería obter toda a información que
estaba alí e garda-lo noutro

485
00:23:34,840 --> 00:23:35,800
variable, faga unha copia do mesmo.

486
00:23:35,800 --> 00:23:36,384
>> Audiencia: Aceptar.

487
00:23:36,384 --> 00:23:37,634
Entendín.

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

489
00:23:39,900 --> 00:23:43,860
>> Jason Hirschhorn: Entón creamos algúns
HTML, salvo que na secuencia.

490
00:23:43,860 --> 00:23:44,590
Nós aforramos un pouco máis.

491
00:23:44,590 --> 00:23:47,720
Aquí ve esa secuencia TODO.

492
00:23:47,720 --> 00:23:51,300
Entón, iso é probablemente o lugar onde estamos
conseguir que o todo de cando

493
00:23:51,300 --> 00:23:52,730
imos para a nosa páxina.

494
00:23:52,730 --> 00:23:56,610
E en realidade, se eu facer clic dereito sobre todo,
Inspect Element, falamos de

495
00:23:56,610 --> 00:23:57,240
Nesta última semana.

496
00:23:57,240 --> 00:24:02,400
É así que vemos o HTML
estrutura da nosa páxina.

497
00:24:02,400 --> 00:24:03,980
>> Vostede notará que aquí abaixo -

498
00:24:03,980 --> 00:24:05,230
imos facelo un pouco máis grande, tamén -

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

500
00:24:08,060 --> 00:24:11,390
nós temos a nosa div ID océano aquí.

501
00:24:11,390 --> 00:24:14,390
Todo o mundo ver que liña de código?

502
00:24:14,390 --> 00:24:16,330
E iso é o que os tipos
en index.html.

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

504
00:24:18,880 --> 00:24:30,430
>> Dentro del, vemos agora ese
liña da táboa de código.

505
00:24:30,430 --> 00:24:34,800
E o que esta liña da táboa de código é,
ese é o código que acaba de introducir en

506
00:24:34,800 --> 00:24:35,770
este elemento.

507
00:24:35,770 --> 00:24:39,650
E miramos para dentro del, nunca
colgroup ingresaran e tbody.

508
00:24:39,650 --> 00:24:42,330
Isto foi engadido para nós, xa que
fixemos algunhas cousas extravagantes.

509
00:24:42,330 --> 00:24:47,590
Pero vai notar que hai o tr,
hai o td con todo.

510
00:24:47,590 --> 00:24:50,680
>> Polo tanto, parece que, unha vez máis, o
código que escribimos aquí.

511
00:24:50,680 --> 00:24:52,300
Iso é o que este
liña estaba facendo.

512
00:24:52,300 --> 00:24:56,940
Estaba tomando nosa cadea HTML e
poñelas dentro deste div aquí.

513
00:24:56,940 --> 00:24:59,010
Inicialmente, non ten nada.

514
00:24:59,010 --> 00:25:01,660
Esta páxina é cargada.

515
00:25:01,660 --> 00:25:03,160
Cifrão, document.ready.

516
00:25:03,160 --> 00:25:04,490
Iniciarase a execución.

517
00:25:04,490 --> 00:25:08,010
Chamamos a función draw_ocean e
dentro da función draw_ocean tomamos

518
00:25:08,010 --> 00:25:10,010
este HTML e poñelas dentro desa div.

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

520
00:25:12,860 --> 00:25:14,230
>> Nós acaba de pasar por
moi ben alí.

521
00:25:14,230 --> 00:25:16,270
Alguén ten algunha dúbida
sobre iso?

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

523
00:25:19,050 --> 00:25:21,110
Ou como funciona isto, ou jQuery?

524
00:25:21,110 --> 00:25:25,190
Porque se entender que, a continuación,
jQuery debe esperamos vir

525
00:25:25,190 --> 00:25:25,760
relativamente fácil.

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

527
00:25:26,780 --> 00:25:29,370
>> Audiencia: O que tiña no interior do
parénteses baixo a impresión de HTML

528
00:25:29,370 --> 00:25:32,150
corda, que é o nome do
a variable de HTML que

529
00:25:32,150 --> 00:25:32,815
declarar máis cedo?

530
00:25:32,815 --> 00:25:33,890
>> Jason Hirschhorn: Este aquí?

531
00:25:33,890 --> 00:25:34,440
>> Audiencia: Si

532
00:25:34,440 --> 00:25:34,720
>> Jason Hirschhorn: si.

533
00:25:34,720 --> 00:25:36,600
Audiencia: Entón se tivese nomeado que
outra cousa, que algo máis

534
00:25:36,600 --> 00:25:37,590
era o que poñer aquí.

535
00:25:37,590 --> 00:25:38,335
>> Jason Hirschhorn: Exactamente.

536
00:25:38,335 --> 00:25:39,740
E iso é un bo punto.

537
00:25:39,740 --> 00:25:42,600
Isto é un pouco confuso, xa que
Teño HTML html.

538
00:25:42,600 --> 00:25:46,930
Este aquí dentro é o nome da miña
variable, e iso aquí é o

539
00:25:46,930 --> 00:25:48,680
nome da función jQuery.

540
00:25:48,680 --> 00:25:52,090
>> Audiencia: Pero para que o jQuery
funcionar para o traballo, ten que dar

541
00:25:52,090 --> 00:25:53,295
algunha entrada HTML?

542
00:25:53,295 --> 00:25:55,030
>> Jason Hirschhorn: Exactamente.

543
00:25:55,030 --> 00:25:56,530
Ou tes que darlle unha corda.

544
00:25:56,530 --> 00:26:00,840
El vai poñer esa secuencia dentro
da div ou calquera outra cousa.

545
00:26:00,840 --> 00:26:01,670
Esta é só unha cadea.

546
00:26:01,670 --> 00:26:05,590
El non sabe que iso é HTML, pero
obviamente, formato-lo co propósito de ser

547
00:26:05,590 --> 00:26:07,770
HTML válido.

548
00:26:07,770 --> 00:26:08,760
Isto responde a pregunta?

549
00:26:08,760 --> 00:26:09,480
>> Audiencia: si.

550
00:26:09,480 --> 00:26:10,120
>> Jason Hirschhorn: Aceptar.

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

552
00:26:10,590 --> 00:26:14,380
>> Audiencia: E se o océano que se refire
a un botón ou algo así?

553
00:26:14,380 --> 00:26:16,250
Cal sería o. Html facer?

554
00:26:16,250 --> 00:26:18,086
Tería que cambiar o
texto do botón?

555
00:26:18,086 --> 00:26:23,610
>> Jason Hirschhorn: Entón a cuestión é
o que se refire a un botón?

556
00:26:23,610 --> 00:26:25,970
Vai cambiar o interior
HTML de algo.

557
00:26:25,970 --> 00:26:29,250
Entón, se ten unha etiqueta de apertura e unha estreita
tag, que vai poñer algo entre

558
00:26:29,250 --> 00:26:30,610
tag abrir e pechar.

559
00:26:30,610 --> 00:26:33,280
Se non hai apertura e peche
tag, non vai facer nada.

560
00:26:33,280 --> 00:26:35,040
>> Audiencia: É literalmente unha copia
e pegar tipo de cousas?

561
00:26:35,040 --> 00:26:35,732
>> Jason Hirschhorn: Yeah.

562
00:26:35,732 --> 00:26:39,175
El copia e cola algo de
calquera que sexa variable eu pasalo, o

563
00:26:39,175 --> 00:26:41,410
corda eu pasalo, dentro dos
etiquetas de abrir e pechar.

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

565
00:26:44,460 --> 00:26:45,270
>> Imos dar un ollo aquí.

566
00:26:45,270 --> 00:26:48,950
Oh, meu Deus. draw_pool non fixo
facer nada alí.

567
00:26:48,950 --> 00:26:50,580
Iso é unha chatice.

568
00:26:50,580 --> 00:26:51,640
Adestrar, uau.

569
00:26:51,640 --> 00:26:54,290
OK, entón non hai moito máis alá diso.

570
00:26:54,290 --> 00:26:56,652
>> Entón, imos comezar, e
imos fixar iso.

571
00:26:56,652 --> 00:27:01,780
Eu vou ter de todo o mundo
axudar a conseguir este feito.

572
00:27:01,780 --> 00:27:04,030
Non hai, en realidade, que moitas liñas
de código, creo, de escribir.

573
00:27:04,030 --> 00:27:07,270
Eu creo que eu fixen iso hai uns anos
para a versión 2K12, e hai

574
00:27:07,270 --> 00:27:08,880
Non debe ser tan moitas liñas
de código para escribir.

575
00:27:08,880 --> 00:27:09,230
Non debería excluído este código.

576
00:27:09,230 --> 00:27:10,920
Eu debería ter só salvou.

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

578
00:27:11,900 --> 00:27:14,170
>> En fin, imos comezar.

579
00:27:14,170 --> 00:27:18,850
Entón, eu estou nesa matriz, ou eu estou nesa
liña, e eu teño a miña ocean_array.

580
00:27:18,850 --> 00:27:24,110
E quero poñer todo iso,
todo a partir deste arquivo, no meu

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

582
00:27:25,170 --> 00:27:27,390
Entón, como podo ter todo, desde
alí, e poñelas na

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

584
00:27:27,630 --> 00:27:29,390
É unha liña de código.

585
00:27:29,390 --> 00:27:32,530
Quen me pode dar esa liña de código ou
me diga, ten algunha idea do que esta liña

586
00:27:32,530 --> 00:27:33,755
de código debe facer?

587
00:27:33,755 --> 00:27:36,350
Por que non comezan aquí, e logo nós imos
seguir movendo en torno do cuarto

588
00:27:36,350 --> 00:27:37,410
responder a preguntas.

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

590
00:27:37,780 --> 00:27:38,890
Cal é o primeiro?

591
00:27:38,890 --> 00:27:41,165
>> Audiencia: Ocean_array,
soporte, golfiño.

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

593
00:27:47,120 --> 00:27:50,380
Igual golfiños, soporte de golfiños?

594
00:27:50,380 --> 00:27:52,265
Golfiños cun capital de todo.

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

596
00:27:57,590 --> 00:27:58,210
>> Jason Hirschhorn: Aceptar.

597
00:27:58,210 --> 00:28:00,250
Imos examinar a sintaxe.

598
00:28:00,250 --> 00:28:04,260
Aquí mesmo, é dicir como un loop foreach,
polo que é, en realidade, facendo unha morea de

599
00:28:04,260 --> 00:28:05,180
cousas para nós.

600
00:28:05,180 --> 00:28:07,220
E golfiño é un obxecto.

601
00:28:07,220 --> 00:28:09,790
Entón, nós non precisamos de escribir algo
como os golfiños, golfiño, porque

602
00:28:09,790 --> 00:28:12,480
golfiño en si é o
obxectar que quero.

603
00:28:12,480 --> 00:28:13,495
Non é o índice.

604
00:28:13,495 --> 00:28:14,510
Será que isto ten sentido?

605
00:28:14,510 --> 00:28:15,830
>> Audiencia: Yeah.

606
00:28:15,830 --> 00:28:18,870
>> Jason Hirschhorn: Entón, como
propor cambiar o seu código?

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

608
00:28:23,110 --> 00:28:24,360
Se sabemos que estamos tendo en conta o índice?

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

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

611
00:28:35,240 --> 00:28:36,100
Vostede é bo.

612
00:28:36,100 --> 00:28:41,180
Pero como -

613
00:28:41,180 --> 00:28:43,740
deixe-me facer unha pregunta distinta.

614
00:28:43,740 --> 00:28:46,485
Se queremos -

615
00:28:46,485 --> 00:28:47,400
imos realmente escribir isto.

616
00:28:47,400 --> 00:28:48,170
Nunca mente.

617
00:28:48,170 --> 00:28:49,080
Imos escribir isto.

618
00:28:49,080 --> 00:28:49,910
Isto é óptimo.

619
00:28:49,910 --> 00:28:50,440
Sentímolo.

620
00:28:50,440 --> 00:28:52,790
Estaba moi confuso alí.

621
00:28:52,790 --> 00:28:55,910
>> Imos deixar que, por agora, e
imos volver adestrar un golfiño,

622
00:28:55,910 --> 00:28:56,480
definindo un golfiño.

623
00:28:56,480 --> 00:28:59,840
Imos primeiro resolver este océano deseño
función, e nós imos volver

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

625
00:29:00,930 --> 00:29:03,490
Pero, ata agora, todo ben.

626
00:29:03,490 --> 00:29:06,290
>> Imos ollar para dentro draw_ocean.

627
00:29:06,290 --> 00:29:09,500
A liña que semella malo é este
"Imaxes de tendas de golfiños no

628
00:29:09,500 --> 00:29:13,320
do océano, nunha secuencia de HTML. "E así
agora, eu só me gusta, pero eu

629
00:29:13,320 --> 00:29:17,230
Realmente quere poñer os golfiños
fotos no océano.

630
00:29:17,230 --> 00:29:21,780
Entón, o que, Noé, pensas que é
o primeiro que debería facer?

631
00:29:21,780 --> 00:29:24,570
Se eu queira pasar por todo o
matriz, que é o primeiro

632
00:29:24,570 --> 00:29:25,270
cousa que eu teño que facer?

633
00:29:25,270 --> 00:29:26,713
>> Audiencia: Necesitamos
crear un loop for.

634
00:29:26,713 --> 00:29:27,610
>> Jason Hirschhorn: Un loop for.

635
00:29:27,610 --> 00:29:29,740
E o que debería que
loop parece?

636
00:29:29,740 --> 00:29:30,990
>> Audiencia: Para -

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

638
00:29:36,660 --> 00:29:40,940
necesitamos pasar por cada golfiño
na matriz océano.

639
00:29:40,940 --> 00:29:47,093
Así, para var golfiño en -

640
00:29:47,093 --> 00:29:48,830
pode escribir arranxo océano?

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

642
00:29:56,200 --> 00:29:57,450
>> Jason Hirschhorn: Así?

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

644
00:30:00,654 --> 00:30:04,495
>> Audiencia: Probablemente é iso mesmo.

645
00:30:04,495 --> 00:30:06,280
>> Jason Hirschhorn: Imos ir con
que, polo de agora, e despois imos

646
00:30:06,280 --> 00:30:07,060
volver a el.

647
00:30:07,060 --> 00:30:09,055
E vai ser responsable
para esta liña.

648
00:30:09,055 --> 00:30:11,260
Entón, eu teño por loop.

649
00:30:11,260 --> 00:30:12,560
Michael, está agora.

650
00:30:12,560 --> 00:30:15,896
¿Que debería facer agora?

651
00:30:15,896 --> 00:30:23,045
>> Audiencia: Vostede tería que tomar a
almacenar fotos de golfiños.

652
00:30:23,045 --> 00:30:25,830
>> Jason Hirschhorn: Entón, onde
é que están gardados?

653
00:30:25,830 --> 00:30:28,318
>> Audiencia: O array golfiño?

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

655
00:30:33,298 --> 00:30:36,650
>> Jason Hirschhorn: Estou confuso agora
moito sobre o que está pasando.

656
00:30:36,650 --> 00:30:38,380
Imos descubrir como podemos facer debug
iso, e entón eu virei

657
00:30:38,380 --> 00:30:40,700
volta para ti, OK?

658
00:30:40,700 --> 00:30:43,920
Qué é o equivalente a
printf en JavaScript?

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

660
00:30:44,813 --> 00:30:47,315
>> Audiencia: É un documento que escribir?

661
00:30:47,315 --> 00:30:50,020
>> Jason Hirschhorn: Ou como pode
Vexo algo no

662
00:30:50,020 --> 00:30:51,200
consolar-se na parte inferior?

663
00:30:51,200 --> 00:30:51,940
>> Audiencia: console.log.

664
00:30:51,940 --> 00:30:53,870
>> Jason Hirschhorn: console.log,
exactamente.

665
00:30:53,870 --> 00:30:59,810
Entón imos facer console.log, e imos
só tes que poñer "golfiño" en, OK?

666
00:30:59,810 --> 00:31:02,710
O ideal é que funciona isto, imos
ter - imos ver, de volta o arquivo

667
00:31:02,710 --> 00:31:06,030
dolphins.js, había seis golfiños,
entón eu debería obter seis ou algo así

668
00:31:06,030 --> 00:31:08,180
espero impreso para
a consola, non?

669
00:31:08,180 --> 00:31:11,850
É aí que estamos tan lonxe, porque nós
fixo liña de Kurt-se aquí, e entón nós

670
00:31:11,850 --> 00:31:14,630
fixo Noé do loop for, e temos esa
liña, polo que espera que debemos ver seis

671
00:31:14,630 --> 00:31:16,120
cousas impresos para a consola.

672
00:31:16,120 --> 00:31:22,032
Entón imos aquí, imos abrir o noso
consolar e actualizar a páxina.

673
00:31:22,032 --> 00:31:27,290
>> OK, entón parece que
vimos seis índices.

674
00:31:27,290 --> 00:31:28,390
Cero, un, dous, tres,
catro cinco, si.

675
00:31:28,390 --> 00:31:30,486
>> Audiencia: Como é que comeza a
que dentro da súa páxina -

676
00:31:30,486 --> 00:31:32,260
>> Jason Hirschhorn: como fago para obter
a esta cousa aquí abaixo?

677
00:31:32,260 --> 00:31:35,830
>> Audiencia: Non, a páxina Chrome dentro
[Inaudível] aparello.

678
00:31:35,830 --> 00:31:36,892
Podemos ver que, ou non?

679
00:31:36,892 --> 00:31:38,220
>> Jason Hirschhorn: Este Chrome
páxina aquí?

680
00:31:38,220 --> 00:31:38,490
>> Audiencia: Yeah.

681
00:31:38,490 --> 00:31:43,180
>> Jason Hirschhorn: Entón, así como no conxunto P
oito, abrín unha fiestra Chrome

682
00:31:43,180 --> 00:31:46,410
no meu escritorio, no meu
Área de traballo do Macintosh.

683
00:31:46,410 --> 00:31:51,980
E se observar aquí esta URL enriba
esquina superior esquerda, que corresponde a esta IP

684
00:31:51,980 --> 00:31:54,630
abordar aquí.

685
00:31:54,630 --> 00:31:58,000
Así, para facer isto, con todo, o inicio
do conxunto de problemas de especificación anda vostede

686
00:31:58,000 --> 00:31:59,860
través exactamente como facelo.

687
00:31:59,860 --> 00:32:02,650
Pero eu só seguín tanto, e en vez
de co código de transporte, eu só fixen

688
00:32:02,650 --> 00:32:04,070
noso propio código.

689
00:32:04,070 --> 00:32:05,970
>> O legal é que tamén pode
inspeccionar ocean_array.

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

691
00:32:09,530 --> 00:32:13,080
Polo tanto, parece que é ocean_array
unha serie de seis obxectos, e

692
00:32:13,080 --> 00:32:14,570
imos abrir cada un.

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

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

695
00:32:16,580 --> 00:32:19,920
>> Entón Kurt, parece que o seu
código funcionou perfectamente.

696
00:32:19,920 --> 00:32:23,510
Todo comezou en ocean_array.

697
00:32:23,510 --> 00:32:24,995
Porque eu misspoke antes.

698
00:32:24,995 --> 00:32:26,570
Pero si, traballo impresionante.

699
00:32:26,570 --> 00:32:30,330
O ocean_array é correcta, e parece
como agora vemos que golfiño é

700
00:32:30,330 --> 00:32:35,400
un número de 0 a 5, de xeito que parecía
como un índice nunha matriz.

701
00:32:35,400 --> 00:32:37,510
Así, dado que o coñecemento, Michael,
o que temos que facer agora?

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

703
00:32:43,080 --> 00:32:43,870
Pense en voz alta.

704
00:32:43,870 --> 00:32:45,600
Que é algo que queremos facer?

705
00:32:45,600 --> 00:32:51,260
>> Audiencia: Queremos chegar a
JPEG para cada golfiño.

706
00:32:51,260 --> 00:32:51,800
>> Jason Hirschhorn: Aceptar.

707
00:32:51,800 --> 00:32:53,206
Entón, como podemos facer referencia -

708
00:32:53,206 --> 00:32:54,760
como podemos obter o JPEG?

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

710
00:33:01,172 --> 00:33:03,726
Por onde empezamos?

711
00:33:03,726 --> 00:33:05,390
Onde está todo almacenado?

712
00:33:05,390 --> 00:33:07,610
>> Audiencia: No ocean_array?

713
00:33:07,610 --> 00:33:08,320
>> Jason Hirschhorn: Aceptar.

714
00:33:08,320 --> 00:33:11,450
>> Audiencia: Entón ocean_array, golfiño -

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

716
00:33:16,392 --> 00:33:19,280
>> Jason Hirschhorn: Como é que nós
obter algo dentro -

717
00:33:19,280 --> 00:33:20,860
entón iso nos dá ese obxecto.

718
00:33:20,860 --> 00:33:22,770
E vimos que antes
coa estrutura.

719
00:33:22,770 --> 00:33:26,710
Entón, que tipo de notación
que necesitamos empregar?

720
00:33:26,710 --> 00:33:28,450
>> Audiencia: Sería o punto.

721
00:33:28,450 --> 00:33:29,400
>> Jason Hirschhorn: Un punto.

722
00:33:29,400 --> 00:33:30,960
E entón o que campo?

723
00:33:30,960 --> 00:33:31,510
>> Audiencia: Imaxe?

724
00:33:31,510 --> 00:33:33,816
Ou iso non é un campo -

725
00:33:33,816 --> 00:33:37,400
>> Jason Hirschhorn: Qué é isto
chamado dolphins.js?

726
00:33:37,400 --> 00:33:38,270
E mira, pode ollar.

727
00:33:38,270 --> 00:33:38,970
Podemos simplemente volver aquí.

728
00:33:38,970 --> 00:33:40,700
Podemos ver ocean_array,
podemos explorar iso.

729
00:33:40,700 --> 00:33:41,380
Como se chama?

730
00:33:41,380 --> 00:33:42,287
>> Audiencia: Tipo.

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

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

733
00:33:44,155 --> 00:33:45,560
Eu dixen imaxe.

734
00:33:45,560 --> 00:33:46,370
>> Jason Hirschhorn: Imaxe.

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

736
00:33:47,610 --> 00:33:49,510
Non soar como vostede sabe o que
estabas falando, con todo.

737
00:33:49,510 --> 00:33:50,630
Parecía máis un palpite.

738
00:33:50,630 --> 00:33:53,700
Así que a imaxe, de xeito que daría
Connosco a URL da imaxe.

739
00:33:53,700 --> 00:33:54,720
Jeff, ten unha pregunta?

740
00:33:54,720 --> 00:33:57,375
>> Audiencia: Si, eu podo non conseguir o
ten no seu Chrome

741
00:33:57,375 --> 00:33:59,320
navegador no meu ordenador.

742
00:33:59,320 --> 00:34:05,915
Acaba de recibir unha "referencia uncaught
erro, consola non está definido. "

743
00:34:05,915 --> 00:34:07,780
>> Jason Hirschhorn: Ten
configurar todo?

744
00:34:07,780 --> 00:34:10,090
>> Audiencia: Ben, eu creo que
fixo todo o que

745
00:34:10,090 --> 00:34:11,800
fixo na pantalla grande.

746
00:34:11,800 --> 00:34:13,510
>> Jason Hirschhorn: E ti
chmodded todos os ficheiros?

747
00:34:13,510 --> 00:34:16,343
E se pasar por
toda a configuración?

748
00:34:16,343 --> 00:34:17,600
>> Audiencia: Vou tentar de novo.

749
00:34:17,600 --> 00:34:18,300
>> Jason Hirschhorn: Aceptar.

750
00:34:18,300 --> 00:34:20,630
Eu pulei moito iso no
empezando, pero ten que pasar por

751
00:34:20,630 --> 00:34:22,199
toda a configuración, así como no
inicio da especificación conxunto de problemas.

752
00:34:22,199 --> 00:34:24,770
Chmod todo e
asegúrese de que está dentro

753
00:34:24,770 --> 00:34:26,360
>> Audiencia: Eu irei e
comprobe iso.

754
00:34:26,360 --> 00:34:28,655
Eu penso que eu fixen iso, pero
Vou comprobar de novo.

755
00:34:28,655 --> 00:34:30,270
>> Jason Hirschhorn: Entón, iso parece
como vai dar o

756
00:34:30,270 --> 00:34:30,960
corda e unha imaxe.

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

758
00:34:31,370 --> 00:34:32,760
Temos a URL da imaxe.

759
00:34:32,760 --> 00:34:35,320
Como é que imos agora poñelas -

760
00:34:35,320 --> 00:34:38,030
o que pasa se escribimos
só iso, Michael?

761
00:34:38,030 --> 00:34:40,150
>> Audiencia: Ela só queda a imaxe.

762
00:34:40,150 --> 00:34:41,420
En realidade, non amosar-lo.

763
00:34:41,420 --> 00:34:42,840
>> Jason Hirschhorn: Imos
ver o que acontece.

764
00:34:42,840 --> 00:34:43,514
Imos gardar iso.

765
00:34:43,514 --> 00:34:44,780
Imos executa-lo aquí.

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

767
00:34:49,460 --> 00:34:50,510
Parece que non temos nada.

768
00:34:50,510 --> 00:34:56,179
Se eu explotar esta táboa,
parece que no interior -

769
00:34:56,179 --> 00:34:58,170
Si, parece que eu non entendo nada.

770
00:34:58,170 --> 00:34:59,963
>> Audiencia: Temos que -

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

772
00:35:05,225 --> 00:35:07,270
>> Jason Hirschhorn: Esta é unha cadea,
este código aquí.

773
00:35:07,270 --> 00:35:08,615
Onde é que quero poñer esa cadea?

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

775
00:35:11,250 --> 00:35:16,000
>> Audiencia: Quere
poñelas no océano?

776
00:35:16,000 --> 00:35:16,040
>> Jason Hirschhorn: Aceptar.

777
00:35:16,040 --> 00:35:19,230
E aquí estou poñendo unha corda
chamado html no océano.

778
00:35:19,230 --> 00:35:26,350
>> Audiencia: Entón sería dólar
sinal, océano, html [inaudível].

779
00:35:26,350 --> 00:35:27,985
>> Jason Hirschhorn: Isto faría
poñelas en liña recta alí.

780
00:35:27,985 --> 00:35:29,440
Pero e se eu queira engadir-la a -

781
00:35:29,440 --> 00:35:30,740
Eu xa estou creando unha cadea, non?

782
00:35:30,740 --> 00:35:33,740
Para poñer no océano, o que se
o nome desa secuencia?

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

784
00:35:34,610 --> 00:35:35,250
>> Jason Hirschhorn: HTML.

785
00:35:35,250 --> 00:35:36,355
Entón, o que eu escriba a continuación?

786
00:35:36,355 --> 00:35:37,310
>> Audiencia: Igual, é igual.

787
00:35:37,310 --> 00:35:38,990
Ou só é igual?

788
00:35:38,990 --> 00:35:41,170
>> Jason Hirschhorn: Cal será
ocorrer se eu escribir iguais?

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

790
00:35:45,940 --> 00:35:49,222
>> Audiencia: Non vai define-lo
igual - ou non quere que -

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

792
00:35:51,744 --> 00:35:53,016
>> Audiencia: o asignado?

793
00:35:53,016 --> 00:35:55,680
>> Jason Hirschhorn: El vai asignar-lle,
pero o que vai pasar con todo

794
00:35:55,680 --> 00:35:56,565
que foi almacenada nel antes?

795
00:35:56,565 --> 00:35:57,570
>> Audiencia: Vai se librar del.

796
00:35:57,570 --> 00:35:58,660
>> Jason Hirschhorn: Vai se librar del.

797
00:35:58,660 --> 00:35:59,993
Entón, como podo engadir lo ata a fin?

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

799
00:36:02,836 --> 00:36:04,120
Quere só de copiar o -

800
00:36:04,120 --> 00:36:04,530
>> Audiencia: Máis iguais.

801
00:36:04,530 --> 00:36:06,260
>> Jason Hirschhorn: Máis
coincide, perfecto.

802
00:36:06,260 --> 00:36:07,120
Isto é exactamente correcto.

803
00:36:07,120 --> 00:36:08,380
Entón, agora imos ver o que iso fai.

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, meu Deus.

807
00:36:14,580 --> 00:36:16,580
Isto é só unha morea de texto.

808
00:36:16,580 --> 00:36:17,580
Aceptar.

809
00:36:17,580 --> 00:36:20,640
>> Polo tanto, parece que temos moito
de texto, aínda que iso é gran.

810
00:36:20,640 --> 00:36:21,750
Vostedes fixeron -

811
00:36:21,750 --> 00:36:23,160
Sei que é difícil, que é novo.

812
00:36:23,160 --> 00:36:24,970
Ata agora, os tres de vós
ter feito fantástico.

813
00:36:24,970 --> 00:36:26,600
>> OK, é o seguinte.

814
00:36:26,600 --> 00:36:27,960
O que temos que facer a continuación?

815
00:36:27,960 --> 00:36:29,830
Nós, por suposto, non quere que el
xogar só a cadea.

816
00:36:29,830 --> 00:36:30,120
Si?

817
00:36:30,120 --> 00:36:30,690
>> Audiencia: Eu só teño unha pregunta.

818
00:36:30,690 --> 00:36:35,410
Vostede sabe, cando fai ocean_array,
golfiño, entre parénteses, non é

819
00:36:35,410 --> 00:36:37,550
golfiño como un asociativa
conxunto en si mesmo?

820
00:36:37,550 --> 00:36:38,230
>> Jason Hirschhorn: Eu misspoke.

821
00:36:38,230 --> 00:36:41,515
Dolphin é o índice.

822
00:36:41,515 --> 00:36:44,280
>> Audiencia: pero non é var
golfiño no océano -

823
00:36:44,280 --> 00:36:49,540
Quero dicir, cando inicialmente cargalo como
ben, golfiño var en golfiños, non é

824
00:36:49,540 --> 00:36:51,950
que golfiño unha matriz asociativa?

825
00:36:51,950 --> 00:36:52,970
>> Jason Hirschhorn: Este golfiño?

826
00:36:52,970 --> 00:36:53,650
>> Audiencia: Yeah.

827
00:36:53,650 --> 00:36:54,230
>> Jason Hirschhorn: Non

828
00:36:54,230 --> 00:36:56,366
Este golfiño é o índice.

829
00:36:56,366 --> 00:36:57,950
>> Audiencia: Aceptar.

830
00:36:57,950 --> 00:36:59,320
Entón, hai unha variable golfiño?

831
00:36:59,320 --> 00:37:02,610
Quero dicir, como chave de golfiño en
a matriz asociativa?

832
00:37:02,610 --> 00:37:04,150
>> Jason Hirschhorn: Aquí?

833
00:37:04,150 --> 00:37:05,075
Como, dolphin.name?

834
00:37:05,075 --> 00:37:10,440
>> Audiencia: Si, está aí
como golfiño dot -

835
00:37:10,440 --> 00:37:13,090
como non é golfiño significaba
ser cada obxecto?

836
00:37:13,090 --> 00:37:15,580
>> Audiencia: Si, iso é
o que eu penso, tamén.

837
00:37:15,580 --> 00:37:19,985
>> Audiencia: Eu penso que era como golfiño
a matriz asociativa en golfiños.

838
00:37:19,985 --> 00:37:22,240
Porque hai seis asociativo
arrays en golfiños, non?

839
00:37:22,240 --> 00:37:24,050
>> Jason Hirschhorn: Certo.

840
00:37:24,050 --> 00:37:26,790
O camiño que temos este escrito
agora, non é.

841
00:37:26,790 --> 00:37:29,300
>> Audiencia: Por que é?

842
00:37:29,300 --> 00:37:36,690
>> Jason Hirschhorn: Poderiamos facelo, e
hai realmente unha función jQuery

843
00:37:36,690 --> 00:37:39,660
chamado. cada cal dá
vostede cada cousa.

844
00:37:39,660 --> 00:37:41,670
Pero esa sintaxe non é -

845
00:37:41,670 --> 00:37:44,130
Eu misspoke antes - esta sintaxe
non é que é índice.

846
00:37:44,130 --> 00:37:45,780
Este é só dar-nos os índices.

847
00:37:45,780 --> 00:37:48,490
Pero podería facer cifrão. Cada,
que é unha función jQuery.

848
00:37:48,490 --> 00:37:51,730
Que lle daría cada
conxunto asociado.

849
00:37:51,730 --> 00:37:52,930
Polo tanto, comproba iso.

850
00:37:52,930 --> 00:37:55,205
Pero iso é o que todo este código fai.

851
00:37:55,205 --> 00:37:59,020
>> Audiencia: Entón ese primeiro lazo for, eu
creo que iterado seis veces

852
00:37:59,020 --> 00:37:59,765
porque ten seis índices.

853
00:37:59,765 --> 00:38:02,550
E, a continuación, o segundo loop for,
non é o que a iteración

854
00:38:02,550 --> 00:38:03,880
mesma cantidade de veces?

855
00:38:03,880 --> 00:38:04,540
>> Jason Hirschhorn: Yeah.

856
00:38:04,540 --> 00:38:07,920
>> Audiencia: Entón non hai realmente ningunha - nós
podería escribir o primeiro loop for

857
00:38:07,920 --> 00:38:09,700
de novo, e tería funcionando.

858
00:38:09,700 --> 00:38:11,265
Como, golfiño var en golfiños?

859
00:38:11,265 --> 00:38:13,400
>> Jason Hirschhorn: Si, pero estamos
agora usando un ocean_array.

860
00:38:13,400 --> 00:38:18,010
Cambiamos todo no
ocean_array porque dicir que sempre quixo

861
00:38:18,010 --> 00:38:23,970
para cambiar o que está en dolphins.js, ou se
queremos manipular ocean_array

862
00:38:23,970 --> 00:38:27,140
máis tarde, nós non queremos manexar
golfiños, a variable.

863
00:38:27,140 --> 00:38:29,940
Queremos manipular unha copia do mesmo,
porque, se queremos levar algo

864
00:38:29,940 --> 00:38:31,740
para fóra, así que nós estamos só
será seguro.

865
00:38:31,740 --> 00:38:32,820
Será que isto ten sentido.

866
00:38:32,820 --> 00:38:33,085
>> Audiencia: Yeah.

867
00:38:33,085 --> 00:38:34,390
>> Jason Hirschhorn: Aceptar.

868
00:38:34,390 --> 00:38:39,830
Entón, Carlos, como fago para sacar esa cadea
e facelo unha imaxe no seu lugar, e obter

869
00:38:39,830 --> 00:38:40,860
a imaxe real?

870
00:38:40,860 --> 00:38:42,260
Ve este código antes.

871
00:38:42,260 --> 00:38:45,541
Cómo fago incluír unha imaxe nunha páxina?

872
00:38:45,541 --> 00:38:51,400
>> Audiencia: É a que fixemos sobre
que ademais de HTML é igual a chamada che trazo

873
00:38:51,400 --> 00:38:53,344
ancho, ela apagou?

874
00:38:53,344 --> 00:38:56,068
>> Jason Hirschhorn: Este
cousas aquí?

875
00:38:56,068 --> 00:38:57,036
>> Audiencia: Yeah.

876
00:38:57,036 --> 00:38:57,520
Máis ou menos.

877
00:38:57,520 --> 00:38:58,900
>> Jason Hirschhorn: non faga
preocupar con iso.

878
00:38:58,900 --> 00:39:00,520
Isto só comeza a cadea HTML.

879
00:39:00,520 --> 00:39:03,980
Se eu queira incluir unha imaxe na miña
Páxina web HTML, o que marca que eu uso?

880
00:39:03,980 --> 00:39:06,210
>> Audiencia: Eu non me lembro.

881
00:39:06,210 --> 00:39:07,050
>> Jason Hirschhorn: Aceptar.

882
00:39:07,050 --> 00:39:08,343
Aviar, axudar?

883
00:39:08,343 --> 00:39:10,985
>> Audiencia: Sería áncora,
href, e entón liga-lo?

884
00:39:10,985 --> 00:39:12,790
>> Jason Hirschhorn: Así como en A Ancora.

885
00:39:12,790 --> 00:39:14,790
>> Audiencia: Non precisa
vincula-lo, non?

886
00:39:14,790 --> 00:39:17,370
>> Jason Hirschhorn: E se eu só
Quere crear unha imaxe?

887
00:39:17,370 --> 00:39:24,640
>> Audiencia: Sería IMG, e despois
src coincide calquera que sexa a cadea é?

888
00:39:24,640 --> 00:39:27,400
>> Jason Hirschhorn: OK, entón
é iso mesmo, img.

889
00:39:27,400 --> 00:39:28,635
Carlos, está indo a
leva-lo a partir de aquí.

890
00:39:28,635 --> 00:39:32,760
img significa "imaxe", e posto src
a "fonte". e ten que darlle

891
00:39:32,760 --> 00:39:35,200
un URL ou algúns -

892
00:39:35,200 --> 00:39:35,940
nin sequera unha URL.

893
00:39:35,940 --> 00:39:39,040
Algúns lugar onde este
imaxe é almacenada.

894
00:39:39,040 --> 00:39:46,490
Entón eu sei que me vai coller un
imaxe, agora como fago para poñer iso todo

895
00:39:46,490 --> 00:39:49,310
xuntos, penso?

896
00:39:49,310 --> 00:39:51,920
Teño algunha sintaxe que eu teño corrixir.

897
00:39:51,920 --> 00:39:54,632
O que exactamente eu teño
para escribir, Carlos?

898
00:39:54,632 --> 00:39:56,862
>> Audiencia: Non entendo o que
estás a facer.

899
00:39:56,862 --> 00:40:00,185
Entón estás a poñer todo
as imaxes nunha táboa?

900
00:40:00,185 --> 00:40:04,790
>> Jason Hirschhorn: Queremos mostrar
todas as imaxes da páxina.

901
00:40:04,790 --> 00:40:12,000
E vimos como esta liña de código para a dereita
cordas aquí engadidos á nosa cadea HTML

902
00:40:12,000 --> 00:40:13,275
e impreso-los así.

903
00:40:13,275 --> 00:40:17,990

904
00:40:17,990 --> 00:40:21,830
Pola contra quere amosar imaxes.

905
00:40:21,830 --> 00:40:25,780
E entendemos, Maru, dixo-nos
que esta liña de código -

906
00:40:25,780 --> 00:40:26,750
entón imos ollar aquí.

907
00:40:26,750 --> 00:40:31,745
Se nós fomos e explotado, nós imos
modificar esta como HTML.

908
00:40:31,745 --> 00:40:35,110

909
00:40:35,110 --> 00:40:54,270
Maru, dixo que, se non se fai este tipo
de sintaxe, temos unha imaxe.

910
00:40:54,270 --> 00:40:57,810

911
00:40:57,810 --> 00:40:59,400
Entón, iso ten sentido?

912
00:40:59,400 --> 00:41:02,650

913
00:41:02,650 --> 00:41:05,630
>> Este é o tipo de corda que
Realmente quere poñer dentro do océano

914
00:41:05,630 --> 00:41:09,080
mergullo, e non só o texto en si.

915
00:41:09,080 --> 00:41:12,080
>> Audiencia: [inaudível]

916
00:41:12,080 --> 00:41:12,940
>> Jason Hirschhorn: Sentímolo?

917
00:41:12,940 --> 00:41:16,240
>> Audiencia: Non pode simplemente copiar
aquel que deu Kianna,

918
00:41:16,240 --> 00:41:17,810
e poñelas en que -

919
00:41:17,810 --> 00:41:19,570
>> Jason Hirschhorn: Copia e pega este,
e poñer isto aquí?

920
00:41:19,570 --> 00:41:20,820
>> Audiencia: Yeah.

921
00:41:20,820 --> 00:41:23,354

922
00:41:23,354 --> 00:41:25,813
>> Jason Hirschhorn: É preto, pero
hai un problema con iso, e

923
00:41:25,813 --> 00:41:27,063
o que é iso?

924
00:41:27,063 --> 00:41:30,920

925
00:41:30,920 --> 00:41:36,370
HTML é unha cadea, e necesitamos
para engadir cordas para el.

926
00:41:36,370 --> 00:41:37,855
>> Audiencia: Entón poñelas - nah.

927
00:41:37,855 --> 00:41:40,860
>> Jason Hirschhorn: E temos tres -
iso aquí non é unha cadea.

928
00:41:40,860 --> 00:41:42,921
Como é que podemos facelo unha corda?

929
00:41:42,921 --> 00:41:45,474
Como sempre fai
algo a corda?

930
00:41:45,474 --> 00:41:47,242
>> Audiencia: Eu non sei.

931
00:41:47,242 --> 00:41:49,570
>> Jason Hirschhorn: Se eu tivera texto,
como fago para facelo unha corda?

932
00:41:49,570 --> 00:41:51,615
Gústame aquí nesta liña aquí?

933
00:41:51,615 --> 00:41:54,160
>> Audiencia: Pon-o nunha mesa?

934
00:41:54,160 --> 00:41:56,450
>> Jason Hirschhorn: Que tal isto?

935
00:41:56,450 --> 00:41:57,290
>> Audiencia: Cita.

936
00:41:57,290 --> 00:41:58,670
>> Jason Hirschhorn: Dobre
citas, non?

937
00:41:58,670 --> 00:42:00,860
Comiñas fai algo
unha corda.

938
00:42:00,860 --> 00:42:03,720
Entón, iso fai que unha cadea,
e esta é unha cadea.

939
00:42:03,720 --> 00:42:05,990
¿Como poñer dúas cadeas
xuntos en JavaScript?

940
00:42:05,990 --> 00:42:06,842
>> Audiencia: Dot.

941
00:42:06,842 --> 00:42:07,960
>> Jason Hirschhorn: Non dot.

942
00:42:07,960 --> 00:42:10,462
Isto é PHP.

943
00:42:10,462 --> 00:42:11,358
>> Audiencia: Plus.

944
00:42:11,358 --> 00:42:13,200
>> Jason Hirschhorn: Ademais, exactamente correcto.

945
00:42:13,200 --> 00:42:15,900
Así, ademais de, a continuación, o que fai
propoñen que fago aquí?

946
00:42:15,900 --> 00:42:20,900

947
00:42:20,900 --> 00:42:22,400
>> Audiencia: Outra cita.

948
00:42:22,400 --> 00:42:24,100
>> Jason Hirschhorn: Outra cita, Aceptar.

949
00:42:24,100 --> 00:42:32,300

950
00:42:32,300 --> 00:42:34,322
¿Como pechar unha corda?

951
00:42:34,322 --> 00:42:35,660
>> Audiencia: Outra cita.

952
00:42:35,660 --> 00:42:36,180
>> Jason Hirschhorn: Outra cita.

953
00:42:36,180 --> 00:42:38,740
E como fago para poñer esa cadea
xunto con esta corda?

954
00:42:38,740 --> 00:42:39,810
Un plus.

955
00:42:39,810 --> 00:42:40,630
Isto é exactamente correcto.

956
00:42:40,630 --> 00:42:41,540
Só o fixo para nós.

957
00:42:41,540 --> 00:42:42,590
Isto é perfecto.

958
00:42:42,590 --> 00:42:46,320
>> Entón agora imos facer este.

959
00:42:46,320 --> 00:42:49,050
E mira, temos un conxunto
chea de imaxes.

960
00:42:49,050 --> 00:42:49,860
Oh, meu Deus.

961
00:42:49,860 --> 00:42:50,770
Aqueles son asustado.

962
00:42:50,770 --> 00:42:51,720
Imos explorar
los en un segundo.

963
00:42:51,720 --> 00:42:52,010
Si, Noé?

964
00:42:52,010 --> 00:42:54,520
>> Audiencia: Sei que realmente non
materia, pero ten que pechar a súa

965
00:42:54,520 --> 00:42:56,005
elementos con etiqueta de imaxe?

966
00:42:56,005 --> 00:42:58,250
>> Jason Hirschhorn: Poderiamos si
que queriamos, pechar a nosa imaxe

967
00:42:58,250 --> 00:43:02,284
tag así.

968
00:43:02,284 --> 00:43:04,719
Imos facer iso.

969
00:43:04,719 --> 00:43:06,330
No, non, nós non podemos facelo.

970
00:43:06,330 --> 00:43:07,580
>> Audiencia: Oh, eu rompe.

971
00:43:07,580 --> 00:43:09,090
>> Jason Hirschhorn: Eu creo que iso
é a validación, con todo.

972
00:43:09,090 --> 00:43:12,380
Eu non creo que ten que
a barra de pechar.

973
00:43:12,380 --> 00:43:13,490
OK, iso é gran.

974
00:43:13,490 --> 00:43:14,150
Carlos, grazas.

975
00:43:14,150 --> 00:43:16,270
Ata o momento, os catro de vós
fixo un traballo incrible.

976
00:43:16,270 --> 00:43:19,650
>> Claro que, como podes ver, estamos
a creación de calquera tipo de mesa de bisel.

977
00:43:19,650 --> 00:43:21,490
E quero que esas cousas
estar nunha mesa.

978
00:43:21,490 --> 00:43:24,970
Entón, como fago para poñer estes
cousas nunha táboa?

979
00:43:24,970 --> 00:43:27,020
Que claramente algúns HTML.

980
00:43:27,020 --> 00:43:28,680
Assam, que tipo de HTML estou ausente?

981
00:43:28,680 --> 00:43:32,388

982
00:43:32,388 --> 00:43:33,370
>> Audiencia: O que fai
quere facer, moito?

983
00:43:33,370 --> 00:43:37,430
>> Jason Hirschhorn: Eu quero poñer todo
estas imaxes nunha táboa, de xeito que cada imaxe

984
00:43:37,430 --> 00:43:41,020
debe estar nunha columna da táboa.

985
00:43:41,020 --> 00:43:42,480
Como podo dicir que esta é unha columna?

986
00:43:42,480 --> 00:43:45,090

987
00:43:45,090 --> 00:43:46,010
Xa viu este código antes.

988
00:43:46,010 --> 00:43:46,910
Isto está en I definir sete.

989
00:43:46,910 --> 00:43:48,870
>> Audiencia: Lembro un deles foi tr?

990
00:43:48,870 --> 00:43:50,120
>> Jason Hirschhorn: tr é a liña.

991
00:43:50,120 --> 00:43:53,904

992
00:43:53,904 --> 00:43:56,430
>> Audiencia: Eu non sei que fóra
meu corazón, pero eu podía comprobar.

993
00:43:56,430 --> 00:43:57,140
>> Jason Hirschhorn: O
alguén se lembra?

994
00:43:57,140 --> 00:43:57,870
>> Audiencia: td?

995
00:43:57,870 --> 00:44:01,250
>> Jason Hirschhorn: td, exactamente correcto.
td colócase como unha columna.

996
00:44:01,250 --> 00:44:03,150
Entón, se eu poñer o td alí, Assam,
o que eu teño poñer?

997
00:44:03,150 --> 00:44:04,600
O que máis me teño que engadir?

998
00:44:04,600 --> 00:44:05,620
>> Audiencia: Ten que pecha-lo?

999
00:44:05,620 --> 00:44:06,240
>> Jason Hirschhorn: Exactamente.

1000
00:44:06,240 --> 00:44:07,490
Onde é que isto vai?

1001
00:44:07,490 --> 00:44:09,747

1002
00:44:09,747 --> 00:44:11,090
>> Audiencia: Aquí?

1003
00:44:11,090 --> 00:44:11,970
>> Jason Hirschhorn: Aquí?

1004
00:44:11,970 --> 00:44:13,850
>> Audiencia: Creo que si.

1005
00:44:13,850 --> 00:44:17,104

1006
00:44:17,104 --> 00:44:18,600
>> Jason Hirschhorn: Qué é isto
pechar ben aquí?

1007
00:44:18,600 --> 00:44:19,340
¿Que é iso?

1008
00:44:19,340 --> 00:44:20,320
Esa cousa azul?

1009
00:44:20,320 --> 00:44:21,280
>> Audiencia: Isto é para a imaxe.

1010
00:44:21,280 --> 00:44:22,100
Debe ir atrás, eu creo.

1011
00:44:22,100 --> 00:44:24,770
>> Jason Hirschhorn: OK, exactamente correcto.

1012
00:44:24,770 --> 00:44:26,020
Entón, imos ver o que este fixo.

1013
00:44:26,020 --> 00:44:29,110

1014
00:44:29,110 --> 00:44:30,960
Oh, iso é raro.

1015
00:44:30,960 --> 00:44:35,780

1016
00:44:35,780 --> 00:44:39,470
Imos abrir o mar, mesa,
corpo da táboa, tr.

1017
00:44:39,470 --> 00:44:44,410
Polo tanto, temos unha tonelada, pero eu
Non vexo as imaxes.

1018
00:44:44,410 --> 00:44:45,110
Isto é raro.

1019
00:44:45,110 --> 00:44:48,360
Parece que el construíu, pero
non me mostrou as imaxes.

1020
00:44:48,360 --> 00:44:50,425
Algunha idea por que podería ser o caso?

1021
00:44:50,425 --> 00:44:56,910

1022
00:44:56,910 --> 00:44:59,140
Calquera pensamentos?

1023
00:44:59,140 --> 00:45:01,550
>> Audiencia: Se rolar
abaixo, vai ve-los.

1024
00:45:01,550 --> 00:45:02,430
>> Jason Hirschhorn: Boom!

1025
00:45:02,430 --> 00:45:06,130
Entón, eles están aí, pero que é estraño que
todos eles son o camiño ata alí.

1026
00:45:06,130 --> 00:45:07,670
>> Audiencia: Eles están todos nunha liña.

1027
00:45:07,670 --> 00:45:11,280
>> Jason Hirschhorn: E están todos nun
liña, e todos eles son de tamaños diferentes.

1028
00:45:11,280 --> 00:45:14,440
Entón Assam, me dea unha liña de código
se podo facer todas as imaxes da

1029
00:45:14,440 --> 00:45:17,420
mesmo tamaño, e parece que eu teño
xa indicado o tamaño I

1030
00:45:17,420 --> 00:45:18,440
quere que sexan.

1031
00:45:18,440 --> 00:45:20,025
Como podo facer que cada imaxe
do mesmo tamaño?

1032
00:45:20,025 --> 00:45:22,978

1033
00:45:22,978 --> 00:45:24,540
Deixa un palpite.

1034
00:45:24,540 --> 00:45:35,290

1035
00:45:35,290 --> 00:45:36,595
>> E canto a esta liña de código?

1036
00:45:36,595 --> 00:45:41,345

1037
00:45:41,345 --> 00:45:43,650
>> Audiencia: Pode facer
Como unha constante?

1038
00:45:43,650 --> 00:45:46,740
>> Jason Hirschhorn: Ou onde é outro
lugar que eu podería poñer esta liña de código,

1039
00:45:46,740 --> 00:45:47,740
se eu simplemente copia-lo?

1040
00:45:47,740 --> 00:45:49,280
>> Audiencia: Todo o camiño ata
nesa mesma liña?

1041
00:45:49,280 --> 00:45:52,000
>> Jason Hirschhorn: OK, imos poñer
iso aquí, exactamente correcto.

1042
00:45:52,000 --> 00:45:54,320
E agora imos ver o que acontece.

1043
00:45:54,320 --> 00:45:56,030
Oh, meu Deus!

1044
00:45:56,030 --> 00:46:00,290
Agora parece que estamos empezando a estar
algo, e parece que

1045
00:46:00,290 --> 00:46:06,950
todo tipo de caber na táboa que
temos construído en cada td.

1046
00:46:06,950 --> 00:46:10,195
>> Ademais, Assam, digamos que me gusta deles
alturas para ser un pouco máis -

1047
00:46:10,195 --> 00:46:12,700

1048
00:46:12,700 --> 00:46:19,260
a cousa alturas me xogando fóra, por iso,
o que debo facer que o seu canto?

1049
00:46:19,260 --> 00:46:20,210
Escolla calquera número.

1050
00:46:20,210 --> 00:46:20,860
>> Audiencia: 200?

1051
00:46:20,860 --> 00:46:21,000
>> Jason Hirschhorn: 200.

1052
00:46:21,000 --> 00:46:22,380
Vou busca-100.

1053
00:46:22,380 --> 00:46:22,940
Isto é óptimo.

1054
00:46:22,940 --> 00:46:25,540
Para realmente como 200.

1055
00:46:25,540 --> 00:46:26,140
Alí imos nós!

1056
00:46:26,140 --> 00:46:31,830
OK, agora que está empezando a parecer un pouco
mellor e un pouco máis organizado.

1057
00:46:31,830 --> 00:46:35,020

1058
00:46:35,020 --> 00:46:38,170
>> Outros pensamentos para o que necesitamos
facer para almacenar imaxes de golfiños?

1059
00:46:38,170 --> 00:46:38,530
Si?

1060
00:46:38,530 --> 00:46:42,810
>> Audiencia: As citas, ou o único
citas, en torno aos valores

1061
00:46:42,810 --> 00:46:45,015
fonte, altura, anchura,
son aqueles opcional?

1062
00:46:45,015 --> 00:46:46,710
>> Jason Hirschhorn: Onde
son aspas?

1063
00:46:46,710 --> 00:46:50,340
>> Audiencias: Como nalgúns dos exemplos,
que tería como altura

1064
00:46:50,340 --> 00:46:53,050
é igual a cita "150." É
que non é necesario.

1065
00:46:53,050 --> 00:46:54,510
>> Jason Hirschhorn: Entón, imos
mirar para abaixo aquí.

1066
00:46:54,510 --> 00:47:04,120
Se clicarmos no océano, vai á táboa,
vai notar aquí que realmente

1067
00:47:04,120 --> 00:47:05,540
engadiu aquelas citas para min.

1068
00:47:05,540 --> 00:47:08,310
>> Audiencia: Aceptar.

1069
00:47:08,310 --> 00:47:12,080
>> Jason Hirschhorn: E entón eu entendo o que
estamos facendo parece dolorosamente lento.

1070
00:47:12,080 --> 00:47:14,950
Nós só escribise tres liñas de código
Ata o momento, ou catro liñas de código, pero

1071
00:47:14,950 --> 00:47:18,130
este é, de feito, o proceso que
Eu paso por cada vez que quero

1072
00:47:18,130 --> 00:47:18,990
para facer este sitio.

1073
00:47:18,990 --> 00:47:22,800
Liña por liña, usando a consola abaixo
aquí, explorar e descubrir cousas

1074
00:47:22,800 --> 00:47:24,320
o paso a paso o que quero facer.

1075
00:47:24,320 --> 00:47:28,580
Polo tanto, agardamos que, este imita a vostedes
dun xeito boa, o que pedagóxica

1076
00:47:28,580 --> 00:47:31,055
será realmente facendo cando
crear o seu sitio.

1077
00:47:31,055 --> 00:47:34,260

1078
00:47:34,260 --> 00:47:35,410
>> Imos seguir adiante.

1079
00:47:35,410 --> 00:47:36,500
Creamos estas cousas.

1080
00:47:36,500 --> 00:47:37,240
Vou en realidade -

1081
00:47:37,240 --> 00:47:40,950
Aviar, eu teño unha gran pregunta para vostede.

1082
00:47:40,950 --> 00:47:43,350
Eu non sei, imos seguir adiante.

1083
00:47:43,350 --> 00:47:48,950
Imos para o "golfiño tren cando a súa
imaxe é premendo. "Como

1084
00:47:48,950 --> 00:47:51,288
propoñen que escribo esta liña de código?

1085
00:47:51,288 --> 00:47:54,235
>> Audiencia: Existe unha función
chamado "tren".

1086
00:47:54,235 --> 00:47:57,030
>> Jason Hirschhorn: Hai unha función
chamado "tren", exactamente correcto.

1087
00:47:57,030 --> 00:47:59,520
>> Audiencia: El espera un índice.

1088
00:47:59,520 --> 00:48:02,630
>> Jason Hirschhorn: Tren espera
un índice, por iso, Aceptar.

1089
00:48:02,630 --> 00:48:05,020
Aviar, este é o razoamento
que me gusta de ver.

1090
00:48:05,020 --> 00:48:06,320
Adestrar espera un índice.

1091
00:48:06,320 --> 00:48:08,230
>> Audiencia: Entón está indo
ter un loop for.

1092
00:48:08,230 --> 00:48:11,540
>> Jason Hirschhorn: Ben, quero facer
cando unha imaxe de ser premendo, entón aviar,

1093
00:48:11,540 --> 00:48:15,140
como fago para supervisar cando un
imaxe é premendo?

1094
00:48:15,140 --> 00:48:16,380
Hai algunhas formas de facelo.

1095
00:48:16,380 --> 00:48:20,330
Este é o poder de Javascript e
jQuery, senón tamén a parte máis difícil.

1096
00:48:20,330 --> 00:48:22,950
>> Audiencia: Se paréntese, non.

1097
00:48:22,950 --> 00:48:27,390
Ou se se paréntese, ou algo
relativamente simple?

1098
00:48:27,390 --> 00:48:30,850
>> Jason Hirschhorn: Entón vimos unha parella
formas de facelo na charla.

1099
00:48:30,850 --> 00:48:36,860
Unha cousa era, ata aquí, podería
facer algo como podería crear un

1100
00:48:36,860 --> 00:48:39,340
función como en clic, ou facer
algo así como o clic.

1101
00:48:39,340 --> 00:48:41,620
Todo o mundo recorda de ver
unha cousa desas?

1102
00:48:41,620 --> 00:48:46,630
Vostede fai iso dentro da etiqueta HTML.

1103
00:48:46,630 --> 00:48:47,910
Vexo algúns rostros inexistentes.

1104
00:48:47,910 --> 00:48:49,910
Algunhas persoas son como, o que
está falando?

1105
00:48:49,910 --> 00:48:52,150
>> Isto é bo, porque eu creo que é a
forma máis complicada de facelo.

1106
00:48:52,150 --> 00:48:55,110
Nós imos facer un moito máis fácil
xeito usando jQuery.

1107
00:48:55,110 --> 00:48:55,560
Entón, aviar?

1108
00:48:55,560 --> 00:48:57,350
>> Audiencia: Hm?

1109
00:48:57,350 --> 00:49:00,280
>> Jason Hirschhorn: Se eu quero facer
algo jQuery, eu, obviamente, comezar,

1110
00:49:00,280 --> 00:49:05,090
como antes, con este sinal de dólar, aberta
paren, paren estreitas e dobre

1111
00:49:05,090 --> 00:49:06,120
cita aquí.

1112
00:49:06,120 --> 00:49:07,660
Agora sabemos que eu teño un selector aquí.

1113
00:49:07,660 --> 00:49:11,720
O selector que propón que se aplican
para cada imaxe ou cada

1114
00:49:11,720 --> 00:49:14,680
imaxe única?

1115
00:49:14,680 --> 00:49:16,160
>> Audiencia: Imaxe?

1116
00:49:16,160 --> 00:49:17,840
>> Jason Hirschhorn: Isto é
exactamente correcto.

1117
00:49:17,840 --> 00:49:20,240
Isto é aplicable a cada única imaxe.

1118
00:49:20,240 --> 00:49:20,940
Obtén todos eles.

1119
00:49:20,940 --> 00:49:24,005
Non é un ID, non é unha clase, é
un tipo de etiqueta, e iso vai

1120
00:49:24,005 --> 00:49:24,970
obter cada un.

1121
00:49:24,970 --> 00:49:27,610
>> E agora eu vou che dicir iso
por agora, e pode ollar para arriba máis

1122
00:49:27,610 --> 00:49:33,540
documentación sobre iso máis tarde, pero esta
cousa chamada "na" trata sobre eventos.

1123
00:49:33,540 --> 00:49:37,370
Así que comeza a facer agora, e que é
super-poderoso, é dicir que tipo de

1124
00:49:37,370 --> 00:49:40,260
evento que está a buscar e que
quere facer cando

1125
00:49:40,260 --> 00:49:41,160
recibe este evento.

1126
00:49:41,160 --> 00:49:43,155
Entón, eu estou indo darlle un pouco
algo máis de código, aviar, así

1127
00:49:43,155 --> 00:49:44,200
tes que ir, OK?

1128
00:49:44,200 --> 00:49:46,700
>> Audiencia: Aceptar.

1129
00:49:46,700 --> 00:49:50,030
>> Audiencia: On - imos dicir
"Prema" neste caso, o que vai

1130
00:49:50,030 --> 00:49:50,750
xeralmente usan.

1131
00:49:50,750 --> 00:49:54,460
Entón, prema, e logo nós imos
pasar unha función anónima.

1132
00:49:54,460 --> 00:50:01,840

1133
00:50:01,840 --> 00:50:04,100
E esa sintaxe que vai ver
moito, e esperamos que vai

1134
00:50:04,100 --> 00:50:05,210
estar escribindo moito.

1135
00:50:05,210 --> 00:50:10,350
Que dicir, unha vez máis, nun clic
imaxe dunha cousa chamada, calquera que sexa,

1136
00:50:10,350 --> 00:50:14,960
calquera cousa chamada de imaxe, imos
a cabo esta función anónima.

1137
00:50:14,960 --> 00:50:16,260
>> Eu non estou dándolle un nome.

1138
00:50:16,260 --> 00:50:18,180
Eu non estou pasándoo argumentos.

1139
00:50:18,180 --> 00:50:21,870
Eu son só, como, crear aquí unha
funciona, e aquí está o que o código

1140
00:50:21,870 --> 00:50:22,750
está indo facer.

1141
00:50:22,750 --> 00:50:24,310
É con este medio de sintaxe.

1142
00:50:24,310 --> 00:50:27,500
E tamén, como vai notar, parece
moi semellante a esta aquí ata que nós

1143
00:50:27,500 --> 00:50:29,310
escribiu antes.

1144
00:50:29,310 --> 00:50:30,400
>> OK, aviar.

1145
00:50:30,400 --> 00:50:34,720
Entón quere chamar tren en índice.

1146
00:50:34,720 --> 00:50:35,690
É iso que quere facer?

1147
00:50:35,690 --> 00:50:36,400
>> Audiencia: si.

1148
00:50:36,400 --> 00:50:36,800
>> Jason Hirschhorn: É?

1149
00:50:36,800 --> 00:50:37,840
Aceptar.

1150
00:50:37,840 --> 00:50:38,610
Imos ver o que acontece.

1151
00:50:38,610 --> 00:50:39,420
>> Audiencia: Espérase, con todo.

1152
00:50:39,420 --> 00:50:41,240
O índice non é unha variable no momento.

1153
00:50:41,240 --> 00:50:42,520
>> Jason Hirschhorn: Entón índice non é
unha variable no momento.

1154
00:50:42,520 --> 00:50:43,780
Eu non sei onde ten que partir.

1155
00:50:43,780 --> 00:50:45,030
>> Audiencia: [inaudível].

1156
00:50:45,030 --> 00:50:47,440

1157
00:50:47,440 --> 00:50:51,280
Entón tes que primeiro descubrir
que golfiño foi premendo?

1158
00:50:51,280 --> 00:50:52,440
>> Jason Hirschhorn: Excelente.

1159
00:50:52,440 --> 00:50:55,260
Debe descubrir o que
golfiño foi premendo.

1160
00:50:55,260 --> 00:50:56,840
Este é un tiro no escuro salvaxe.

1161
00:50:56,840 --> 00:50:59,355
Alguén ten algunha idea de como podo descubrir
o que golfiño foi premendo?

1162
00:50:59,355 --> 00:51:03,280
Se non, eu vou dar a ti,
porque iso é moi tolo.

1163
00:51:03,280 --> 00:51:04,350
Aceptar.

1164
00:51:04,350 --> 00:51:06,670
Entón, imos imprimir vía console.log.

1165
00:51:06,670 --> 00:51:17,440

1166
00:51:17,440 --> 00:51:19,550
>> Esta cousa.

1167
00:51:19,550 --> 00:51:25,830
Entón, sinal de dólar, paréntese aberto,
este paréntese preto.

1168
00:51:25,830 --> 00:51:28,110
Entón, cando eu premer nesta imaxe, vou
para imprimir este para a consola,

1169
00:51:28,110 --> 00:51:29,030
e imos ver o que acontece.

1170
00:51:29,030 --> 00:51:30,820
Imos volver aquí.

1171
00:51:30,820 --> 00:51:31,640
Imos ao consolar.

1172
00:51:31,640 --> 00:51:33,950
Sen erros, grazas a Deus.

1173
00:51:33,950 --> 00:51:35,420
>> Aceptar.

1174
00:51:35,420 --> 00:51:36,040
Prema.

1175
00:51:36,040 --> 00:51:37,660
Deixe-me facer iso de novo.

1176
00:51:37,660 --> 00:51:43,290
Prema esta primeira imaxe, e iso
foi impreso na consola,

1177
00:51:43,290 --> 00:51:44,200
esta liña de cousas.

1178
00:51:44,200 --> 00:51:47,230
Eu vou estar usando o
palabra "esta" moito.

1179
00:51:47,230 --> 00:51:52,000
Esta cousa aquí, iso, é moi
especial, e está facendo exactamente o que

1180
00:51:52,000 --> 00:51:53,340
Aviar quere que faga.

1181
00:51:53,340 --> 00:51:57,640
Está quedando todo o que era
premendo ou o que sexa.

1182
00:51:57,640 --> 00:52:01,850
Por unha vez, este selector pasa
para tratar con moitas cousas, non

1183
00:52:01,850 --> 00:52:05,310
necesariamente sabe que cousa estamos
falando, por iso queremos descubrir

1184
00:52:05,310 --> 00:52:08,300
que a cousa que estamos a falar
sobre vía esa sintaxe.

1185
00:52:08,300 --> 00:52:12,320
Neste caso aquí, hashtag océano,
a xente sempre sabe o que cousa estamos

1186
00:52:12,320 --> 00:52:14,740
estará falando, entón
nós nunca realmente precisaba dese

1187
00:52:14,740 --> 00:52:15,880
dentro dun océano hashtag.

1188
00:52:15,880 --> 00:52:18,430
É sempre o océano, que div.

1189
00:52:18,430 --> 00:52:21,770
É un ID, só unha cousa é posible.

1190
00:52:21,770 --> 00:52:25,840
>> Pero, neste caso, esta aplícase a un lote
de imaxes, de feito, seis imaxes,

1191
00:52:25,840 --> 00:52:28,180
e por iso queremos saber o que especial
imaxe foi premida.

1192
00:52:28,180 --> 00:52:33,022
E parece que este é o
tipo de información que temos.

1193
00:52:33,022 --> 00:52:41,540
Recibimos parece que algúns grandes
corda, e temos todo isto

1194
00:52:41,540 --> 00:52:43,890
da información con este.

1195
00:52:43,890 --> 00:52:46,550
Temos toneladas e toneladas
e toneladas de material.

1196
00:52:46,550 --> 00:52:48,020
jQuery é super poderoso.

1197
00:52:48,020 --> 00:52:53,890
Está nos dando unha tonelada de información
sobre este elemento HTML particular.

1198
00:52:53,890 --> 00:52:58,484
Aviar, o que queremos saber
sobre este elemento HTML?

1199
00:52:58,484 --> 00:53:00,306
>> Audiencia: Algo así como un número de identificación.

1200
00:53:00,306 --> 00:53:01,190
>> Jason Hirschhorn: Un ID.

1201
00:53:01,190 --> 00:53:04,375
Así, temos unha fonte,
un ancho e unha altura.

1202
00:53:04,375 --> 00:53:06,246
>> Audiencia: Podemos usar unha fonte.

1203
00:53:06,246 --> 00:53:07,190
>> Jason Hirschhorn: Nós
poden usar a fonte.

1204
00:53:07,190 --> 00:53:09,140
Isto vai dar unha corda,
unha secuencia de URL.

1205
00:53:09,140 --> 00:53:10,330
O que imos facer con
que unha vez que temos isto?

1206
00:53:10,330 --> 00:53:11,800
Como é que imos volver para o noso
índice en ocean_array?

1207
00:53:11,800 --> 00:53:14,725
>> Audiencia: Podemos comparar
lo para o outro.

1208
00:53:14,725 --> 00:53:16,910
>> Jason Hirschhorn: para que puidésemos
loop través de cada un.

1209
00:53:16,910 --> 00:53:21,350
Agora nós podería loop novo
e entón comparar este.

1210
00:53:21,350 --> 00:53:23,860
Imaxina o que sería unha forma máis simple,
se podería só imaxinar un?

1211
00:53:23,860 --> 00:53:25,564
>> Audiencia: Non ter que loop.

1212
00:53:25,564 --> 00:53:26,930
>> Jason Hirschhorn: Non ter que loop.

1213
00:53:26,930 --> 00:53:29,210
>> Audiencia: Só para descubrir
golfiño, [inaudível].

1214
00:53:29,210 --> 00:53:31,430
>> Jason Hirschhorn: figurando
o que fóra golfiño.

1215
00:53:31,430 --> 00:53:31,940
Aceptar.

1216
00:53:31,940 --> 00:53:34,780
Entón, imos gardar a información
nesta etiqueta de imaxe.

1217
00:53:34,780 --> 00:53:37,370
E unha vez máis, agora, parte dese material
é só máxico, porque eu podería

1218
00:53:37,370 --> 00:53:39,950
amosar-lle isto por primeira vez,
pero espero que estas son cousas

1219
00:53:39,950 --> 00:53:41,140
vai estar facendo.

1220
00:53:41,140 --> 00:53:43,440
Entón, iso é algo
máxica que pode facer.

1221
00:53:43,440 --> 00:53:46,500
Pode gardar algúns metadatos adicional
nun elemento.

1222
00:53:46,500 --> 00:53:48,080
El non vai aparecer, non vai
afectar nada.

1223
00:53:48,080 --> 00:53:49,370
Só podes garda-lo alí.

1224
00:53:49,370 --> 00:53:54,170
E eu propoño que gardar o
índice con cada imaxe.

1225
00:53:54,170 --> 00:54:03,020
>> Así, a forma de facelo é crear
un atributo chamado guión de datos, e

1226
00:54:03,020 --> 00:54:04,750
a continuación, o nome que
quero darlle.

1227
00:54:04,750 --> 00:54:08,940
Trazo de datos é unha cousa especial que é
dado a ti, e el di que esta é

1228
00:54:08,940 --> 00:54:10,990
algo que o usuario vai crear.

1229
00:54:10,990 --> 00:54:17,380
Por iso, estamos creando esa cousa chamada
índice, esta chave chamado índice.

1230
00:54:17,380 --> 00:54:21,530
>> E dentro del, imos poñer
non só un de cada vez, pero o que facer

1231
00:54:21,530 --> 00:54:22,710
poñemos dentro del, aviar?

1232
00:54:22,710 --> 00:54:23,960
O que pasa aquí?

1233
00:54:23,960 --> 00:54:28,002

1234
00:54:28,002 --> 00:54:29,954
>> Audiencia: Golfiño.

1235
00:54:29,954 --> 00:54:31,140
>> Jason Hirschhorn: Golfiño.

1236
00:54:31,140 --> 00:54:33,370
Isto non é esa palabra.

1237
00:54:33,370 --> 00:54:34,920
Dolphin.

1238
00:54:34,920 --> 00:54:38,300
E unha vez máis, nós xa impreso golfiño
anterior, que 0, 1, 2, 3, 4, 5, e

1239
00:54:38,300 --> 00:54:39,590
estamos aforrando que coa imaxe.

1240
00:54:39,590 --> 00:54:42,250

1241
00:54:42,250 --> 00:54:48,580
>> Entón, agora, se eu fai - e, de novo,
imos gardar os metadatos.

1242
00:54:48,580 --> 00:54:50,070
Como accede os metadatos?

1243
00:54:50,070 --> 00:54:52,690
É con unha función chamado só de "datos".
E ten que pasalo un

1244
00:54:52,690 --> 00:54:57,960
e só un argumento, que
é o nome da cousa.

1245
00:54:57,960 --> 00:55:00,150
Entón eu vou para imprimir esta fóra,
e entón eu vou tomar preguntas.

1246
00:55:00,150 --> 00:55:04,800
Pero, esencialmente, eu digo que me dar a este
obxecto que foi premendo, ollar

1247
00:55:04,800 --> 00:55:07,790
en todos os seus atributos de datos,
e un chamado "indexado"

1248
00:55:07,790 --> 00:55:09,080
dáme ese valor.

1249
00:55:09,080 --> 00:55:11,580
>> E imos ver o que acontece cando
que actualiza esta páxina.

1250
00:55:11,580 --> 00:55:14,910

1251
00:55:14,910 --> 00:55:17,580
Exactamente o que esperabamos.

1252
00:55:17,580 --> 00:55:18,910
Unha vez máis, iso foi moi máxico.

1253
00:55:18,910 --> 00:55:20,680
Nós só fixemos moi ben alí.

1254
00:55:20,680 --> 00:55:22,360
Quen ten algunha dúbida sobre iso?

1255
00:55:22,360 --> 00:55:22,560
Si?

1256
00:55:22,560 --> 00:55:24,540
>> Audiencia: Eu só teño unha pregunta
sobre o seu código en directo.

1257
00:55:24,540 --> 00:55:27,590
Podes usar como unha aspa simple, dobre
cita, como alí mesmo.

1258
00:55:27,590 --> 00:55:28,534
>> Jason Hirschhorn: Ben aquí.

1259
00:55:28,534 --> 00:55:29,006
>> Audiencia: Yeah.

1260
00:55:29,006 --> 00:55:33,300
Hai unha razón para facer o
aspas, comiñas dobres?

1261
00:55:33,300 --> 00:55:35,190
>> Jason Hirschhorn: Hai unha razón,
e iso vai volver para o que Marcus

1262
00:55:35,190 --> 00:55:35,830
preguntou antes.

1263
00:55:35,830 --> 00:55:38,940
Nesta liña, eu estaba sendo un
pouco mellor o meu codificación.

1264
00:55:38,940 --> 00:55:43,810
Eu quero isto, e iso é o que eu sinceramente
debería ter feito todo o

1265
00:55:43,810 --> 00:55:46,240
tempo, para o ancho e alto
en particular.

1266
00:55:46,240 --> 00:55:49,090
Imos dar un ollo aquí.

1267
00:55:49,090 --> 00:55:50,280
Vai ver aquí,
podes ver iso?

1268
00:55:50,280 --> 00:55:54,620
Sei que é unha especie de pequeno, pero os datos
índice de colisión é entre comiñas dobres.

1269
00:55:54,620 --> 00:55:56,240
Esas cousas precisan sempre
estar entre comiñas dobres.

1270
00:55:56,240 --> 00:55:58,630
O valor que sempre
estar entre comiñas dobres.

1271
00:55:58,630 --> 00:56:01,910
>> Pero aquí, se eu fixese unha aspa, que
acabaría esa cadea aquí,

1272
00:56:01,910 --> 00:56:03,930
e agora eu non sería
escribir unha cadea.

1273
00:56:03,930 --> 00:56:09,600
Así que evitar isto usando só un
aspas porque unha única cita

1274
00:56:09,600 --> 00:56:13,120
non remata a secuencia de JavaScript, pero
HTML que non importa se é

1275
00:56:13,120 --> 00:56:14,270
dándolle aspas
ou comiñas dobres.

1276
00:56:14,270 --> 00:56:16,395
Só vai interpretala lo
como comiñas dobres.

1277
00:56:16,395 --> 00:56:17,460
Será que isto ten sentido?

1278
00:56:17,460 --> 00:56:17,855
Si?

1279
00:56:17,855 --> 00:56:21,225
>> Audiencia: Como recibe o enderezo IP
na parte inferior do seu cliente?

1280
00:56:21,225 --> 00:56:22,473
Mina di que non hai enderezo IP.

1281
00:56:22,473 --> 00:56:24,450
Hai algo que eu debería
fixeron no [inaudível].

1282
00:56:24,450 --> 00:56:26,385
>> Jason Hirschhorn: No seu dispositivo,
non ten nada?

1283
00:56:26,385 --> 00:56:27,043
>> Audiencia: si.

1284
00:56:27,043 --> 00:56:29,540
>> Jason Hirschhorn: Hai algo
podes facer para resolve-lo, pero eu non son

1285
00:56:29,540 --> 00:56:31,030
vai gastar tempo camiñando
a través diso agora.

1286
00:56:31,030 --> 00:56:33,705
Pero podemos facelo despois da sección.

1287
00:56:33,705 --> 00:56:38,520
>> Audiencia: Se volver a
consola, por que foi o

1288
00:56:38,520 --> 00:56:41,168
número listado 012.321?

1289
00:56:41,168 --> 00:56:42,480
>> Jason Hirschhorn: Console?

1290
00:56:42,480 --> 00:56:44,760
Ah, por que eu estaba facendo clic
arredor freneticamente.

1291
00:56:44,760 --> 00:56:45,440
>> Audiencia: Oh, Aceptar.

1292
00:56:45,440 --> 00:56:46,410
Nunca mente.

1293
00:56:46,410 --> 00:56:50,754
>> Jason Hirschhorn: E de novo, eu podo facer clic
sobre algo veces bajillion.

1294
00:56:50,754 --> 00:56:53,500
>> Audiencia: Eu teño unha pregunta sobre
seu ciclo de novo, o seu para loops.

1295
00:56:53,500 --> 00:56:56,450
Porque sabe que en I axustou oito, eles
usar unha forma diferente de que loop.

1296
00:56:56,450 --> 00:57:02,210
Entón eles como var i é igual a 0, i menos
que, ocean_array.length, i + +.

1297
00:57:02,210 --> 00:57:04,160
Son aqueles equivalente?

1298
00:57:04,160 --> 00:57:06,070
>> Jason Hirschhorn: Isto é
un estándar para loop.

1299
00:57:06,070 --> 00:57:07,570
Ou si, iso é o de loops.

1300
00:57:07,570 --> 00:57:08,565
De feito, vimos que é equivalente.

1301
00:57:08,565 --> 00:57:10,450
>> Audiencia: Entón, iso é equivalente
para o que fixo aquí?

1302
00:57:10,450 --> 00:57:12,030
É un considerado mellor
do que o outro?

1303
00:57:12,030 --> 00:57:13,280
>> Jason Hirschhorn: Non

1304
00:57:13,280 --> 00:57:17,010

1305
00:57:17,010 --> 00:57:20,110
>> Entón, unha vez máis, fomos
sobre algunhas cousas.

1306
00:57:20,110 --> 00:57:23,170
Agora cambiamos a nosa zona de confort
e comecei a facer algunhas moi legal

1307
00:57:23,170 --> 00:57:26,840
cousas que non teñen necesariamente ir
máis en clase antes, pero vai

1308
00:57:26,840 --> 00:57:28,870
espero ser moi poderosa
para que cando a codificación.

1309
00:57:28,870 --> 00:57:30,670
>> Aviar, imos voltar aquí.

1310
00:57:30,670 --> 00:57:31,890
Eu teño o índice do golfiño.

1311
00:57:31,890 --> 00:57:32,850
Agora, o que eu teño que facer?

1312
00:57:32,850 --> 00:57:34,760
>> Audiencia: Debe adestralo.

1313
00:57:34,760 --> 00:57:39,985
Entón, en vez de poñer console.log, vostede
pode definir unha variable igual a esa?

1314
00:57:39,985 --> 00:57:40,680
>> Jason Hirschhorn: Aceptar.

1315
00:57:40,680 --> 00:57:41,440
Entón?

1316
00:57:41,440 --> 00:57:44,450
>> Audiencia: Eu non estou seguro
se pode facelo.

1317
00:57:44,450 --> 00:57:46,880
>> Jason Hirschhorn: Entón var x é igual a
este, calquera que sexa este volve,

1318
00:57:46,880 --> 00:57:47,650
vai devolve-lo.

1319
00:57:47,650 --> 00:57:48,350
Non importa.

1320
00:57:48,350 --> 00:57:49,490
Pode voltar calquera variable.

1321
00:57:49,490 --> 00:57:51,580
Non hai ningún tipo aquí.

1322
00:57:51,580 --> 00:57:53,970
>> Audiencia: Ou podería só
facer a chamada de función.

1323
00:57:53,970 --> 00:57:55,465
>> Jason Hirschhorn: Si,
por que non podo facelo?

1324
00:57:55,465 --> 00:57:58,191
Só ten que facer a chamada de función.

1325
00:57:58,191 --> 00:57:59,105
>> Audiencia: Yeah.

1326
00:57:59,105 --> 00:58:01,100
Engade un outro conxunto de parénteses.

1327
00:58:01,100 --> 00:58:02,330
>> Jason Hirschhorn: Perfecto.

1328
00:58:02,330 --> 00:58:03,580
Isto é exactamente correcto.

1329
00:58:03,580 --> 00:58:07,250

1330
00:58:07,250 --> 00:58:08,830
Para que ha chamar a función de tren.

1331
00:58:08,830 --> 00:58:14,020
Por suposto, nada é o tren
función, así propoñer, Akshar, o que eu

1332
00:58:14,020 --> 00:58:15,440
que facer a función de tren.

1333
00:58:15,440 --> 00:58:16,400
Déame algún código pseudo.

1334
00:58:16,400 --> 00:58:20,940
>> Audiencia: Eu creo que ten que retirar a
golfiño da táboa orixinal.

1335
00:58:20,940 --> 00:58:24,130

1336
00:58:24,130 --> 00:58:27,010
>> Jason Hirschhorn: E isto está quedando
a Noé antes porque copiamos

1337
00:58:27,010 --> 00:58:30,510
Lo nunha nova matriz.

1338
00:58:30,510 --> 00:58:34,650
Seguro, non porque podemos facer para modificar o noso
variedade golfiños, xa que o que se outro

1339
00:58:34,650 --> 00:58:37,390
O programa de usalo ou o que se quere
para acceder a ela noutro lugar?

1340
00:58:37,390 --> 00:58:41,005
Queremos facer unha copia, e que é
o que imos editar.

1341
00:58:41,005 --> 00:58:46,565
>> Audiencia: Entón situar
Lo no seu novo local.

1342
00:58:46,565 --> 00:58:48,990
>> Jason Hirschhorn: E o que facer
o que necesitamos facer despois diso?

1343
00:58:48,990 --> 00:58:53,298
>> Audiencia: E entón imprimir o
información sobre o golfiño.

1344
00:58:53,298 --> 00:58:56,050

1345
00:58:56,050 --> 00:58:57,970
>> Jason Hirschhorn: Isto é
exactamente correcto.

1346
00:58:57,970 --> 00:59:03,835
Nós retirala do ocean_array, nós
poñelas na piscina, e despois tiramos

1347
00:59:03,835 --> 00:59:06,870
o mar na piscina.

1348
00:59:06,870 --> 00:59:09,625
¿Como eliminar o golfiño
do ocean_array?

1349
00:59:09,625 --> 00:59:12,102
>> Audiencia: Vai para o índice.

1350
00:59:12,102 --> 00:59:13,280
Oh, Aceptar.

1351
00:59:13,280 --> 00:59:16,076
Usar a función de emenda.

1352
00:59:16,076 --> 00:59:17,720
>> Jason Hirschhorn: OK, entón iso é certo.

1353
00:59:17,720 --> 00:59:20,950
Podería usar unha función de emenda que
tira algo dunha matriz e

1354
00:59:20,950 --> 00:59:22,250
condensa-lo.

1355
00:59:22,250 --> 00:59:23,560
Isto é algo novo que
non teña visto antes.

1356
00:59:23,560 --> 00:59:26,120
Pero eu realmente quero manter un espazo
alí porque quero imprimir unha

1357
00:59:26,120 --> 00:59:28,092
espazo en branco no océano.

1358
00:59:28,092 --> 00:59:36,480
>> Audiencia: Entón pode definir a imaxe
dese índice, o ocean_array

1359
00:59:36,480 --> 00:59:39,636
imaxe de índice punto.

1360
00:59:39,636 --> 00:59:41,730
>> Jason Hirschhorn: OK,
ocean_array, índice.

1361
00:59:41,730 --> 00:59:43,125
>> Audiencia: Dot imaxe.

1362
00:59:43,125 --> 00:59:44,300
>> Jason Hirschhorn: Dot imaxe.

1363
00:59:44,300 --> 00:59:45,910
>> Audiencia: E ti definilo como nulo?

1364
00:59:45,910 --> 00:59:47,080
>> Jason Hirschhorn: Igual nulo.

1365
00:59:47,080 --> 00:59:49,440
Aceptar.

1366
00:59:49,440 --> 00:59:53,230
Polo tanto, nada está aí, polo que, a continuación,
como fago para poñer na piscina?

1367
00:59:53,230 --> 00:59:56,880
Constantino, como fago
poñelas na piscina?

1368
00:59:56,880 --> 01:00:00,140
Temos esta variable que chamamos,
chamado piscina, aquí enriba.

1369
01:00:00,140 --> 01:00:10,810
>> Audiencia: Será que simplemente facer iguais
índice ocean_array?

1370
01:00:10,810 --> 01:00:12,575
>> Audiencia: Non debe
cambiar a orde?

1371
01:00:12,575 --> 01:00:14,325
>> Jason Hirschhorn: Un segundo.

1372
01:00:14,325 --> 01:00:14,770
Si?

1373
01:00:14,770 --> 01:00:16,980
>> Audiencia: Si, iso foi
realmente un bo punto.

1374
01:00:16,980 --> 01:00:19,890

1375
01:00:19,890 --> 01:00:24,372
>> Jason Hirschhorn: Que pasa aquí?

1376
01:00:24,372 --> 01:00:25,510
>> Audiencia: É index?

1377
01:00:25,510 --> 01:00:27,240
>> Jason Hirschhorn: Index, exactamente.

1378
01:00:27,240 --> 01:00:29,400
E o que di, Constantino,
é algo que temos que facer?

1379
01:00:29,400 --> 01:00:31,530
>> Audiencia: Debemos quizais
cambiar a orde.

1380
01:00:31,530 --> 01:00:34,300
>> Jason Hirschhorn: E por que debería
imos cambiar a orde, quizais?

1381
01:00:34,300 --> 01:00:36,166
>> Audiencia: Por aquela
sinala-lo xa é nulo.

1382
01:00:36,166 --> 01:00:39,755
>> Jason Hirschhorn: Entón non é todo nulo,
pero perdemos a URL da imaxe.

1383
01:00:39,755 --> 01:00:42,295

1384
01:00:42,295 --> 01:00:43,615
Xa perdemos para sempre?

1385
01:00:43,615 --> 01:00:47,878

1386
01:00:47,878 --> 01:00:48,970
>> Audiencia: Tecnicamente non?

1387
01:00:48,970 --> 01:00:50,540
>> Jason Hirschhorn: Teña
perdemos para sempre?

1388
01:00:50,540 --> 01:00:51,290
>> Audiencia: Non

1389
01:00:51,290 --> 01:00:52,780
>> Jason Hirschhorn: Ben, onde está?

1390
01:00:52,780 --> 01:00:54,220
>> Audiencia: No seu golfiño orixinais -

1391
01:00:54,220 --> 01:00:56,310
>> Jason Hirschhorn: É en golfiños,
pero en ocean_array

1392
01:00:56,310 --> 01:00:57,630
perdemos para sempre.

1393
01:00:57,630 --> 01:01:01,910
Entón Constantino, pode propoñer un
mellor forma de escribir esta liña?

1394
01:01:01,910 --> 01:01:03,350
En realidade, sinto moito, é gardado na piscina.

1395
01:01:03,350 --> 01:01:08,640
Temos na piscina porque
piscina é un obxecto, non é?

1396
01:01:08,640 --> 01:01:12,310
Índice Ocean_array, un ocean_array
é unha matriz de obxectos.

1397
01:01:12,310 --> 01:01:15,590
>> Entón piscina é un obxecto, e non temos
unha URL alí e abaixo

1398
01:01:15,590 --> 01:01:16,220
aquí defínese como nulo.

1399
01:01:16,220 --> 01:01:19,280
Entón, en realidade, non temos
perdido para sempre.

1400
01:01:19,280 --> 01:01:20,080
É só salva na piscina.

1401
01:01:20,080 --> 01:01:23,730
Pero certamente non é en ocean_array,
e como dixo, Carlos, é o

1402
01:01:23,730 --> 01:01:25,010
a matriz golfiños.

1403
01:01:25,010 --> 01:01:25,720
>> Polo tanto, este parece doce.

1404
01:01:25,720 --> 01:01:27,550
E entón como é que imos trazar o
mar e da piscina?

1405
01:01:27,550 --> 01:01:27,780
Mario?

1406
01:01:27,780 --> 01:01:33,060
>> Audiencia: Pode só chamar
draw_pool e draw_ocean?

1407
01:01:33,060 --> 01:01:36,060
Así como, draw_pool, e entón -

1408
01:01:36,060 --> 01:01:39,522
Ben, si, el non ten nada.

1409
01:01:39,522 --> 01:01:40,840
>> Jason Hirschhorn: gran.

1410
01:01:40,840 --> 01:01:42,350
O que está pasando draw_pool facer?

1411
01:01:42,350 --> 01:01:43,715
>> Audiencia: Debuxe na piscina?

1412
01:01:43,715 --> 01:01:45,360
>> Jason Hirschhorn: Si, ben,
que é o que vai facer?

1413
01:01:45,360 --> 01:01:46,605
>> Audiencia: Sentímolo.

1414
01:01:46,605 --> 01:01:48,310
Podería facer o mesmo
cousa, como ter un -

1415
01:01:48,310 --> 01:01:49,670
>> Jason Hirschhorn: Espere,
nós imos chegar alí.

1416
01:01:49,670 --> 01:01:49,880
Nada.

1417
01:01:49,880 --> 01:01:50,950
El non fai nada agora.

1418
01:01:50,950 --> 01:01:52,080
A ver se isto funciona, con todo.

1419
01:01:52,080 --> 01:01:52,520
Quen nos deu ese código?

1420
01:01:52,520 --> 01:01:54,640
Akshar e Constantino
deunos ese código?

1421
01:01:54,640 --> 01:01:56,640
OK, imos ver o que acontece.

1422
01:01:56,640 --> 01:01:57,810
>> Ah!

1423
01:01:57,810 --> 01:01:59,650
Iso foi tan emocionante.

1424
01:01:59,650 --> 01:02:00,790
El foise.

1425
01:02:00,790 --> 01:02:01,810
Oh, rapaz.

1426
01:02:01,810 --> 01:02:03,060
Isto é medio feo.

1427
01:02:03,060 --> 01:02:04,670
Ben, podemos volver
e corrixir iso máis tarde.

1428
01:02:04,670 --> 01:02:06,490
Quere saber onde está?

1429
01:02:06,490 --> 01:02:07,890
Nós salvo nesa variable piscina.

1430
01:02:07,890 --> 01:02:10,160
Como podo descubrir se é
nesa variable piscina?

1431
01:02:10,160 --> 01:02:15,780
Ben, unha vez máis, o poder do JavaScript,
e, en particular, as ferramentas que

1432
01:02:15,780 --> 01:02:18,280
Chrome dálle, é que pode agora
inspeccionar esa variable piscina.

1433
01:02:18,280 --> 01:02:19,220
É global, lembra-se?

1434
01:02:19,220 --> 01:02:20,960
Non poñemos a palabra chave var.

1435
01:02:20,960 --> 01:02:23,430
Entón, se eu escribir Escriba aquí,
Constantino, o que pensas que eu son

1436
01:02:23,430 --> 01:02:24,800
se ve cando prema Intro?

1437
01:02:24,800 --> 01:02:29,095

1438
01:02:29,095 --> 01:02:30,950
>> Audiencia: Eu non sei.

1439
01:02:30,950 --> 01:02:31,470
>> Jason Hirschhorn: Guess.

1440
01:02:31,470 --> 01:02:32,110
>> Audiencia: Nada?

1441
01:02:32,110 --> 01:02:33,680
>> Jason Hirschhorn: Nada mal.

1442
01:02:33,680 --> 01:02:35,030
Iso foi un bo palpite, con todo.

1443
01:02:35,030 --> 01:02:35,920
Eu teño o obxecto.

1444
01:02:35,920 --> 01:02:37,680
Lembre que vostede me deu
esta liña de código.

1445
01:02:37,680 --> 01:02:41,550
Pool, salvo na medida en que
variable dun obxecto.

1446
01:02:41,550 --> 01:02:45,180
E, de feito, vemos o obxecto
gardou nel.

1447
01:02:45,180 --> 01:02:46,710
Isto é incrible.

1448
01:02:46,710 --> 01:02:48,510
Podemos inspeccionar dende aquí.

1449
01:02:48,510 --> 01:02:52,110
É case como tempo real GDB que
podemos ollar a través do noso código e

1450
01:02:52,110 --> 01:02:53,520
descubrir cousas.

1451
01:02:53,520 --> 01:02:55,780
Isto é super legal e super poderoso.

1452
01:02:55,780 --> 01:02:56,860
>> OK, imos rematar isto.

1453
01:02:56,860 --> 01:02:59,710
Imos deseñar a piscina en cinco minutos.

1454
01:02:59,710 --> 01:03:02,960

1455
01:03:02,960 --> 01:03:05,370
Maru, dáme unha liña de
código para deseñar a piscina.

1456
01:03:05,370 --> 01:03:08,975
>> Audiencia: Podería ter outro
HTML variable, pero / por.

1457
01:03:08,975 --> 01:03:11,070
>> Jason Hirschhorn: Imos facer
moi sinxelo para o momento.

1458
01:03:11,070 --> 01:03:14,156
Imos imprimir o nome do
o golfiño estamos adestrando.

1459
01:03:14,156 --> 01:03:20,910
>> Audiencia: E entón podes facer dólar
asinar, parénteses abertos,

1460
01:03:20,910 --> 01:03:23,850
e logo, citar aberto.

1461
01:03:23,850 --> 01:03:26,420
Creo piscina libra, se
que era unha cousa.

1462
01:03:26,420 --> 01:03:27,240
Eu non me lembro.

1463
01:03:27,240 --> 01:03:28,950
>> Jason Hirschhorn: Imos ollar cara atrás.

1464
01:03:28,950 --> 01:03:29,570
Creo que é unha cousa.

1465
01:03:29,570 --> 01:03:30,660
>> Audiencia: OK, si.

1466
01:03:30,660 --> 01:03:36,460
E entón quote preto, parénteses próximos
. Html, parénteses abertos,

1467
01:03:36,460 --> 01:03:45,880
e entón eu creo piscina, como soporte aberto
0 ou algo parecido.

1468
01:03:45,880 --> 01:03:47,500
Pechar o nome de punto.

1469
01:03:47,500 --> 01:03:49,720
Eu non sei se isto funciona.

1470
01:03:49,720 --> 01:03:51,723
>> Audiencia: OK, imos ver o que acontece.

1471
01:03:51,723 --> 01:03:55,507

1472
01:03:55,507 --> 01:03:59,040
"Non se pode ler o nome da propiedade de
indefinido. "Entón, de novo, aquí está o que

1473
01:03:59,040 --> 01:03:59,770
imos comprobar.

1474
01:03:59,770 --> 01:04:00,500
Imos explorar iso.

1475
01:04:00,500 --> 01:04:02,710
Fixo piscina, bracket0 aberto,. Nome.

1476
01:04:02,710 --> 01:04:06,060
Unha vez máis, eu fago iso o tempo, e eu son
confuso o que está a suceder, o que fai

1477
01:04:06,060 --> 01:04:07,040
este aviso dicir.

1478
01:04:07,040 --> 01:04:09,140
Imos ollar para piscina.

1479
01:04:09,140 --> 01:04:12,520
Vexamos soporte piscina
0, indefinido.

1480
01:04:12,520 --> 01:04:14,430
Entón é aí onde nós estamos correndo
para o noso problema, non?

1481
01:04:14,430 --> 01:04:16,130
Piscina soporte 0 non fai,
obviamente, existir.

1482
01:04:16,130 --> 01:04:19,760
¿Que pensas que hai?

1483
01:04:19,760 --> 01:04:21,885
>> Audiencia: É só piscina
un obxecto por si só?

1484
01:04:21,885 --> 01:04:23,550
>> Jason Hirschhorn: Ben, o que
que di aquí?

1485
01:04:23,550 --> 01:04:25,850
Cando premer intro en piscina,
o que di que é?

1486
01:04:25,850 --> 01:04:26,510
>> Audiencia: Object.

1487
01:04:26,510 --> 01:04:28,076
>> Jason Hirschhorn: é un obxecto, entón?

1488
01:04:28,076 --> 01:04:28,860
>> Audiencia: Ah, si.

1489
01:04:28,860 --> 01:04:30,700
Entón, só tes que pool.name en vez de -

1490
01:04:30,700 --> 01:04:34,650
>> Jason Hirschhorn: Pool.name dá
exactamente o que quería.

1491
01:04:34,650 --> 01:04:38,060
E podo entender que estou pasando por iso
lentamente e belaboring este punto, pero

1492
01:04:38,060 --> 01:04:39,720
iso é como fago estas cousas.

1493
01:04:39,720 --> 01:04:42,270
Vai se atopou con estes erros
durante o seu proxecto final, entón eu espero que

1494
01:04:42,270 --> 01:04:44,360
este é capacitar sexa capaz
para utilizar todas estas ferramentas.

1495
01:04:44,360 --> 01:04:47,780
Estes son cruciais e ganas
te de super duper lonxe.

1496
01:04:47,780 --> 01:04:50,050
>> Entón eu non quero só
imprimir o nome.

1497
01:04:50,050 --> 01:04:54,375
Imos facelo un pouco
algo máis agradable do que iso.

1498
01:04:54,375 --> 01:04:56,000
>> Audiencia: O que máis queremos facer?

1499
01:04:56,000 --> 01:04:56,460
>> Jason Hirschhorn: OK, todo ben.

1500
01:04:56,460 --> 01:04:57,390
Nós imos facer exactamente isto.

1501
01:04:57,390 --> 01:04:57,760
Ugh.

1502
01:04:57,760 --> 01:05:00,354
Xente, non teredes vida.

1503
01:05:00,354 --> 01:05:02,720
>> OK, bum, entendín.

1504
01:05:02,720 --> 01:05:04,040
Parece bo.

1505
01:05:04,040 --> 01:05:09,910
Vai ver, Akshar, aquí en baixo,
temos nulo, non se atopou.

1506
01:05:09,910 --> 01:05:14,760
Polo tanto, parece que aínda está intentando
atopar algunha imaxe, e que non fixo

1507
01:05:14,760 --> 01:05:15,720
exactamente o que quería facer.

1508
01:05:15,720 --> 01:05:18,690
Non imos entrar en detalles agora, pero
probablemente hai un xeito máis limpa de

1509
01:05:18,690 --> 01:05:19,835
facelo.

1510
01:05:19,835 --> 01:05:24,475
>> Audiencia: Podería deixar así
un espazo en branco para a imaxe?

1511
01:05:24,475 --> 01:05:27,080
Como en vez de define-lo como nulo,
vostede pode configurar-lo a gustar dun espazo baleiro

1512
01:05:27,080 --> 01:05:28,732
corda ou algo así?

1513
01:05:28,732 --> 01:05:30,020
>> Jason Hirschhorn: Gustoulle?

1514
01:05:30,020 --> 01:05:31,270
>> Audiencia: Yeah.

1515
01:05:31,270 --> 01:05:36,894

1516
01:05:36,894 --> 01:05:38,144
>> Jason Hirschhorn: [inaudível].

1517
01:05:38,144 --> 01:05:42,000

1518
01:05:42,000 --> 01:05:42,860
Non se atopou.

1519
01:05:42,860 --> 01:05:44,810
Polo tanto, hai un xeito mellor de facelo.

1520
01:05:44,810 --> 01:05:46,290
Eu proporía a facer isto.

1521
01:05:46,290 --> 01:05:50,130

1522
01:05:50,130 --> 01:05:53,080
Só axuste nulo alí.

1523
01:05:53,080 --> 01:05:54,200
Entón, por suposto, o que é
vai pasar?

1524
01:05:54,200 --> 01:05:56,050
Vai desaparecer por completo.

1525
01:05:56,050 --> 01:06:01,420
Entón, se nós quería manter un espazo e facer
que, probablemente quere facer algo

1526
01:06:01,420 --> 01:06:05,140
aquí enriba tamén.

1527
01:06:05,140 --> 01:06:06,650
Eu estou indo a comezar.

1528
01:06:06,650 --> 01:06:09,076
Akshar, dáme desa liña
de código moi rápido.

1529
01:06:09,076 --> 01:06:17,480
>> Audiencia: Se ocean_array, golfiño,
é igual, igual, igual - é igual a null?

1530
01:06:17,480 --> 01:06:20,342
É.

1531
01:06:20,342 --> 01:06:21,466
>> Jason Hirschhorn: Entón o que?

1532
01:06:21,466 --> 01:06:24,046
>> Audiencia: A continuación, faga html.

1533
01:06:24,046 --> 01:06:27,920
Só copiar o código de fondo, realmente.

1534
01:06:27,920 --> 01:06:29,100
>> Jason Hirschhorn: Pega o que?

1535
01:06:29,100 --> 01:06:30,290
>> Audiencia: Pode copiar o -

1536
01:06:30,290 --> 01:06:30,340
>> Jason Hirschhorn: Este?

1537
01:06:30,340 --> 01:06:31,310
>> Audiencia: Yeah.

1538
01:06:31,310 --> 01:06:33,115
>> Jason Hirschhorn: Todo isto?

1539
01:06:33,115 --> 01:06:35,082
Nós non temos unha imaxe.

1540
01:06:35,082 --> 01:06:37,386
>> Audiencia: Queres dicir que
pode simplemente deixar a -

1541
01:06:37,386 --> 01:06:39,651
si, pode simplemente fechala.

1542
01:06:39,651 --> 01:06:41,560
Pero eu creo que tes que definir a largura.

1543
01:06:41,560 --> 01:06:45,280
>> Jason Hirschhorn: Ben, só
crear unha columna baleira.

1544
01:06:45,280 --> 01:06:45,910
Aceptar.

1545
01:06:45,910 --> 01:06:48,480
E entón, nese caso, probablemente imos
quero facelo tamén.

1546
01:06:48,480 --> 01:06:54,587

1547
01:06:54,587 --> 01:06:55,837
>> Oops.

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
Non funcionou, pero non estamos
recibindo este erro.

1551
01:07:01,800 --> 01:07:03,090
Imos ver o que pasou aquí.

1552
01:07:03,090 --> 01:07:07,400

1553
01:07:07,400 --> 01:07:09,690
>> Entón, non hai nada alí, entón o que
dixo que deberiamos engadir?

1554
01:07:09,690 --> 01:07:14,746
>> Audiencia: Debemos establecer
o ancho da liña.

1555
01:07:14,746 --> 01:07:15,585
>> Jason Hirschhorn: Para que?

1556
01:07:15,585 --> 01:07:17,590
>> Audiencia: Creo que é 150.

1557
01:07:17,590 --> 01:07:19,650
>> Audiencia: Si, foi 150.

1558
01:07:19,650 --> 01:07:21,390
>> Jason Hirschhorn: Nós imos poñer iso aquí
para manter o meu código consistente.

1559
01:07:21,390 --> 01:07:21,730
Pero este non é un deles.

1560
01:07:21,730 --> 01:07:22,350
OK, xenial.

1561
01:07:22,350 --> 01:07:23,050
Posta.

1562
01:07:23,050 --> 01:07:25,650
OK?

1563
01:07:25,650 --> 01:07:28,241
Por iso, aínda vai lonxe.

1564
01:07:28,241 --> 01:07:29,780
>> Audiencia: Oh, chame ancho?

1565
01:07:29,780 --> 01:07:32,570

1566
01:07:32,570 --> 01:07:35,140
>> Jason Hirschhorn: Parece
como o ancho é de 150.

1567
01:07:35,140 --> 01:07:36,290
Imos ver.

1568
01:07:36,290 --> 01:07:39,375
Agora imos facer a final,
, Cousa legal poderoso que eu son

1569
01:07:39,375 --> 01:07:40,500
vou lle amosar.

1570
01:07:40,500 --> 01:07:43,830
Non imos rematar este código, pero
en liña antes de saír, todo isto

1571
01:07:43,830 --> 01:07:44,580
código estará correcto.

1572
01:07:44,580 --> 01:07:48,970
Vou enviar correo-e a versión corrixida
cun pouco do meu propio estilo despois

1573
01:07:48,970 --> 01:07:51,020
sección, e que vai ser posta en liña.

1574
01:07:51,020 --> 01:07:53,920
Estimula-vos a continuar a explotar esta
e usar isto como unha referencia, pero eu

1575
01:07:53,920 --> 01:07:58,250
quero amosar-lle a ferramenta final para este
clase, e que é aquí en

1576
01:07:58,250 --> 01:07:58,920
o lado dereito.

1577
01:07:58,920 --> 01:08:01,700
E miramos para esta última semana, pero agora
espero que sexa un pouco máis familiarizado

1578
01:08:01,700 --> 01:08:02,970
para ti e cómodo.

1579
01:08:02,970 --> 01:08:06,730
>> Pode xogar de forma dinámica
co CSS dunha páxina.

1580
01:08:06,730 --> 01:08:09,570
Nós, en realidade, xa foi visto nos
xogar de forma dinámica co HTML.

1581
01:08:09,570 --> 01:08:13,470
Lembre-se de que fixemos o correcto
prema en Editar como HTML?

1582
01:08:13,470 --> 01:08:14,090
Aquí?

1583
01:08:14,090 --> 01:08:16,080
Entón nós tocamos dinámicamente
co HTML.

1584
01:08:16,080 --> 01:08:20,620
>> Na consola, pode xogar de forma dinámica
co JavaScript dunha páxina.

1585
01:08:20,620 --> 01:08:24,899
Por exemplo, isto é un válido
JavaScript liña.

1586
01:08:24,899 --> 01:08:26,870
Boom, eu teño exactamente o que eu quería.

1587
01:08:26,870 --> 01:08:30,060
Así, podemos xogar de forma dinámica co
HTML, xogar de forma dinámica co

1588
01:08:30,060 --> 01:08:30,550
JavaScript.

1589
01:08:30,550 --> 01:08:32,810
Agora imos dinámicamente
xogar co CSS.

1590
01:08:32,810 --> 01:08:36,630
>> E todo iso é porque é coma
instante, vivir GDB feedback, e así

1591
01:08:36,630 --> 01:08:39,979
pode saber o dereito de algo antes de ter
para seguir o seu código, e pode

1592
01:08:39,979 --> 01:08:41,790
non creo que algo está
vai parecer.

1593
01:08:41,790 --> 01:08:43,050
Entón, iso é super legal duper.

1594
01:08:43,050 --> 01:08:45,850
>> E imos, finalmente, ollar para dinamicamente
xogar co CSS.

1595
01:08:45,850 --> 01:08:49,560
Ou sexa, máis aquí á dereita
banda, element.style.

1596
01:08:49,560 --> 01:08:50,420
Imos a iso.

1597
01:08:50,420 --> 01:08:51,740
Aquí está o noso elemento.

1598
01:08:51,740 --> 01:08:54,689
Imos darlle algún CSS extra.

1599
01:08:54,689 --> 01:09:00,300
>> Ou moito, poderiamos darlle algúns extras
CSS, pero é probable que, no presente caso,

1600
01:09:00,300 --> 01:09:03,330
quere cambiar este atributo.

1601
01:09:03,330 --> 01:09:05,535
Entón, imos descender aquí a esta liña.

1602
01:09:05,535 --> 01:09:06,785
Oh, eu non podo facer iso aquí.

1603
01:09:06,785 --> 01:09:11,109

1604
01:09:11,109 --> 01:09:11,689
Sentímolo.

1605
01:09:11,689 --> 01:09:12,939
Edite a -

1606
01:09:12,939 --> 01:09:17,410

1607
01:09:17,410 --> 01:09:19,270
Entón é así que pode editar o CSS.

1608
01:09:19,270 --> 01:09:21,804
Non estamos indo a editar o CSS neste
segundo, pero queremos editar

1609
01:09:21,804 --> 01:09:24,439
HTML e darlle
un atributo adicional.

1610
01:09:24,439 --> 01:09:26,762
O que propón cambiar isto?

1611
01:09:26,762 --> 01:09:30,069

1612
01:09:30,069 --> 01:09:31,170
Penso aviar tiña unha suxestión.

1613
01:09:31,170 --> 01:09:32,420
>> Audiencia: ancho Col?

1614
01:09:32,420 --> 01:09:38,880

1615
01:09:38,880 --> 01:09:40,560
>> Jason Hirschhorn: Isto parecía
non fixo nada.

1616
01:09:40,560 --> 01:09:43,390

1617
01:09:43,390 --> 01:09:45,803
Imos tentar o CSS.

1618
01:09:45,803 --> 01:09:46,707
>> Audiencia: [inaudível] de clase?

1619
01:09:46,707 --> 01:09:48,310
>> Jason Hirschhorn: Di
Non funciona.

1620
01:09:48,310 --> 01:09:49,260
Dá esa cousa amarela.

1621
01:09:49,260 --> 01:09:51,660
>> Audiencia: Pero [inaudível].

1622
01:09:51,660 --> 01:09:56,883
>> Audiencia: Non está definindo o ancho
dunha imaxe para 150 cando fai isto?

1623
01:09:56,883 --> 01:09:59,741
Como que non é só usar ancho?

1624
01:09:59,741 --> 01:10:00,740
>> Jason Hirschhorn: Yeah.

1625
01:10:00,740 --> 01:10:02,785
>> Audiencia: Pero non temos
unha imaxe máis.

1626
01:10:02,785 --> 01:10:03,340
>> Jason Hirschhorn: Non

1627
01:10:03,340 --> 01:10:04,290
Non temos nada alí dentro.

1628
01:10:04,290 --> 01:10:07,990
Entón, nós non imos resolver
o problema específico.

1629
01:10:07,990 --> 01:10:11,190
Nós imos voltar a Akshar de
solución, porque quero establecer un

1630
01:10:11,190 --> 01:10:14,160
golfiño libre para o momento,
ou esa é a última

1631
01:10:14,160 --> 01:10:14,710
cousa que quero rematar.

1632
01:10:14,710 --> 01:10:18,340
Entón, imos deixar isto aquí
recoñecendo á vez non é completamente

1633
01:10:18,340 --> 01:10:19,870
correcta, e nós estamos indo
para volver a el.

1634
01:10:19,870 --> 01:10:21,230
>> Sentímolo.

1635
01:10:21,230 --> 01:10:23,380
Eu dixen que pode dinamicamente
cambiar o CSS.

1636
01:10:23,380 --> 01:10:26,060
Imos ollar para iso e facer
que moi rapidamente.

1637
01:10:26,060 --> 01:10:28,910
Entón, se eu inspeccionar este elemento aquí debaixo,
e dicir que quero facelo azul,

1638
01:10:28,910 --> 01:10:32,850
pode vir aquí, a cor, porque
Sei que cambia a cor de

1639
01:10:32,850 --> 01:10:36,710
algo, e xa vimos como
el mudouse azul.

1640
01:10:36,710 --> 01:10:38,850
Así que me é dinámicamente
cambiando o CSS.

1641
01:10:38,850 --> 01:10:42,150
Non cambia-lo para o ben, pero, a continuación,
Podo volver para o meu arquivo de CSS e

1642
01:10:42,150 --> 01:10:44,990
cambiar a cor dun obxecto.

1643
01:10:44,990 --> 01:10:46,610
>> Aceptar.

1644
01:10:46,610 --> 01:10:48,180
Isto foi moito.

1645
01:10:48,180 --> 01:10:50,480
Non rematar o meu programa incrible.

1646
01:10:50,480 --> 01:11:00,352
Deixe-me amosar-lle isto ben rápido,
e despois imos saír.

1647
01:11:00,352 --> 01:11:01,860
Oh, onde está?

1648
01:11:01,860 --> 01:11:02,710
Non!

1649
01:11:02,710 --> 01:11:03,960
Espere un pouco.

1650
01:11:03,960 --> 01:11:19,650

1651
01:11:19,650 --> 01:11:24,350
>> OK, entón como está facendo as maletas, unha
vista incrible, ou fronte

1652
01:11:24,350 --> 01:11:25,330
ver, de próxima vez.

1653
01:11:25,330 --> 01:11:30,880
Este é Dolphin train de 2013,
e non funciona.

1654
01:11:30,880 --> 01:11:32,048
Grande.

1655
01:11:32,048 --> 01:11:36,240
>> [Risas]

1656
01:11:36,240 --> 01:11:37,300
>> Jason Hirschhorn: Oh!

1657
01:11:37,300 --> 01:11:38,085
Boom!

1658
01:11:38,085 --> 01:11:38,950
O que significa isto?

1659
01:11:38,950 --> 01:11:39,700
>> Audiencia: Non chmod.

1660
01:11:39,700 --> 01:11:41,430
>> Jason Hirschhorn: Eu non chmod-lo.

1661
01:11:41,430 --> 01:11:42,680
>> Audiencia: fileira un.

1662
01:11:42,680 --> 01:11:52,774

1663
01:11:52,774 --> 01:11:54,930
>> Jason Hirschhorn: Oh, mira isto.

1664
01:11:54,930 --> 01:11:55,710
Aceptar.

1665
01:11:55,710 --> 01:11:57,280
Entón, eu teño os meus seis golfiños.

1666
01:11:57,280 --> 01:11:57,730
Que pasa?

1667
01:11:57,730 --> 01:11:58,060
Imos ver.

1668
01:11:58,060 --> 01:12:02,595
Se eu adestrar un, agora adestrando Lili.

1669
01:12:02,595 --> 01:12:04,910
Oh, eu quero che liberar, Lili.

1670
01:12:04,910 --> 01:12:06,660
Alí vai vostede, de volta ao océano.

1671
01:12:06,660 --> 01:12:07,950
>> Así que foi esta semana.

1672
01:12:07,950 --> 01:12:09,500
Se ten algunha dúbida,
estaremos fóra.

1673
01:12:09,500 --> 01:12:11,340
E unha vez máis, eu vou enviar-lle
o resto deste código.

1674
01:12:11,340 --> 01:12:12,590
Grazas, persoal.

1675
01:12:12,590 --> 01:12:15,723