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

2
00:00:07,920 --> 00:00:10,850
>> JASON HIRSCHHORN: Bienvenido,
todo el mundo, hasta la semana nueve.

3
00:00:10,850 --> 00:00:14,800
Tenemos una semana emocionante por delante de nosotros
porque tenemos nuestro conjunto problema final.

4
00:00:14,800 --> 00:00:18,330
También tenemos un nuevo lenguaje de la marca,
JavaScript, que ya se encuentra en

5
00:00:18,330 --> 00:00:22,690
medio de la utilización no sólo para este
conjunto de problemas, pero muchos de ustedes se

6
00:00:22,690 --> 00:00:24,780
probablemente utilizarlo para finales
proyectos, especialmente

7
00:00:24,780 --> 00:00:26,000
proyectos fin de carrera basados ​​en la web.

8
00:00:26,000 --> 00:00:32,330
Así que eso es lo que vamos a repasar hoy después
hablar brevemente acerca de los recursos,

9
00:00:32,330 --> 00:00:33,180
que hacemos cada semana.

10
00:00:33,180 --> 00:00:36,850
Vamos a saltar a JavaScript, y luego
vamos a pasar toda la sección con un

11
00:00:36,850 --> 00:00:44,460
manos a la codificación de Entrenador de Delfines actividad
2K13, que es como Madden

12
00:00:44,460 --> 00:00:48,650
2013, pero para los delfines
y en JavaScript.

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

14
00:00:49,910 --> 00:00:53,670
>> JASON HIRSCHHORN: Así que, como siempre, una lista
de los recursos para que usted pueda ver.

15
00:00:53,670 --> 00:01:00,040
Estos recursos son especialmente importantes
porque la próxima semana en

16
00:01:00,040 --> 00:01:05,630
El miércoles es un concurso, su segundo
y prueba final de este curso.

17
00:01:05,630 --> 00:01:10,700
Al igual concurso cero, es 75 minutos
y comienza un poco después de las 13:00.

18
00:01:10,700 --> 00:01:16,400
Abarca todo, desde el día cero
de este curso, pero sin duda

19
00:01:16,400 --> 00:01:20,360
hace hincapié en todo lo que tiene
sucedido desde cuestionario uno.

20
00:01:20,360 --> 00:01:23,610
>> Pero, por supuesto, hemos cubierto los bucles
en el comienzo del año.

21
00:01:23,610 --> 00:01:27,130
Para bucles están probablemente todavía van a
ser parte de este concurso, así que no es

22
00:01:27,130 --> 00:01:31,050
como se puede pasar por alto todo lo que
ocurrido antes de la semana de cinco o cuestionario cero

23
00:01:31,050 --> 00:01:32,910
ya que este curso se basa
sobre sí mismo mucho.

24
00:01:32,910 --> 00:01:37,080
Pero sin duda, el énfasis se pondrá en
cosas que hemos aprendido desde la semana seis.

25
00:01:37,080 --> 00:01:42,520
Eso incluye PHP, JavaScript, SQL para
Sin duda, y también el más avanzado

26
00:01:42,520 --> 00:01:46,560
estructuras de datos de las que hablamos en C.
Toda una serie de otros temas, pero

27
00:01:46,560 --> 00:01:49,860
discutirá que la próxima semana
mientras revisamos para el concurso.

28
00:01:49,860 --> 00:01:52,940
>> Y también, como siempre, si tiene alguna
preguntas acerca de la prueba como eres

29
00:01:52,940 --> 00:01:56,690
preparación, no dude en
enviarlas a mi manera.

30
00:01:56,690 --> 00:02:00,230
En este momento, ¿alguien tiene alguna
preguntas rápidas sobre el concurso?

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
No es necesario preocuparse de él o anormal
sobre justo ahora, pero tenlo en

34
00:02:06,440 --> 00:02:10,130
la parte posterior de su mente, porque eso es
pasando una semana y un día a partir de ahora.

35
00:02:10,130 --> 00:02:15,030
>> Por último, sé que estamos corriendo hacia
Al final del semestre -

36
00:02:15,030 --> 00:02:19,910
sólo hay dos secciones después
esto - pero todavía estoy emocionado y

37
00:02:19,910 --> 00:02:21,930
ansiosos por su colaboración
si tiene alguna.

38
00:02:21,930 --> 00:02:24,500
Quiero hacer las personas del
mejores dos secciones jamás.

39
00:02:24,500 --> 00:02:27,670
Probablemente será, porque cada
sección es increíble y el mejor de todos.

40
00:02:27,670 --> 00:02:32,260
No sé cómo eso es posible, pero
Todos ellos han sido fantástico, creo.

41
00:02:32,260 --> 00:02:37,560
>> Los comentarios que he recibido ha apagó
nada y ninguno desde el

42
00:02:37,560 --> 00:02:40,880
hace un par de semanas, así que por favor, dar
me algunos comentarios si lo tiene.

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

44
00:02:42,910 --> 00:02:44,900
Usted me puede decir cosas buenas que
Quiero que siga haciendo o

45
00:02:44,900 --> 00:02:46,080
cosas que pueden trabajar.

46
00:02:46,080 --> 00:02:49,700
Yo estoy tratando de ser el mejor maestro
posible, o que estoy tratando de hacer lo mejor

47
00:02:49,700 --> 00:02:52,920
Que puedo, pero no puedo hacer eso si no lo hago
, saben que ustedes están haciendo.

48
00:02:52,920 --> 00:02:55,080
Y es difícil saber por qué estás cayendo
dormido en clase, así que permítanme

49
00:02:55,080 --> 00:02:58,250
saber por qué después de eso fue el caso.

50
00:02:58,250 --> 00:03:00,940
>> Te mostré esta imagen la semana pasada.

51
00:03:00,940 --> 00:03:06,910
Se trata de las Teenage Mutant Ninja Turtles
moto que tuve cuando era más joven,

52
00:03:06,910 --> 00:03:12,350
y seguimos a empujar ustedes
sin ruedas de entrenamiento como lo sumergimos

53
00:03:12,350 --> 00:03:13,630
que en otro idioma.

54
00:03:13,630 --> 00:03:18,420
Pero puede estar seguro, JavaScript, como PHP,
es muy similar a lo que has

55
00:03:18,420 --> 00:03:18,990
hecho en el pasado.

56
00:03:18,990 --> 00:03:24,100
Una gran cantidad de la lógica transfiere el excedente, si
no la sintaxis, exactamente uno por uno.

57
00:03:24,100 --> 00:03:26,910
Pero, de nuevo, todos estos idiomas que
hemos repasado en los últimos dos

58
00:03:26,910 --> 00:03:30,175
semana, aunque parece abrumadora,
son increíblemente potente y permitirá

59
00:03:30,175 --> 00:03:34,440
usted pueda hacer mucho en su proyecto final
y probablemente otros sitios web que usted

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

61
00:03:36,180 --> 00:03:41,000
>> Así que sin más preámbulos, vamos
para empezar a bucear en JavaScript.

62
00:03:41,000 --> 00:03:44,630
Vamos a hablar de ello brevemente y
entonces realmente entrar en la práctica en

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

64
00:03:48,300 --> 00:03:53,000
Así que JavaScript es un script del lado del cliente
idioma, lo que significa que es

65
00:03:53,000 --> 00:03:56,740
diferente a PHP y es diferente
de C. JavaScript no está compilado y

66
00:03:56,740 --> 00:03:58,740
no es ejecutado por el servidor.

67
00:03:58,740 --> 00:04:02,090
Más bien, lo cargue.

68
00:04:02,090 --> 00:04:06,710
Usted carga una página con JavaScript al cargar
una página web, y luego se ejecuta

69
00:04:06,710 --> 00:04:08,020
en su máquina.

70
00:04:08,020 --> 00:04:11,120
Lo que significa que usted puede ver toda la
El código JavaScript que era

71
00:04:11,120 --> 00:04:12,240
enviada a su ordenador.

72
00:04:12,240 --> 00:04:21,750
>> A veces se acorta o codificación de un
bit, cifra un poco, por lo que

73
00:04:21,750 --> 00:04:23,390
no puede decir explícitamente lo que está pasando.

74
00:04:23,390 --> 00:04:26,920
Por ejemplo, si usted echa un vistazo CS50 o
la necesidad de personal para esta semana de

75
00:04:26,920 --> 00:04:31,260
problema establecido, y te vas a service.js,
te darás cuenta de que en realidad no puede decirle

76
00:04:31,260 --> 00:04:32,560
lo que debe hacer a partir de lo que les hemos dado.

77
00:04:32,560 --> 00:04:37,020
Nos encriptada un poco para hacer
que un poco más difícil.

78
00:04:37,020 --> 00:04:40,450
Sin embargo, se puede ver la exacta
Archivo JavaScript que estamos ejecutando

79
00:04:40,450 --> 00:04:42,010
y nuestro programa se está ejecutando.

80
00:04:42,010 --> 00:04:46,510
Así que eso es lo que significa ser un
lenguaje de script del lado del cliente.

81
00:04:46,510 --> 00:04:51,280
>> Al igual que en C y PHP, sin embargo, JavaScript
tiene bucles for, if / else

82
00:04:51,280 --> 00:04:52,715
condiciones, mientras que los bucles.

83
00:04:52,715 --> 00:04:58,290
Similares a PHP, que tiene un
bucle foreach también.

84
00:04:58,290 --> 00:05:02,270
Y de nuevo, muy similar a la
sintaxis que hemos visto en

85
00:05:02,270 --> 00:05:04,430
lenguas que ya hemos
trabajado.

86
00:05:04,430 --> 00:05:07,650
>> Por último, una de las partes más frescas
JavaScript, y algo vamos a estar

87
00:05:07,650 --> 00:05:10,010
haciendo mucho hoy, y probablemente tendrás
estar haciendo mucho con su conjunto P si

88
00:05:10,010 --> 00:05:13,810
no lo han experimentado ya, es usted
puede revisar todos los errores que tiene

89
00:05:13,810 --> 00:05:16,290
en el código a través de la consola de JavaScript.

90
00:05:16,290 --> 00:05:17,770
Nos fijamos en la semana un poco pasado.

91
00:05:17,770 --> 00:05:21,800
Nos fijamos en un tipo diferente de la consola
para inspeccionar una página, pero en

92
00:05:21,800 --> 00:05:28,420
Chrome, de nuevo, se puede ver el diseño,
el código HTML, el documento que su página es

93
00:05:28,420 --> 00:05:29,310
que le muestra en la pantalla.

94
00:05:29,310 --> 00:05:33,820
También puede ver todos los JavaScript
formar esa página, y usted puede también, como

95
00:05:33,820 --> 00:05:36,410
Le dije: ver todos los errores
en la consola de JavaScript.

96
00:05:36,410 --> 00:05:40,110
Y vamos a experimentar más que en
un poco cuando empezamos la codificación.

97
00:05:40,110 --> 00:05:42,380
>> Una cosa a tener en cuenta sobre
JavaScript variables.

98
00:05:42,380 --> 00:05:46,950
Al igual que las variables de PHP, son
vagamente escrito, por lo que no es necesario

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

100
00:05:48,690 --> 00:05:52,330
En términos de alcance, que se define
por la palabra clave "var".

101
00:05:52,330 --> 00:05:54,890
Así que si usted no pone una palabra clave en la parte delantera
de algo, que acaba de escribir el nombre

102
00:05:54,890 --> 00:05:57,870
de la variable, a continuación, una asignación
operador, en este caso el signo igual.

103
00:05:57,870 --> 00:06:00,360
Me estoy olvidando un punto y coma ahí mismo,
pero supongamos que hay un punto y coma

104
00:06:00,360 --> 00:06:01,590
allí mismo.

105
00:06:01,590 --> 00:06:03,520
>> Entonces usted está creando
una variable global.

106
00:06:03,520 --> 00:06:06,960
Si pones la palabra clave "var", y luego
usted está dando algún tipo de locales

107
00:06:06,960 --> 00:06:10,050
ámbito de aplicación, si eso es de
una función o un bucle.

108
00:06:10,050 --> 00:06:12,215
Así que eso es una cosa que
nota para las variables.

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

110
00:06:15,650 --> 00:06:17,550
>> JavaScript es el lenguaje.

111
00:06:17,550 --> 00:06:21,830
jQuery es la biblioteca construida en la cima de
el lenguaje JavaScript, y usted tiene

112
00:06:21,830 --> 00:06:24,180
visto antes en la conferencia.

113
00:06:24,180 --> 00:06:28,010
Le recomiendo, si usted va a
estar usando JavaScript en su última

114
00:06:28,010 --> 00:06:29,690
proyecto, que se llega a saber jQuery.

115
00:06:29,690 --> 00:06:33,140
Hace todo lo que quieras
hacer mucho, mucho más fácil.

116
00:06:33,140 --> 00:06:36,730
También viene con una maravillosa
documentación y ejemplos para ayudar a conseguir

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

118
00:06:37,080 --> 00:06:39,430
Hoy vamos a estar
usando jQuery también.

119
00:06:39,430 --> 00:06:43,320
>> Estos, lo que tengo en esta diapositiva,
son los conceptos básicos de jQuery.

120
00:06:43,320 --> 00:06:47,200
En la parte superior de su archivo HTML o
lo que sea - el archivo index.php, su

121
00:06:47,200 --> 00:06:50,070
archivo index.html - es necesario
incluir estas dos líneas.

122
00:06:50,070 --> 00:06:51,540
Se trata de líneas muy genéricas.

123
00:06:51,540 --> 00:06:57,350
La primera línea incluye el jQuery
Archivo JavaScript, y la segunda línea

124
00:06:57,350 --> 00:07:00,410
incluye dondequiera que has escrito
su propio código JavaScript.

125
00:07:00,410 --> 00:07:03,240
Y, por supuesto, porque en su
El código JavaScript que usted ha utilizado probablemente

126
00:07:03,240 --> 00:07:07,800
algunas funciones de biblioteca jQuery,
que tiene que ir después de la

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
Vamos a explorar este
de nuevo en un momento.

130
00:07:15,550 --> 00:07:21,640
>> Y finalmente, en el archivo JavaScript
Yo llamo a esto una index.js.

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

132
00:07:22,640 --> 00:07:26,510
Sea lo que sea, lo que sea JavaScript
file has, empiezas general

133
00:07:26,510 --> 00:07:30,780
con esta línea de código, muestra de dólar,
paren abiertos, documento, cerca paren,

134
00:07:30,780 --> 00:07:34,810
período, listo, paren abiertas, la función,
paren paren abrir, cerrar, y luego

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

136
00:07:35,490 --> 00:07:38,930
Lanza tu código dentro de allí, y luego
terminar con una llave, cerca

137
00:07:38,930 --> 00:07:40,590
paren, punto y coma.

138
00:07:40,590 --> 00:07:42,550
>> Así que toma esto como un hecho.

139
00:07:42,550 --> 00:07:47,250
Si usted va a estar usando jQuery, envuelva
todo el código jQuery en el interior

140
00:07:47,250 --> 00:07:49,230
esta línea de código.

141
00:07:49,230 --> 00:07:53,150
Y vamos a ver que de nuevo en un segundo.

142
00:07:53,150 --> 00:07:56,170
>> Una vez más vamos a trabajar con jQuery,
y por favor, hacer preguntas a medida que avanzamos

143
00:07:56,170 --> 00:07:58,420
hoy en día, pero ¿alguien tiene alguna
preguntas acerca de jQuery o

144
00:07:58,420 --> 00:07:59,670
JavaScript en este momento?

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í que sin más preámbulos, les presento
a usted Dolphin Trainer 2K13.

148
00:08:16,780 --> 00:08:20,656
Estoy muy emocionado acerca de esta última
versión del producto.

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

150
00:08:22,620 --> 00:08:23,590
Estaba tan emocionada.

151
00:08:23,590 --> 00:08:28,030
Yo iba a mostrar a ustedes,
pero parece que no lo hemos hecho

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

153
00:08:28,720 --> 00:08:30,340
Vamos a hacer esto un poco más grande.

154
00:08:30,340 --> 00:08:35,789
Así que si me carga el código de Dolphin
Entrenador - Maldita sea.

155
00:08:35,789 --> 00:08:37,210
Lo siento, chicos.

156
00:08:37,210 --> 00:08:38,520
Yo estaba trabajando en esto antes de la clase.

157
00:08:38,520 --> 00:08:40,350
Yo pensé que tendría que terminar,
pero creo que todavía tengo algo

158
00:08:40,350 --> 00:08:41,210
trabajo queda por hacer.

159
00:08:41,210 --> 00:08:44,400
Pero, por suerte, ustedes todos tienen algún
JavaScript y jQuery práctica, por lo que

160
00:08:44,400 --> 00:08:48,110
vamos a seguir adelante y terminar
esto juntos.

161
00:08:48,110 --> 00:08:50,360
>> Creo que envié ustedes copias de este,
porque yo estaba súper emocionada

162
00:08:50,360 --> 00:08:52,710
al respecto, por lo que debe tener
el mismo código que tengo.

163
00:08:52,710 --> 00:08:55,490
Vayamos a -

164
00:08:55,490 --> 00:08:56,600
Dang, chicos, lo siento.

165
00:08:56,600 --> 00:08:59,280
Vamos a la cabeza en el terminal, sin embargo.

166
00:08:59,280 --> 00:09:02,770
>> Al igual que con su problema pasado
conjuntos, si usted tiene mi -

167
00:09:02,770 --> 00:09:05,130
vamos a hacer esto un poco más grande,
también, para ustedes -

168
00:09:05,130 --> 00:09:06,740
usted tomó mi archivo zip.

169
00:09:06,740 --> 00:09:10,670
Usted probablemente ha descomprimido ella.

170
00:09:10,670 --> 00:09:12,970
Vamos a ir aquí.

171
00:09:12,970 --> 00:09:22,360
Y luego, con suerte, se mudó en
el mismo directorio donde guardó

172
00:09:22,360 --> 00:09:23,540
su problema fijó ocho código.

173
00:09:23,540 --> 00:09:26,780
Y salvo en ese directorio para que yo pueda
acceder a él - o que todos podemos tener acceso a la

174
00:09:26,780 --> 00:09:31,740
código en el navegador Chrome
en nuestro ordenador.

175
00:09:31,740 --> 00:09:36,880
>> Y una vez más, para llegar a ese código,
simplemente escriba la dirección que se encuentra en

176
00:09:36,880 --> 00:09:41,180
la parte inferior, lado derecho de
su aparato, aquí abajo.

177
00:09:41,180 --> 00:09:42,490
A encontrar su dirección IP.

178
00:09:42,490 --> 00:09:45,260
Usted escribe que en el navegador Chrome
en el equipo, y en este caso,

179
00:09:45,260 --> 00:09:49,110
ya que estamos en la carpeta sección nueve,
también tenemos que añadir un

180
00:09:49,110 --> 00:09:51,340
la sección nueve slash.

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

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

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

184
00:09:55,610 --> 00:09:58,980
Voy a minimizar esto, así que no lo hago
hay que seguir accediendo a eso.

185
00:09:58,980 --> 00:10:00,150
>> Así que así es como puedo configurar este código.

186
00:10:00,150 --> 00:10:01,710
Yo ya lo he hecho ya.

187
00:10:01,710 --> 00:10:04,080
Yo no voy a ir a través de los
pasos, porque eso es lo que el

188
00:10:04,080 --> 00:10:06,090
a partir del conjunto de problemas camina
a través de cómo lo hacen.

189
00:10:06,090 --> 00:10:11,520
Así que adelante y obtendrá para establecer este
hasta en un segundo, pero primero vamos a

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

191
00:10:14,740 --> 00:10:15,990
>> Vamos a ver lo que hice.

192
00:10:15,990 --> 00:10:18,340
Traté de conseguir la mayor parte de lo hecho
antes de la clase, pero creo que

193
00:10:18,340 --> 00:10:20,140
era un poco más atrás.

194
00:10:20,140 --> 00:10:22,643
Así que vamos a 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
Y index.html es una muy simple
página porque no lo hice

198
00:10:39,780 --> 00:10:40,630
que desee obtener demasiado loco.

199
00:10:40,630 --> 00:10:43,200
Tenía muchas ganas de asegurarse de que
estaba trabajando, pero supongo que me

200
00:10:43,200 --> 00:10:44,830
no llegó tan lejos.

201
00:10:44,830 --> 00:10:48,600
>> Aquí está la cabeza, lo que viene a la derecha
dentro de esas etiquetas HTML, y nos damos cuenta de

202
00:10:48,600 --> 00:10:50,180
un par de cosas la derecha del palo.

203
00:10:50,180 --> 00:10:55,320
Tenemos el derecho de archivos CSS
aquí y el adecuado

204
00:10:55,320 --> 00:10:57,600
ubicación del archivo CSS.

205
00:10:57,600 --> 00:11:02,080
Tenemos la biblioteca jQuery aquí,
y te darás cuenta de algo diferente

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

207
00:11:03,470 --> 00:11:06,070
La fuente es algo
muy, muy larga.

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

209
00:11:07,500 --> 00:11:12,880
manera se parece a una URL, pero
no duda parecerse

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

211
00:11:15,380 --> 00:11:20,280
>> Y eso es porque decidí que
no quiero tener que descargar el

212
00:11:20,280 --> 00:11:23,750
archivo jQuery, y se arrastra y ahorrar
en mi biblioteca, y estar

213
00:11:23,750 --> 00:11:25,150
responsable de la misma.

214
00:11:25,150 --> 00:11:31,040
Más bien, yo sólo voy a tomar la
Archivo JavaScript que Google anfitriones.

215
00:11:31,040 --> 00:11:34,880
Así que Google en realidad alberga una serie de
bibliotecas, y jQuery, ya que es uno

216
00:11:34,880 --> 00:11:36,930
de los más populares, que alberga
que uno así.

217
00:11:36,930 --> 00:11:40,670
>> Y porque es lo hospeda, no lo hago
tenga que preocuparse por ello, y

218
00:11:40,670 --> 00:11:43,520
actualizarlo, aunque cuando lo hacen actualizarlo
Probablemente voy a tener que cambiar estos

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

220
00:11:44,640 --> 00:11:47,570
Pero eso es sólo para hacer que todo mi archivo
sistema un poco menos limpio.

221
00:11:47,570 --> 00:11:49,380
No me gusta realmente de alojamiento
todos estos archivos.

222
00:11:49,380 --> 00:11:51,780
Es mucho más agradable si Google
tiene que acogerlos para mí.

223
00:11:51,780 --> 00:11:55,180
Así que esto, de nuevo, es conseguir que el conjunto
JavaScript archivo, pero sólo está siendo

224
00:11:55,180 --> 00:11:59,920
organizada por Google en lugar de en mi
sistema de archivos en mi computadora.

225
00:11:59,920 --> 00:12:05,490
>> También vemos que puse en dos más
archivos dolphins.js y trainer.js.

226
00:12:05,490 --> 00:12:07,070
Pronto nos ocuparemos de los de un segundo.

227
00:12:07,070 --> 00:12:10,550
Y, por último, este título aquí.

228
00:12:10,550 --> 00:12:13,980
¿Quién me puede decir lo que este código dentro
estas etiquetas de título, donde

229
00:12:13,980 --> 00:12:18,316
que va en mi página?

230
00:12:18,316 --> 00:12:21,560
>> AUDIENCIA: Al igual que lo que
la barra de herramientas o lo que sea?

231
00:12:21,560 --> 00:12:23,500
>> JASON HIRSCHHORN: Sí, en la pestaña poco
en la parte superior de la ventana de Chrome.

232
00:12:23,500 --> 00:12:25,650
Ahí es donde el texto va.

233
00:12:25,650 --> 00:12:28,680
>> Dentro del cuerpo, como pueda
ver, no hay mucho material aquí.

234
00:12:28,680 --> 00:12:30,900
Tengo sólo tres divs.

235
00:12:30,900 --> 00:12:33,130
Yo les doy algunos identificadores, y
Me puse un poco de texto pulgadas

236
00:12:33,130 --> 00:12:37,350
Pero supongo que es por eso que hacemos no
ver nada por aquí.

237
00:12:37,350 --> 00:12:39,350
En realidad, vemos Dolphin Trainer 2K13.

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

239
00:12:39,810 --> 00:12:42,510
Yo no sé de dónde va a venir de
porque yo no veo que aquí.

240
00:12:42,510 --> 00:12:44,510
Así que tal vez esa es una de
mis archivos JavaScript.

241
00:12:44,510 --> 00:12:46,630
Vamos a comprobar que en un segundo.

242
00:12:46,630 --> 00:12:50,120
>> ¿Puede alguien decirme qué
este ID significa aquí?

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

244
00:12:54,890 --> 00:13:00,210
>> AUDIENCIA: Es una forma de llamar a la
sección específica en el [inaudible]

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

246
00:13:00,440 --> 00:13:01,250
>> JASON HIRSCHHORN: Si.

247
00:13:01,250 --> 00:13:03,980
Es sólo una manera de hacer referencia a
este div particular.

248
00:13:03,980 --> 00:13:07,830
ID son idealmente único.

249
00:13:07,830 --> 00:13:09,150
¿De acuerdo?

250
00:13:09,150 --> 00:13:10,050
Público exigente.

251
00:13:10,050 --> 00:13:12,690
Por lo tanto, los identificadores son generalmente único.

252
00:13:12,690 --> 00:13:15,210
Usted les da a uno específico
elemento en el código.

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

254
00:13:18,040 --> 00:13:21,540
>> ¿Qué pasa si yo quería hacer referencia a un número
de los elementos, ya sea para CSS

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

256
00:13:23,350 --> 00:13:25,610
¿Qué atributo puedo darles?

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

258
00:13:26,330 --> 00:13:27,270
>> JASON HIRSCHHORN: Una clase, exactamente.

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

260
00:13:28,480 --> 00:13:32,610
>> OK, así index.html, de nuevo,
No hay mucho que hacer aquí.

261
00:13:32,610 --> 00:13:42,550
Así que vamos a abrir otro archivo.

262
00:13:42,550 --> 00:13:43,930
Vamos a ver lo que tengo.

263
00:13:43,930 --> 00:13:44,700
Eso es todo lo que tengo aquí.

264
00:13:44,700 --> 00:13:48,455
Vamos a entrar en la carpeta JS.

265
00:13:48,455 --> 00:13:51,570
No me voy a preocupar por
la CSS por ahora.

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

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

268
00:13:56,900 --> 00:13:58,150
O más bien -

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
Así, dolphins.js, que en realidad se ve
muy similar a algunos de los códigos que

272
00:14:07,650 --> 00:14:10,210
se les dio en el problema fijó ocho.

273
00:14:10,210 --> 00:14:12,870
Puede desplazarse a través de ella.

274
00:14:12,870 --> 00:14:15,730
¿Alguien puede decirme, sin embargo,
lo que es DELFINES?

275
00:14:15,730 --> 00:14:16,840
Esta todas mayúsculas delfines?

276
00:14:16,840 --> 00:14:17,810
¿Qué es eso?

277
00:14:17,810 --> 00:14:19,810
¿Qué tipo de datos es eso?

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

279
00:14:20,570 --> 00:14:22,560
>> JASON HIRSCHHORN: Es una matriz.

280
00:14:22,560 --> 00:14:25,280
Y sabemos que es una matriz porque
ver estos corchetes aquí.

281
00:14:25,280 --> 00:14:29,335
Y otra persona, lo que es
es una serie de?

282
00:14:29,335 --> 00:14:30,229
>> AUDIENCIA: Objetos?

283
00:14:30,229 --> 00:14:32,900
>> JASON HIRSCHHORN: Es
una matriz de objetos.

284
00:14:32,900 --> 00:14:33,740
Y usted puede ver eso.

285
00:14:33,740 --> 00:14:35,996
¿Y cómo sabes que es
una matriz de objetos?

286
00:14:35,996 --> 00:14:41,105
>> AUDIENCIA: Debido a que usted tiene esta de colon
arranque entre llaves?

287
00:14:41,105 --> 00:14:41,700
>> JASON HIRSCHHORN: Así es.

288
00:14:41,700 --> 00:14:44,760
Así que tengo esas llaves aquí,
y entonces usted puede ver la coma

289
00:14:44,760 --> 00:14:47,830
separar los diferentes
objetos en esta matriz.

290
00:14:47,830 --> 00:14:52,040
Y luego dentro de cada objeto, tengo
algo colon y algo más.

291
00:14:52,040 --> 00:14:54,920
Y lo que es en general esta primera parte,
la cosa a la izquierda de los dos puntos?

292
00:14:54,920 --> 00:14:57,070
Lo que se llama eso?

293
00:14:57,070 --> 00:14:57,450
Genéricamente?

294
00:14:57,450 --> 00:14:59,090
¿Cómo nos referimos a eso?

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

296
00:15:00,335 --> 00:15:02,810
>> JASON HIRSCHHORN: Índice, o probablemente
más generalmente, la tecla.

297
00:15:02,810 --> 00:15:04,750
Y luego en la mano derecha
lado, el valor.

298
00:15:04,750 --> 00:15:05,670
Así índice, clave.

299
00:15:05,670 --> 00:15:07,590
Pero si estamos hablando de aquellos que,
generalmente nos referimos a la cosa en

300
00:15:07,590 --> 00:15:08,770
el lado izquierdo.

301
00:15:08,770 --> 00:15:11,450
>> En una matriz simple, de nuevo,
teníamos í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
Y en delfines, tendremos delfín 0,
delfines 1, 2 delfines, delfines 3,

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

308
00:15:18,640 --> 00:15:24,900
Tenemos también, dentro de este objeto, que
en general no hacer referencia a las cosas.

309
00:15:24,900 --> 00:15:29,460
O si sólo tenemos este objeto correcto
aquí, no vamos a decir que el objeto 0,

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

311
00:15:30,480 --> 00:15:35,460
Vamos a decir el nombre de objeto o
tipo de objeto, la duración de objetos, etcétera.

312
00:15:35,460 --> 00:15:38,120
Y así es como vamos a llegar al valor
en el lado de la mano derecha.

313
00:15:38,120 --> 00:15:41,460
Así que si nos dijo el nombre del objeto, por ejemplo,
que iba a conseguir esta cadena,

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

315
00:15:43,200 --> 00:15:47,510
>> Así como ustedes han dicho a mí, delfines
es simplemente un conjunto de objetos.

316
00:15:47,510 --> 00:15:49,875
Y ves todos los objetos
tener un nombre, un tipo, un género.

317
00:15:49,875 --> 00:15:51,920
¿Eso pronuncia correctamente?

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

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

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

321
00:15:53,935 --> 00:15:55,465
>> Una longitud, un peso.

322
00:15:55,465 --> 00:15:56,620
¿Eso pronuncia correctamente?

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

324
00:15:57,340 --> 00:16:01,870
Y una foto, solo una URL
a algunos archivos en línea.

325
00:16:01,870 --> 00:16:05,700
Y justo aquí, cerramos la matriz,
allá abajo en el lado izquierdo muy

326
00:16:05,700 --> 00:16:06,930
lado de mi pantalla.

327
00:16:06,930 --> 00:16:08,543
Así que eso es todo el dolphins.js es.

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

329
00:16:17,310 --> 00:16:18,530
>> Oh, Dios mío.

330
00:16:18,530 --> 00:16:19,530
Esto lo explica.

331
00:16:19,530 --> 00:16:20,930
Pensé que habíamos terminado
todo, pero mirada.

332
00:16:20,930 --> 00:16:22,840
Hay toda clase de Todos.

333
00:16:22,840 --> 00:16:25,500
Bueno, espero que podamos
hacer todo esto junto.

334
00:16:25,500 --> 00:16:27,540
Pero primero vamos, antes de que hagamos
que, sólo a pie a través de

335
00:16:27,540 --> 00:16:29,190
este código muy rápidamente.

336
00:16:29,190 --> 00:16:33,600
>> Así que como he mencionado, nos vemos en el mismo
a partir de esta línea que tenía en el

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

338
00:16:36,030 --> 00:16:38,710
Y básicamente lo que va a
hacer es esperar hasta que todo en su

339
00:16:38,710 --> 00:16:42,690
páginas se ha cargado, así que espere hasta
es todo arreglo, todo está bien

340
00:16:42,690 --> 00:16:45,490
ir, y luego comenzar a ejecutar
este código.

341
00:16:45,490 --> 00:16:49,230
Así que si usted necesita para ejecutar algo de PHP, si
usted necesita para obtener algunas imágenes,

342
00:16:49,230 --> 00:16:53,280
sea ​​lo que sea, todo el código ha sido
configurado y listo para ir a su página de índice

343
00:16:53,280 --> 00:16:56,270
o lo que la página se ha cargado,
y ahora vas a empezar

344
00:16:56,270 --> 00:16:58,810
ejecutar su código.

345
00:16:58,810 --> 00:17:02,020
>> Así que lo primero que hacemos es
hemos creado esta matriz.

346
00:17:02,020 --> 00:17:04,599
Y yo no tengo la palabra clave var
allí, así que ¿cuál es la

347
00:17:04,599 --> 00:17:05,650
ámbito de aplicación de esta matriz?

348
00:17:05,650 --> 00:17:06,530
>> AUDIENCIA: Es global.

349
00:17:06,530 --> 00:17:09,730
>> JASON HIRSCHHORN: Es global, por lo que
ocean_array se puede acceder desde

350
00:17:09,730 --> 00:17:11,380
en cualquier lugar en este archivo.

351
00:17:11,380 --> 00:17:14,130
>> Y luego vemos este bucle for.

352
00:17:14,130 --> 00:17:18,930
No dice foreach, pero esto
es esencialmente un bucle foreach.

353
00:17:18,930 --> 00:17:24,010
Y esto es sólo la versión de JavaScript
por lo que para cada delfín var en los delfines,

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

355
00:17:25,780 --> 00:17:30,260
A pesar de que, de nuevo, JavaScript no hace
tener estos tipos de datos en sí, lo que

356
00:17:30,260 --> 00:17:31,335
tipo de datos es el delfín?

357
00:17:31,335 --> 00:17:32,460
>> AUDIENCIA: Objeto.

358
00:17:32,460 --> 00:17:34,290
>> JASON HIRSCHHORN: Es un objeto.

359
00:17:34,290 --> 00:17:37,590
Estamos recibiendo cada objeto
en la matriz de los delfines.

360
00:17:37,590 --> 00:17:42,630
Así que aquí, parece que me olvidé de
poner todos estos delfines de nuestra

361
00:17:42,630 --> 00:17:46,300
DELFINES gigantes piensan en el
ocean_array, por lo que probablemente debería hacer

362
00:17:46,300 --> 00:17:47,410
que primero.

363
00:17:47,410 --> 00:17:50,880
>> Y entonces, algo que se llama
esta variable piscina.

364
00:17:50,880 --> 00:17:52,490
Estoy estableciéndola en null.

365
00:17:52,490 --> 00:17:55,080
Y entonces yo llamo a esta función
draw_ocean.

366
00:17:55,080 --> 00:17:56,580
Entreno un delfín cuando su
la imagen se hace clic en -

367
00:17:56,580 --> 00:17:58,140
Yo no he hecho eso - y
establecer un libre de delfín cuando

368
00:17:58,140 --> 00:17:59,530
se hace clic en el botón.

369
00:17:59,530 --> 00:18:01,550
>> Así que estas son las cosas que tengo que hacer.

370
00:18:01,550 --> 00:18:04,770
Supongo que debería darte un poco de
antecedentes sobre lo que yo estaba tratando de hacer.

371
00:18:04,770 --> 00:18:08,930
Así que si vamos aquí, lo que realmente quería
esto se vea como era un arreglo de discos hasta

372
00:18:08,930 --> 00:18:12,740
aquí, en lugar de lo que dice "TODO:" Yo
quería una mesa, en esencia, con la

373
00:18:12,740 --> 00:18:14,750
fotos de todos los delfines.

374
00:18:14,750 --> 00:18:18,150
Y a continuación, al hacer clic en una imagen,
Quería que lo dejó en

375
00:18:18,150 --> 00:18:21,320
la mitad inferior de la pantalla y dar
toda la información sobre el mismo, y

376
00:18:21,320 --> 00:18:24,170
que sería el delfín en la piscina,
el delfín que estaba entrenando.

377
00:18:24,170 --> 00:18:25,040
>> Así que pensé que sería genial.

378
00:18:25,040 --> 00:18:27,980
Usted tiene todos estos delfines en el océano
aquí, a continuación, haga clic en uno,

379
00:18:27,980 --> 00:18:30,230
y se iría a la piscina, y
entonces usted podría entrenarlo.

380
00:18:30,230 --> 00:18:31,590
Así que eso es lo que yo estaba tratando de hacer.

381
00:18:31,590 --> 00:18:33,890
Y entonces habría un botón aquí abajo
en la piscina, y puede hacer clic,

382
00:18:33,890 --> 00:18:36,950
así como: "Set Free", y puede establecer el
delfín libre, y volvería

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

384
00:18:38,030 --> 00:18:40,390
>> Así que eso es lo que estaba tratando de crear,
pero de nuevo, voy a necesitar su ayuda

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

386
00:18:41,490 --> 00:18:44,790
Así que espero que, algunas de estas palabras clave
o algunos de estos términos se iniciará

387
00:18:44,790 --> 00:18:47,890
tener sentido ahora, en el contexto
de este programa.

388
00:18:47,890 --> 00:18:49,640
>> Sigamos buscando a través de este archivo.

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

390
00:18:50,830 --> 00:18:56,650
Es la única función que llamamos
desde la sección document.ready.

391
00:18:56,650 --> 00:19:01,600
Así que llamamos a esta función draw_ocean y
todo apunta a que crea una cadena,

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

393
00:19:03,010 --> 00:19:06,790
Algo a poner en la cadena, añade más
cosas para la cadena, añade más

394
00:19:06,790 --> 00:19:11,750
cosas de la cadena, y
entonces esta línea de código.

395
00:19:11,750 --> 00:19:14,270
Yo digo que imprime la cadena de HTML.

396
00:19:14,270 --> 00:19:19,230
Y alguien me explique lo
esta línea de código hace?

397
00:19:19,230 --> 00:19:21,800
Bueno, primero que nada, lo que hace
significa que el signo de dólar?

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

399
00:19:26,550 --> 00:19:30,914
No es una variable de PHP, pero lo
quiere decir que el signo de dólar?

400
00:19:30,914 --> 00:19:34,680
>> AUDIENCIA: integración en el ID de HTML -

401
00:19:34,680 --> 00:19:37,220
es como si se vincula con el código HTML?

402
00:19:37,220 --> 00:19:38,430
>> JASON HIRSCHHORN: ¿Qué pasa
que el signo de dólar?

403
00:19:38,430 --> 00:19:40,662
¿Qué indica el signo del dólar?

404
00:19:40,662 --> 00:19:43,364
>> AUDIENCIA: integración en el HTML de alguna manera?

405
00:19:43,364 --> 00:19:46,630
>> JASON HIRSCHHORN: ¿Dónde hemos visto
este signo de dólar antes de JavaScript?

406
00:19:46,630 --> 00:19:47,920
Lo vimos en la conferencia.

407
00:19:47,920 --> 00:19:48,360
Hemos hablado de ello.

408
00:19:48,360 --> 00:19:50,150
¿Qué significa el signo del dólar?

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
Esto tiene algo que ver con jQuery.

412
00:19:54,270 --> 00:19:59,310
Este signo del dólar significa que estoy utilizando
una función de biblioteca jQuery aquí.

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

414
00:20:00,980 --> 00:20:04,560
>> Así que escribimos el signo del dólar, y luego
tenemos este paren abierto y cerrado

415
00:20:04,560 --> 00:20:09,150
paren, y en su interior, lo que pasa
en el interior hay cuando se está utilizando un

416
00:20:09,150 --> 00:20:13,380
función de la biblioteca jQuery, o eres
utilizando la librería jQuery?

417
00:20:13,380 --> 00:20:14,690
Una vez más, que lo vio en la conferencia.

418
00:20:14,690 --> 00:20:16,840
¿Puede alguien darme - y usted
También ver algo aquí.

419
00:20:16,840 --> 00:20:18,090
Lo que va dentro de allí?

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

421
00:20:22,220 --> 00:20:23,550
>> Jeff, dame una suposición.

422
00:20:23,550 --> 00:20:27,000
¿Qué se parece esto, # océano?

423
00:20:27,000 --> 00:20:28,270
¿Dónde hemos visto esto antes?

424
00:20:28,270 --> 00:20:29,920
>> AUDIENCIA: ¿Es una biblioteca
o algo así?

425
00:20:29,920 --> 00:20:30,720
No tengo ni idea.

426
00:20:30,720 --> 00:20:36,420
>> JASON HIRSCHHORN: Bueno, vamos a
me abro punto índice -

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

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

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

430
00:20:46,600 --> 00:20:50,870
¿Dónde hemos visto el hashtag # océano
océano, la sintaxis antes?

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

432
00:20:53,490 --> 00:20:53,950
¿Sí?

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
Así que queríamos el estilo de algo,
recuerde que nosotros pondríamos la CSS hashtag

436
00:21:00,720 --> 00:21:05,360
selector de, o hashtag océano, por ejemplo,
y todo el formato

437
00:21:05,360 --> 00:21:09,270
que hemos querido dar a la cosa
con ocean ID pongamos dentro de allí.

438
00:21:09,270 --> 00:21:15,470
>> Así que aquí dentro no es CSS
selector va en aquí.

439
00:21:15,470 --> 00:21:17,630
jQuery define su propio
tipo de selectores.

440
00:21:17,630 --> 00:21:21,650
Pero es la misma idea, y de hecho
muchos de ellos se superponen con CSS.

441
00:21:21,650 --> 00:21:24,710
Así que dentro de estos paréntesis abiertos,
poner un selector, y sea cual sea el

442
00:21:24,710 --> 00:21:28,670
selector se refiere, eso es lo que
usted va a estar usando.

443
00:21:28,670 --> 00:21:32,320
>> Así que en este caso, estoy
seleccionar ID océano.

444
00:21:32,320 --> 00:21:33,690
Si tuviera una clase -

445
00:21:33,690 --> 00:21:38,830
digamos que tengo una clase de cosas
llamado "imágenes", y me doy de que a un

446
00:21:38,830 --> 00:21:45,662
gran cantidad de elementos, ¿cómo hago referencia
una clase de cosas llamadas "imágenes?"

447
00:21:45,662 --> 00:21:47,110
>> AUDIENCIA: Creo que fue punto.

448
00:21:47,110 --> 00:21:48,140
>> JASON HIRSCHHORN: Con un punto.

449
00:21:48,140 --> 00:21:50,830
Así que si en vez pongo imágenes de punto de aquí,
Eso me daría la clase de

450
00:21:50,830 --> 00:21:51,980
cosas llamadas "imágenes".

451
00:21:51,980 --> 00:21:54,810
>> Por supuesto, esto es muy poderoso, y
puede hacer referencia a un montón de cosas.

452
00:21:54,810 --> 00:21:59,970
De hecho, podría hacer referencia básicamente
cualquier etiqueta de HTML.

453
00:21:59,970 --> 00:22:04,630
Así que si yo quería hacer eso, td, que es
una etiqueta que hemos visto antes, cuando

454
00:22:04,630 --> 00:22:05,750
la creación de una mesa.

455
00:22:05,750 --> 00:22:10,060
Probablemente usted está familiarizado con
que a partir de P puesto siete.

456
00:22:10,060 --> 00:22:12,470
En este caso, en realidad va
para seleccionar todos.

457
00:22:12,470 --> 00:22:14,920
Va a darme array
de todas las etiquetas td.

458
00:22:14,920 --> 00:22:16,760
Pero eso puede ser un poco abrumador,
así que aquí para allá ahora mismo estamos

459
00:22:16,760 --> 00:22:19,390
voy a quedar a sólo
referencia a los identificadores.

460
00:22:19,390 --> 00:22:23,510
>> Así que lo que esto hace, de nuevo, es
que obtiene, en este caso -

461
00:22:23,510 --> 00:22:23,970
Lo siento.

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

463
00:22:27,020 --> 00:22:33,510
Es un océano, en lugar del ID del océano
hace referencia a un div, por lo que esta parte de este

464
00:22:33,510 --> 00:22:37,130
línea de código obtiene ese div.

465
00:22:37,130 --> 00:22:42,610
>> Y entonces este punto significa que estoy llamando
una función, y el nombre de ese

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

467
00:22:44,460 --> 00:22:48,725
Y esa es la abreviatura de, si ustedes lo vieron
antes, muestra de dólar, documento, dot obtener

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

469
00:22:52,200 --> 00:22:54,350
Esto es sólo la versión de jQuery.

470
00:22:54,350 --> 00:22:57,200
Así la función de HTML sólo
obtiene el código HTML interno.

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

472
00:22:58,920 --> 00:23:03,690
Así que de nuevo, si miramos hacia atrás aquí, vamos a
ver que no hay código HTML interno.

473
00:23:03,690 --> 00:23:07,990
Y así, si lo hiciera, lo haría
estar tratando de conseguir el código HTML.

474
00:23:07,990 --> 00:23:10,390
Cuando escribo esto, estoy
establecer el código HTML.

475
00:23:10,390 --> 00:23:13,110
Así que estoy pasando esta función para cuerda,
la cadena que he creado

476
00:23:13,110 --> 00:23:18,560
aquí, y diciendo que poner
dentro de la div océano.

477
00:23:18,560 --> 00:23:18,980
¿Sí?

478
00:23:18,980 --> 00:23:21,550
>> AUDIENCIA: Cuando usted consigue el
HTML, que es sólo el

479
00:23:21,550 --> 00:23:22,972
una copia si, ¿no?

480
00:23:22,972 --> 00:23:25,070
Usted no está de extraerlo.

481
00:23:25,070 --> 00:23:25,710
>> JASON HIRSCHHORN: Así es.

482
00:23:25,710 --> 00:23:28,640
Si yo lo hice y quería
para guardar esto en var -

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

484
00:23:31,120 --> 00:23:34,840
Eso ayudaría a difundir toda la información que
estaba allí y guardarlo en otro

485
00:23:34,840 --> 00:23:35,800
variables, hacer una copia del mismo.

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

487
00:23:36,384 --> 00:23:37,634
Lo tengo.

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

489
00:23:39,900 --> 00:23:43,860
>> JASON HIRSCHHORN: Así que creó algunos
HTML, salvo que en la cadena.

490
00:23:43,860 --> 00:23:44,590
Ahorramos un poco más.

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

492
00:23:47,720 --> 00:23:51,300
Así que eso es probablemente donde estamos
conseguir que el TODO de cuando

493
00:23:51,300 --> 00:23:52,730
entramos en nuestra página.

494
00:23:52,730 --> 00:23:56,610
Y, de hecho, si hago clic derecho en TODO,
Inspeccionar Elemento, hablamos de

495
00:23:56,610 --> 00:23:57,240
esta semana pasada.

496
00:23:57,240 --> 00:24:02,400
Así fue como pudimos ver el código HTML
estructura de nuestra página.

497
00:24:02,400 --> 00:24:03,980
>> Se dará cuenta de que aquí abajo -

498
00:24:03,980 --> 00:24:05,230
vamos a hacer esto un poco más grande, también -

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

500
00:24:08,060 --> 00:24:11,390
tenemos nuestra ocean ID div aquí.

501
00:24:11,390 --> 00:24:14,390
Todo el mundo ve que la línea de código?

502
00:24:14,390 --> 00:24:16,330
Y eso es lo que los tipos
en index.html.

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

504
00:24:18,880 --> 00:24:30,430
>> Dentro de ella, vemos ahora esto
línea de la tabla de código.

505
00:24:30,430 --> 00:24:34,800
Y lo que esa línea de la tabla de código es,
este es el código que acaba de insertar en

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

507
00:24:35,770 --> 00:24:39,650
Y es que mirar dentro de él, nunca
colgroup y tbody con tipo.

508
00:24:39,650 --> 00:24:42,330
Que se ha añadido para nosotros porque
hicimos algunas cosas de lujo.

509
00:24:42,330 --> 00:24:47,590
Pero te darás cuenta de que hay la tr,
ahí está el td con TODO.

510
00:24:47,590 --> 00:24:50,680
>> Así que parece que, de nuevo, el
código que hemos escrito aquí.

511
00:24:50,680 --> 00:24:52,300
Eso es exactamente lo que este
línea estaba haciendo.

512
00:24:52,300 --> 00:24:56,940
Estaba tomando nuestra cadena HTML y
poniéndolo dentro de este div aquí.

513
00:24:56,940 --> 00:24:59,010
En un principio no tiene nada.

514
00:24:59,010 --> 00:25:01,660
Esta página se carga.

515
00:25:01,660 --> 00:25:03,160
Signo de dólar, document.ready.

516
00:25:03,160 --> 00:25:04,490
Esto comienza a ejecutar.

517
00:25:04,490 --> 00:25:08,010
Llamamos a la función draw_ocean y
dentro de la función draw_ocean tomamos

518
00:25:08,010 --> 00:25:10,010
este código HTML y ponerlo dentro de ese div.

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

520
00:25:12,860 --> 00:25:14,230
>> Ya pasamos por
mucho allí.

521
00:25:14,230 --> 00:25:16,270
¿Alguien tiene alguna pregunta
acerca de eso?

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

523
00:25:19,050 --> 00:25:21,110
O cómo funciona, o jQuery?

524
00:25:21,110 --> 00:25:25,190
Porque si usted entiende que, a continuación,
jQuery debe venir con suerte

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

526
00:25:25,760 --> 00:25:26,780
¿Sí?

527
00:25:26,780 --> 00:25:29,370
>> AUDIENCIA: Lo que había en el interior del
paréntesis bajo la impresión HTML

528
00:25:29,370 --> 00:25:32,150
cadena, que es el nombre de
la variable HTML que

529
00:25:32,150 --> 00:25:32,815
han declarado antes?

530
00:25:32,815 --> 00:25:33,890
>> JASON HIRSCHHORN: Esto de aquí?

531
00:25:33,890 --> 00:25:34,440
>> AUDIENCIA: Sí

532
00:25:34,440 --> 00:25:34,720
>> JASON HIRSCHHORN: Si.

533
00:25:34,720 --> 00:25:36,600
AUDIENCIA: Así que si usted había llamado que
algo más, ese algo más

534
00:25:36,600 --> 00:25:37,590
era lo que se ponga aquí.

535
00:25:37,590 --> 00:25:38,335
>> JASON HIRSCHHORN: Exactamente.

536
00:25:38,335 --> 00:25:39,740
Y eso es un buen punto.

537
00:25:39,740 --> 00:25:42,600
Esto es un poco confuso porque
Tengo HTML, html.

538
00:25:42,600 --> 00:25:46,930
Esta aquí adentro es el nombre de mi
variables, y esto de aquí es el

539
00:25:46,930 --> 00:25:48,680
nombre de la función jQuery.

540
00:25:48,680 --> 00:25:52,090
>> AUDIENCIA: Pero para que el jQuery
funcionar a trabajar, usted tiene que darle

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

542
00:25:53,295 --> 00:25:55,030
>> JASON HIRSCHHORN: Exactamente.

543
00:25:55,030 --> 00:25:56,530
O usted tiene que darle una cadena.

544
00:25:56,530 --> 00:26:00,840
Pondrá esa cadena en el interior
del div o lo que sea.

545
00:26:00,840 --> 00:26:01,670
Esto es sólo una cadena.

546
00:26:01,670 --> 00:26:05,590
No sé que es HTML, pero
obviamente formatearlo con el 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
¿Eso responde la pregunta?

549
00:26:08,760 --> 00:26:09,480
>> AUDIENCIA: Si.

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

551
00:26:10,120 --> 00:26:10,590
¿Sí?

552
00:26:10,590 --> 00:26:14,380
>> AUDIENCIA: ¿Qué pasa si el océano se hace referencia
a un botón o algo así?

553
00:26:14,380 --> 00:26:16,250
¿Qué haría el. HTML?

554
00:26:16,250 --> 00:26:18,086
¿Cambiaría eso la
texto del botón?

555
00:26:18,086 --> 00:26:23,610
>> JASON HIRSCHHORN: Entonces la pregunta es
lo que si se refiriera a un botón?

556
00:26:23,610 --> 00:26:25,970
Se va a cambiar el interior
HTML de algo.

557
00:26:25,970 --> 00:26:29,250
Así que si tiene una etiqueta de apertura y un cierre
etiqueta, pondrá algo intermedio

558
00:26:29,250 --> 00:26:30,610
la etiqueta de apertura y cierre.

559
00:26:30,610 --> 00:26:33,280
Si no hay apertura y cierre
etiqueta, no va a hacer nada.

560
00:26:33,280 --> 00:26:35,040
>> AUDIENCIA: Es, literalmente, una copia
y pegar tipo de cosas?

561
00:26:35,040 --> 00:26:35,732
>> JASON HIRSCHHORN: Si.

562
00:26:35,732 --> 00:26:39,175
Copia y pega algo de
cualquiera que sea la variable lo paso, el

563
00:26:39,175 --> 00:26:41,410
string lo paso, dentro de los
etiquetas de apertura y cierre.

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

565
00:26:44,460 --> 00:26:45,270
>> Vamos a ver aquí abajo.

566
00:26:45,270 --> 00:26:48,950
Oh, Dios mío. draw_pool no lo hizo
hacer nada bien allí.

567
00:26:48,950 --> 00:26:50,580
Eso es un fastidio.

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

569
00:26:51,640 --> 00:26:54,290
OK, así que no hay mucho más aparte de eso.

570
00:26:54,290 --> 00:26:56,652
>> Así que vamos a empezar, y
vamos a solucionar esto.

571
00:26:56,652 --> 00:27:01,780
Voy a necesitar todo el mundo de
ayudar a hacer esto.

572
00:27:01,780 --> 00:27:04,030
No hay realidad que muchas líneas
de código, creo yo, a escribir.

573
00:27:04,030 --> 00:27:07,270
Creo que lo hice hace un par de años
para la versión 2K12, y hay

574
00:27:07,270 --> 00:27:08,880
no debe ser el número de líneas
de código para escribir.

575
00:27:08,880 --> 00:27:09,230
No debería haber eliminado ese código.

576
00:27:09,230 --> 00:27:10,920
Debería haber guardado.

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

578
00:27:11,900 --> 00:27:14,170
>> De todos modos, vamos a empezar.

579
00:27:14,170 --> 00:27:18,850
Así que estoy en esta matriz, o estoy en esta
línea, y yo tengo mi ocean_array.

580
00:27:18,850 --> 00:27:24,110
Y quiero poner todo esto,
todo de este archivo, en mi

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

582
00:27:25,170 --> 00:27:27,390
Entonces, ¿cómo puedo tomar todo de
allí, y lo puso en la

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

584
00:27:27,630 --> 00:27:29,390
Es una línea de código.

585
00:27:29,390 --> 00:27:32,530
¿Quién me puede dar esa línea de código o
dime, tener alguna idea de lo que esa línea

586
00:27:32,530 --> 00:27:33,755
de código debería hacer?

587
00:27:33,755 --> 00:27:36,350
¿Por qué no podemos empezar por aquí, y luego vamos a
seguir avanzando por la habitación

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

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

590
00:27:37,780 --> 00:27:38,890
¿Qué es primero?

591
00:27:38,890 --> 00:27:41,165
>> AUDIENCIA: Ocean_array,
soporte, el delfín.

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

593
00:27:47,120 --> 00:27:50,380
Igual DELFINES, soporte, delfín?

594
00:27:50,380 --> 00:27:52,265
DELFINES con un capital de todo.

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

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

597
00:27:58,210 --> 00:28:00,250
Vamos a caminar a través de la sintaxis.

598
00:28:00,250 --> 00:28:04,260
Justo aquí, esto es como un bucle foreach,
por lo que en realidad está haciendo un montón de

599
00:28:04,260 --> 00:28:05,180
cosas para nosotros.

600
00:28:05,180 --> 00:28:07,220
Y los delfines es un objeto.

601
00:28:07,220 --> 00:28:09,790
Así que no tenemos que escribir algo
como los delfines, delfines, porque

602
00:28:09,790 --> 00:28:12,480
delfín sí mismo es el
objeto que yo quiero.

603
00:28:12,480 --> 00:28:13,495
No es el índice.

604
00:28:13,495 --> 00:28:14,510
¿Eso tiene sentido?

605
00:28:14,510 --> 00:28:15,830
>> AUDIENCIA: Si.

606
00:28:15,830 --> 00:28:18,870
>> JASON HIRSCHHORN: Entonces, ¿cómo
proponer el cambio de su código?

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

608
00:28:23,110 --> 00:28:24,360
Si sabemos que se nos da el índice?

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

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

611
00:28:35,240 --> 00:28:36,100
Eres bueno.

612
00:28:36,100 --> 00:28:41,180
Pero, ¿cómo -

613
00:28:41,180 --> 00:28:43,740
déjame hacerte una pregunta diferente.

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

615
00:28:46,485 --> 00:28:47,400
vamos a realmente escribir esto.

616
00:28:47,400 --> 00:28:48,170
No importa.

617
00:28:48,170 --> 00:28:49,080
Vamos a escribir esto.

618
00:28:49,080 --> 00:28:49,910
Eso es genial.

619
00:28:49,910 --> 00:28:50,440
Lo siento.

620
00:28:50,440 --> 00:28:52,790
Estaba muy confuso allí.

621
00:28:52,790 --> 00:28:55,910
>> Dejemos que hay por ahora, y
vamos a volver a entrenar a un delfín,

622
00:28:55,910 --> 00:28:56,480
el establecimiento de un delfín.

623
00:28:56,480 --> 00:28:59,840
Vamos a arreglar primero este océano dibujo
función, y vamos a volver a

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

625
00:29:00,930 --> 00:29:03,490
Pero hasta ahora, todo bien.

626
00:29:03,490 --> 00:29:06,290
>> Echemos un vistazo en el interior draw_ocean.

627
00:29:06,290 --> 00:29:09,500
La línea que parece estar mal es este
"almacenar imágenes de delfines en

628
00:29:09,500 --> 00:29:13,320
el océano en una cadena HTML. "Y justo
ahora, al igual que TODO, pero

629
00:29:13,320 --> 00:29:17,230
realmente quiere poner a los delfines
imágenes en el océano.

630
00:29:17,230 --> 00:29:21,780
Entonces, ¿qué, Noah, ¿crees que es
lo primero que debería hacer?

631
00:29:21,780 --> 00:29:24,570
Si quiero ir a través de todo el
matriz, lo que es lo primero

632
00:29:24,570 --> 00:29:25,270
Lo que debería hacer?

633
00:29:25,270 --> 00:29:26,713
>> AUDIENCIA: Necesitamos
crear un bucle.

634
00:29:26,713 --> 00:29:27,610
>> JASON HIRSCHHORN: Un bucle for.

635
00:29:27,610 --> 00:29:29,740
Y lo que debería que
bucle parece?

636
00:29:29,740 --> 00:29:30,990
>> AUDIENCIA: A -

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

638
00:29:36,660 --> 00:29:40,940
tenemos que ir a través de cada uno de los delfines
en la matriz océano.

639
00:29:40,940 --> 00:29:47,093
Así que para los delfines en var -

640
00:29:47,093 --> 00:29:48,830
se puede escribir array 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 eso es correcto.

645
00:30:04,495 --> 00:30:06,280
>> JASON HIRSCHHORN: Vamos a seguir con
que, por ahora, y luego vamos a

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

647
00:30:07,060 --> 00:30:09,055
Y tú vas a ser responsable
para esa línea.

648
00:30:09,055 --> 00:30:11,260
Así que tengo por el bucle for.

649
00:30:11,260 --> 00:30:12,560
Michael, eres ahora.

650
00:30:12,560 --> 00:30:15,896
¿Qué debo hacer ahora?

651
00:30:15,896 --> 00:30:23,045
>> AUDIENCIA: Usted tendría que tomar la
almacenar imágenes de delfines.

652
00:30:23,045 --> 00:30:25,830
>> JASON HIRSCHHORN: Entonces, ¿dónde
es que almacena?

653
00:30:25,830 --> 00:30:28,318
>> AUDIENCIA: En la matriz de delfines?

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

655
00:30:33,298 --> 00:30:36,650
>> JASON HIRSCHHORN: Estoy confundido ahora
demasiado acerca de lo que está pasando.

656
00:30:36,650 --> 00:30:38,380
Vamos a averiguar cómo podemos hacer debug
esto, y luego me iré

657
00:30:38,380 --> 00:30:40,700
de nuevo a usted, ¿de acuerdo?

658
00:30:40,700 --> 00:30:43,920
¿Cuál es el equivalente de
printf en JavaScript?

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

660
00:30:44,813 --> 00:30:47,315
>> AUDIENCIA: Es un documento que escribió?

661
00:30:47,315 --> 00:30:50,020
>> JASON HIRSCHHORN: O cómo puede
Veo algo en el

662
00:30:50,020 --> 00:30:51,200
consolar abajo en el fondo?

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
Así que hagámoslo console.log, y de que vamos
sólo hay que poner "delfín" en, OK?

666
00:30:59,810 --> 00:31:02,710
Lo ideal sería que si esto funciona, vamos a
tener - vamos a ver, allá en ese archivo

667
00:31:02,710 --> 00:31:06,030
dolphins.js, había seis delfines,
así que debería obtener seis o algo

668
00:31:06,030 --> 00:31:08,180
ojalá impreso a
la consola, ¿verdad?

669
00:31:08,180 --> 00:31:11,850
Ahí es donde estamos tan lejos porque nos
hizo la línea de Kurt aquí, y luego

670
00:31:11,850 --> 00:31:14,630
hizo Noé bucle for, y tenemos este
line, así que espero que deberíamos ver seis

671
00:31:14,630 --> 00:31:16,120
cosas impresas en la consola.

672
00:31:16,120 --> 00:31:22,032
Así que vamos a ir aquí, vamos a abrir nuestra
consolar y refrescar la página.

673
00:31:22,032 --> 00:31:27,290
>> Aceptar, por lo que parece
vimos seis índices.

674
00:31:27,290 --> 00:31:28,390
Cero, uno, dos, tres,
cuatro cinco, sí.

675
00:31:28,390 --> 00:31:30,486
>> AUDIENCIA: ¿Cómo se llega a
esa página dentro de tu -

676
00:31:30,486 --> 00:31:32,260
>> JASON HIRSCHHORN: ¿cómo obtengo
a esta cosa aquí abajo?

677
00:31:32,260 --> 00:31:35,830
>> AUDIENCIA: No, la página de Chrome en el interior
[Inaudible] aparato.

678
00:31:35,830 --> 00:31:36,892
¿Podemos ver eso o no?

679
00:31:36,892 --> 00:31:38,220
>> JASON HIRSCHHORN: Esta Chrome
página de aquí?

680
00:31:38,220 --> 00:31:38,490
>> AUDIENCIA: Si.

681
00:31:38,490 --> 00:31:43,180
>> JASON HIRSCHHORN: Así que al igual que en conjunto P
ocho, he abierto una ventana de Chrome

682
00:31:43,180 --> 00:31:46,410
en mi escritorio, en mi
Escritorio del ordenador Macintosh.

683
00:31:46,410 --> 00:31:51,980
Y si usted nota aquí este URL para arriba en
la parte superior izquierda, que coincide con esta IP

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

685
00:31:54,630 --> 00:31:58,000
Así que para hacer esto, sin embargo, el principio
del problema de especificaciones establecer que camina

686
00:31:58,000 --> 00:31:59,860
a través de exactamente cómo hacer esto.

687
00:31:59,860 --> 00:32:02,650
Pero yo sólo seguí eso, y en su lugar
de con el código de transporte, que acabo de hacer

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

689
00:32:04,070 --> 00:32:05,970
>> Lo bueno es que también puede
inspeccionar ocean_array.

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

691
00:32:09,530 --> 00:32:13,080
Así que parece que es ocean_array
un conjunto de seis objetos, y

692
00:32:13,080 --> 00:32:14,570
vamos a abrir cada uno de ellos.

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

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

695
00:32:16,580 --> 00:32:19,920
>> Así que Kurt, parece que su
código funcionó a la perfección.

696
00:32:19,920 --> 00:32:23,510
Todo se inició en ocean_array.

697
00:32:23,510 --> 00:32:24,995
Porque me equivoqué antes.

698
00:32:24,995 --> 00:32:26,570
Pero sí, trabajo impresionante.

699
00:32:26,570 --> 00:32:30,330
El ocean_array es correcta, y se ve
como ahora vemos que los delfines es

700
00:32:30,330 --> 00:32:35,400
un número de 0 a 5, por lo que parecía
como una índices de una matriz.

701
00:32:35,400 --> 00:32:37,510
Así que dado que el conocimiento, Michael,
¿qué debemos hacer ahora?

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

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

704
00:32:43,870 --> 00:32:45,600
¿Qué es algo que queremos hacer?

705
00:32:45,600 --> 00:32:51,260
>> AUDIENCIA: Queremos obtener la
JPEG para cada delfín.

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

707
00:32:51,800 --> 00:32:53,206
Entonces, ¿cómo podemos hacer referencia -

708
00:32:53,206 --> 00:32:54,760
¿cómo podemos obtener el JPEG?

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

710
00:33:01,172 --> 00:33:03,726
¿Por dónde empezamos?

711
00:33:03,726 --> 00:33:05,390
¿Dónde se almacena todo?

712
00:33:05,390 --> 00:33:07,610
>> AUDIENCIA: En la ocean_array?

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

714
00:33:08,320 --> 00:33:11,450
>> AUDIENCIA: Así ocean_array, delfín -

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

716
00:33:16,392 --> 00:33:19,280
>> JASON HIRSCHHORN: ¿Cómo
conseguir algo en el interior -

717
00:33:19,280 --> 00:33:20,860
así que esto nos da ese objeto.

718
00:33:20,860 --> 00:33:22,770
Y hemos visto esto antes
con la estructura.

719
00:33:22,770 --> 00:33:26,710
Entonces, ¿qué tipo de notación
Por qué tenemos que usar?

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

721
00:33:28,450 --> 00:33:29,400
>> JASON HIRSCHHORN: Un punto.

722
00:33:29,400 --> 00:33:30,960
Y entonces, ¿qué campo?

723
00:33:30,960 --> 00:33:31,510
>> AUDIENCIA: Picture?

724
00:33:31,510 --> 00:33:33,816
¿O eso no es un campo -

725
00:33:33,816 --> 00:33:37,400
>> JASON HIRSCHHORN: ¿De qué se
llamada en dolphins.js?

726
00:33:37,400 --> 00:33:38,270
Y ve, usted puede mirar.

727
00:33:38,270 --> 00:33:38,970
Sólo podemos volver aquí.

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

729
00:33:40,700 --> 00:33:41,380
¿Cómo se llama?

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

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

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

733
00:33:44,155 --> 00:33:45,560
Dije imagen.

734
00:33:45,560 --> 00:33:46,370
>> JASON HIRSCHHORN: Imagen.

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

736
00:33:47,610 --> 00:33:49,510
¿No suena como si supieras lo
que estaban hablando, sin embargo.

737
00:33:49,510 --> 00:33:50,630
Sonaba más como una conjetura.

738
00:33:50,630 --> 00:33:53,700
Para que la imagen, por lo que le daría
nosotros la dirección URL de la imagen.

739
00:33:53,700 --> 00:33:54,720
Jeff, usted tiene una pregunta?

740
00:33:54,720 --> 00:33:57,375
>> AUDIENCIA: Sí, no puedo conseguir lo
que tiene en su Chrome

741
00:33:57,375 --> 00:33:59,320
navegador en mi equipo.

742
00:33:59,320 --> 00:34:05,915
Acabo de obtener una "referencia no detectada
error, la consola no está definido ".

743
00:34:05,915 --> 00:34:07,780
>> JASON HIRSCHHORN: Tienes
configurar todo?

744
00:34:07,780 --> 00:34:10,090
>> AUDIENCIA: Bueno, creo que
hizo todo lo que usted

745
00:34:10,090 --> 00:34:11,800
lo hizo en la gran pantalla.

746
00:34:11,800 --> 00:34:13,510
>> JASON HIRSCHHORN: Y
chmodded todos los archivos?

747
00:34:13,510 --> 00:34:16,343
¿Y usted va a través de
toda la instalación?

748
00:34:16,343 --> 00:34:17,600
>> AUDIENCIA: voy a intentarlo de nuevo.

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

750
00:34:18,300 --> 00:34:20,630
Me salté sobre que una gran cantidad en el
comenzando, pero es necesario pasar por

751
00:34:20,630 --> 00:34:22,199
todo el montaje al igual que en el
a partir de la especificación conjunto de problemas.

752
00:34:22,199 --> 00:34:24,770
Chmod todo y
asegúrese de que es in

753
00:34:24,770 --> 00:34:26,360
>> AUDIENCIA: Iré y
vuelva a comprobar él.

754
00:34:26,360 --> 00:34:28,655
Pensé que lo hice, pero
Voy a revisar de nuevo.

755
00:34:28,655 --> 00:34:30,270
>> JASON HIRSCHHORN: Entonces, esto se ve
como si nos la va a dar

756
00:34:30,270 --> 00:34:30,960
cuerda y una foto.

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

758
00:34:31,370 --> 00:34:32,760
Tenemos la URL de la imagen.

759
00:34:32,760 --> 00:34:35,320
¿Cómo podemos ahora ponemos en -

760
00:34:35,320 --> 00:34:38,030
qué pasa si escribimos
sólo esto, Michael?

761
00:34:38,030 --> 00:34:40,150
>> AUDIENCIA: simplemente se pone la imagen.

762
00:34:40,150 --> 00:34:41,420
En realidad, no mostrarlo.

763
00:34:41,420 --> 00:34:42,840
>> JASON Hirschhorn: Vamos a
ver qué pasa.

764
00:34:42,840 --> 00:34:43,514
Dejaremos eso.

765
00:34:43,514 --> 00:34:44,780
Vamos a correr aquí.

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

767
00:34:49,460 --> 00:34:50,510
Parece que no conseguimos nada.

768
00:34:50,510 --> 00:34:56,179
Si exploro esta tabla,
parece que el interior -

769
00:34:56,179 --> 00:34:58,170
Sí, parece que no entiendo nada.

770
00:34:58,170 --> 00:34:59,963
>> AUDIENCIA: ¿Tenemos que -

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

772
00:35:05,225 --> 00:35:07,270
>> JASON HIRSCHHORN: Esto es una cadena,
el código aquí.

773
00:35:07,270 --> 00:35:08,615
¿Dónde quiero poner esta cadena?

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

775
00:35:11,250 --> 00:35:16,000
>> AUDIENCIA: Usted quiere
lo puso en el océano?

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

777
00:35:16,040 --> 00:35:19,230
Y aquí estoy poniendo una cadena
llamado HTML en el océano.

778
00:35:19,230 --> 00:35:26,350
>> AUDIENCIA: Así sería dólar
señal, océano, html [inaudible].

779
00:35:26,350 --> 00:35:27,985
>> JASON HIRSCHHORN: Eso haría
ponerlo directamente en ese país.

780
00:35:27,985 --> 00:35:29,440
Pero lo que si quiero agregarlo a -

781
00:35:29,440 --> 00:35:30,740
Yo ya estoy creando una cadena, ¿no?

782
00:35:30,740 --> 00:35:33,740
Para poner en el océano, lo que es
el nombre de esa cadena?

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
Así que ¿qué es lo que escribo a continuación?

786
00:35:36,355 --> 00:35:37,310
>> AUDIENCIA: igual, es igual.

787
00:35:37,310 --> 00:35:38,990
O simplemente es igual?

788
00:35:38,990 --> 00:35:41,170
>> JASON HIRSCHHORN: ¿Cuál será
suceder si escribo iguales?

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

790
00:35:45,940 --> 00:35:49,222
>> AUDIENCIA: ¿No será eso configurarlo
igual - o no quiere que -

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

792
00:35:51,744 --> 00:35:53,016
>> AUDIENCIA: Asigne?

793
00:35:53,016 --> 00:35:55,680
>> JASON HIRSCHHORN: Se le asignará,
pero, ¿qué va a pasar con todo

794
00:35:55,680 --> 00:35:56,565
que se almacenó en ella antes?

795
00:35:56,565 --> 00:35:57,570
>> AUDIENCIA: Va a deshacerse de él.

796
00:35:57,570 --> 00:35:58,660
>> JASON HIRSCHHORN: Va a deshacerse de él.

797
00:35:58,660 --> 00:35:59,993
Entonces, ¿cómo puedo añadirlo a la final?

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

799
00:36:02,836 --> 00:36:04,120
Me gustaría simplemente copiar el -

800
00:36:04,120 --> 00:36:04,530
>> AUDIENCIA: Plus es igual.

801
00:36:04,530 --> 00:36:06,260
>> JASON HIRSCHHORN: Plus
iguales, perfecto.

802
00:36:06,260 --> 00:36:07,120
Eso es exactamente correcto.

803
00:36:07,120 --> 00:36:08,380
Así que ahora vamos a ver lo que esto hace.

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, Dios mío.

807
00:36:14,580 --> 00:36:16,580
Eso es sólo una gran cantidad de texto.

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

809
00:36:17,580 --> 00:36:20,640
>> Así que parece que tenemos mucho
de texto, pero eso es genial.

810
00:36:20,640 --> 00:36:21,750
Ustedes han hecho -

811
00:36:21,750 --> 00:36:23,160
Sé que esto es difícil, esto es nuevo.

812
00:36:23,160 --> 00:36:24,970
Hasta ahora, los tres de ustedes
han hecho fantástico.

813
00:36:24,970 --> 00:36:26,600
>> Bueno, tú eres el próximo.

814
00:36:26,600 --> 00:36:27,960
¿Qué debemos hacer ahora?

815
00:36:27,960 --> 00:36:29,830
Obviamente, no queremos que
jugar sólo la cadena.

816
00:36:29,830 --> 00:36:30,120
¿Sí?

817
00:36:30,120 --> 00:36:30,690
>> AUDIENCIA: Sólo tengo una pregunta.

818
00:36:30,690 --> 00:36:35,410
Ya sabes, cuando haces ocean_array,
delfín, en los soportes, no es

819
00:36:35,410 --> 00:36:37,550
delfín como un asociativa
array en sí mismo?

820
00:36:37,550 --> 00:36:38,230
>> JASON HIRSCHHORN: Yo se equivocó al hablar.

821
00:36:38,230 --> 00:36:41,515
Dolphin es el índice.

822
00:36:41,515 --> 00:36:44,280
>> AUDIENCIA: pero no es var
delfines en el océano -

823
00:36:44,280 --> 00:36:49,540
Quiero decir, cuando en un inicio se carga como
así, el delfín var en los delfines, no es

824
00:36:49,540 --> 00:36:51,950
que dolphin una matriz asociativa?

825
00:36:51,950 --> 00:36:52,970
>> JASON HIRSCHHORN: Este delfín?

826
00:36:52,970 --> 00:36:53,650
>> AUDIENCIA: Si.

827
00:36:53,650 --> 00:36:54,230
>> JASON HIRSCHHORN: No.

828
00:36:54,230 --> 00:36:56,366
Este delfín es el índice.

829
00:36:56,366 --> 00:36:57,950
>> AUDIENCIA: OK.

830
00:36:57,950 --> 00:36:59,320
Entonces, ¿hay una variable de delfines?

831
00:36:59,320 --> 00:37:02,610
Quiero decir, como clave de delfines en
la matriz asociativa?

832
00:37:02,610 --> 00:37:04,150
>> JASON HIRSCHHORN: ¿Aquí mismo?

833
00:37:04,150 --> 00:37:05,075
Al igual que, dolphin.name?

834
00:37:05,075 --> 00:37:10,440
>> AUDIENCIA: Sí, está ahí
como punto de delfines -

835
00:37:10,440 --> 00:37:13,090
como no se entiende delfín
siendo cada objeto?

836
00:37:13,090 --> 00:37:15,580
>> AUDIENCIA: Sí, eso es
lo que yo pensaba, también.

837
00:37:15,580 --> 00:37:19,985
>> AUDIENCIA: Pensé que era como los delfines
la matriz asociativa en los delfines.

838
00:37:19,985 --> 00:37:22,240
Porque hay seis asociativo
matrices en DELFINES, ¿verdad?

839
00:37:22,240 --> 00:37:24,050
>> JASON HIRSCHHORN: Así es.

840
00:37:24,050 --> 00:37:26,790
La forma en que hemos escrito este
Ahora, no lo es.

841
00:37:26,790 --> 00:37:29,300
>> AUDIENCIA: ¿Por qué es?

842
00:37:29,300 --> 00:37:36,690
>> JASON HIRSCHHORN: Podríamos hacer eso, y
hay realmente una función de jQuery

843
00:37:36,690 --> 00:37:39,660
llamada. cada uno, que da
que cada cosa.

844
00:37:39,660 --> 00:37:41,670
Sin embargo, esta sintaxis no es -

845
00:37:41,670 --> 00:37:44,130
Me equivoqué antes - esta sintaxis
No es que eso es índice.

846
00:37:44,130 --> 00:37:45,780
Esto simplemente nos está dando a los índices.

847
00:37:45,780 --> 00:37:48,490
Pero usted podría hacer el signo de dólar. Cada uno,
que es una función de jQuery.

848
00:37:48,490 --> 00:37:51,730
Eso le daría a cada
matriz asociativa.

849
00:37:51,730 --> 00:37:52,930
A fin de comprobar que fuera.

850
00:37:52,930 --> 00:37:55,205
Pero eso es lo que hace todo este código.

851
00:37:55,205 --> 00:37:59,020
>> AUDIENCIA: Así que este primer bucle, me
Supongo que sería repetir seis veces

852
00:37:59,020 --> 00:37:59,765
porque tiene seis índices.

853
00:37:59,765 --> 00:38:02,550
Y entonces el segundo bucle,
No es que la iteración del

854
00:38:02,550 --> 00:38:03,880
misma cantidad de veces?

855
00:38:03,880 --> 00:38:04,540
>> JASON HIRSCHHORN: Si.

856
00:38:04,540 --> 00:38:07,920
>> AUDIENCIA: Así que realmente no - no se
podría haber escrito el primer bucle for

857
00:38:07,920 --> 00:38:09,700
una vez más, y habría funcionado.

858
00:38:09,700 --> 00:38:11,265
Al igual que, delfín var en los delfines?

859
00:38:11,265 --> 00:38:13,400
>> JASON HIRSCHHORN: Sí, pero estamos
ahora usando un ocean_array.

860
00:38:13,400 --> 00:38:18,010
Nos hemos trasladado todo al
ocean_array porque decimos alguna vez queremos

861
00:38:18,010 --> 00:38:23,970
para cambiar lo que está en dolphins.js, o si
queremos manipular ocean_array

862
00:38:23,970 --> 00:38:27,140
más adelante, no queremos manipular
delfines, la variable.

863
00:38:27,140 --> 00:38:29,940
Queremos manipular una copia de la misma,
porque si queremos tomar algo

864
00:38:29,940 --> 00:38:31,740
a cabo, de esta manera sólo estamos
va a ser seguro.

865
00:38:31,740 --> 00:38:32,820
¿Eso tiene sentido.

866
00:38:32,820 --> 00:38:33,085
>> AUDIENCIA: Si.

867
00:38:33,085 --> 00:38:34,390
>> JASON HIRSCHHORN: OK.

868
00:38:34,390 --> 00:38:39,830
Así, Carlos, ¿cómo puedo aprovechar esta cadena
y convertirla en una imagen en lugar, y obtener

869
00:38:39,830 --> 00:38:40,860
la imagen real?

870
00:38:40,860 --> 00:38:42,260
Usted ha ve este código antes.

871
00:38:42,260 --> 00:38:45,541
¿Cómo lo hago incluir una imagen en una página?

872
00:38:45,541 --> 00:38:51,400
>> AUDIENCIA: ¿Es lo que hicimos acerca
que además de HTML es igual a la llamada te guión

873
00:38:51,400 --> 00:38:53,344
ancho, ella lo borró?

874
00:38:53,344 --> 00:38:56,068
>> JASON HIRSCHHORN: Este
cosas aquí?

875
00:38:56,068 --> 00:38:57,036
>> AUDIENCIA: Si.

876
00:38:57,036 --> 00:38:57,520
Más o menos.

877
00:38:57,520 --> 00:38:58,900
>> JASON HIRSCHHORN: no
preocuparse por eso.

878
00:38:58,900 --> 00:39:00,520
Eso sólo se inicia la cadena HTML.

879
00:39:00,520 --> 00:39:03,980
Si quiero incluir una imagen en mi
Página web HTML, lo etiqueta debo utilizar?

880
00:39:03,980 --> 00:39:06,210
>> AUDIENCIA: No me acuerdo.

881
00:39:06,210 --> 00:39:07,050
>> JASON HIRSCHHORN: OK.

882
00:39:07,050 --> 00:39:08,343
Avie, ayúdalo a cabo?

883
00:39:08,343 --> 00:39:10,985
>> AUDIENCIA: ¿Sería ancla,
href, y luego vincularlo?

884
00:39:10,985 --> 00:39:12,790
>> JASON HIRSCHHORN: Así como en un ancla.

885
00:39:12,790 --> 00:39:14,790
>> AUDIENCIA: Usted no necesita
vincularlo, sin embargo, ¿no?

886
00:39:14,790 --> 00:39:17,370
>> JASON HIRSCHHORN: ¿Y si sólo
que desee crear una imagen?

887
00:39:17,370 --> 00:39:24,640
>> AUDIENCIA: Sería img, y luego
src es igual sea cual sea la cadena es?

888
00:39:24,640 --> 00:39:27,400
>> JASON HIRSCHHORN: OK, así que
eso es correcto, img.

889
00:39:27,400 --> 00:39:28,635
Carlos, vas a
a partir de aquí.

890
00:39:28,635 --> 00:39:32,760
img significa "imagen", y puestos de src
por "fuente". y hay que darle

891
00:39:32,760 --> 00:39:35,200
una URL o algunos -

892
00:39:35,200 --> 00:39:35,940
ni siquiera un URL.

893
00:39:35,940 --> 00:39:39,040
Algunos ubicación en la que
imagen se almacena.

894
00:39:39,040 --> 00:39:46,490
Así que sé que eso va a conseguirme una
imagen, así que ahora ¿cómo puedo poner todo esto

895
00:39:46,490 --> 00:39:49,310
juntos, el pensamiento?

896
00:39:49,310 --> 00:39:51,920
Tengo un poco de sintaxis tengo que arreglar.

897
00:39:51,920 --> 00:39:54,632
¿Qué es exactamente lo que necesito
para escribir, Carlos?

898
00:39:54,632 --> 00:39:56,862
>> AUDIENCIA: No entiendo lo que
usted está tratando de hacer.

899
00:39:56,862 --> 00:40:00,185
Así que usted está tratando de poner todo
las imágenes en una tabla?

900
00:40:00,185 --> 00:40:04,790
>> JASON HIRSCHHORN: Queremos mostrar
todas las imágenes de la página.

901
00:40:04,790 --> 00:40:12,000
Y vimos cómo esta línea de código a la derecha
cuerdas aquí en nuestro cadena HTML

902
00:40:12,000 --> 00:40:13,275
y su impresión fuera así.

903
00:40:13,275 --> 00:40:17,990

904
00:40:17,990 --> 00:40:21,830
Nosotros en cambio queremos mostrar imágenes.

905
00:40:21,830 --> 00:40:25,780
Y nos dimos cuenta, Maru, nos dijo
que esta línea de código -

906
00:40:25,780 --> 00:40:26,750
así que vamos a ver aquí.

907
00:40:26,750 --> 00:40:31,745
Si fuimos y exploramos, vamos a
editar esto como HTML.

908
00:40:31,745 --> 00:40:35,110

909
00:40:35,110 --> 00:40:54,270
Maru, dijo, si no hacemos este tipo
de sintaxis, obtenemos una imagen.

910
00:40:54,270 --> 00:40:57,810

911
00:40:57,810 --> 00:40:59,400
¿Eso tiene sentido?

912
00:40:59,400 --> 00:41:02,650

913
00:41:02,650 --> 00:41:05,630
>> Este es el tipo de cadena que nos
realmente quiere poner en el interior del océano

914
00:41:05,630 --> 00:41:09,080
buceo, y no simplemente el texto mismo.

915
00:41:09,080 --> 00:41:12,080
>> AUDIENCIA: [inaudible]

916
00:41:12,080 --> 00:41:12,940
>> JASON HIRSCHHORN: ¿Lo sientes?

917
00:41:12,940 --> 00:41:16,240
>> AUDIENCIA: ¿No puedes copiar
que uno que Kianna dio,

918
00:41:16,240 --> 00:41:17,810
y lo puso en eso -

919
00:41:17,810 --> 00:41:19,570
>> JASON HIRSCHHORN: Copia este,
y poner esto aquí?

920
00:41:19,570 --> 00:41:20,820
>> AUDIENCIA: Si.

921
00:41:20,820 --> 00:41:23,354

922
00:41:23,354 --> 00:41:25,813
>> JASON HIRSCHHORN: Eso es cerca, pero
hay un problema con esto, y

923
00:41:25,813 --> 00:41:27,063
¿qué es eso?

924
00:41:27,063 --> 00:41:30,920

925
00:41:30,920 --> 00:41:36,370
HTML es una cadena, y necesitamos
añadir cadenas a la misma.

926
00:41:36,370 --> 00:41:37,855
>> AUDIENCIA: Entonces usted dice - nah.

927
00:41:37,855 --> 00:41:40,860
>> JASON HIRSCHHORN: Y tenemos tres -
esto aquí no es una cadena.

928
00:41:40,860 --> 00:41:42,921
¿Cómo podemos hacer que una cadena?

929
00:41:42,921 --> 00:41:45,474
¿Cómo usted siempre hace
algo de una cadena?

930
00:41:45,474 --> 00:41:47,242
>> AUDIENCIA: No sé.

931
00:41:47,242 --> 00:41:49,570
>> JASON HIRSCHHORN: Si tengo el texto,
¿cómo puedo hacer que una cadena?

932
00:41:49,570 --> 00:41:51,615
Gustaría aquí en esta línea de aquí?

933
00:41:51,615 --> 00:41:54,160
>> AUDIENCIA: Póngalo en una mesa?

934
00:41:54,160 --> 00:41:56,450
>> JASON HIRSCHHORN: ¿Qué pasa con esto?

935
00:41:56,450 --> 00:41:57,290
>> AUDIENCIA: Cita.

936
00:41:57,290 --> 00:41:58,670
>> JASON HIRSCHHORN: Doble
citas, ¿verdad?

937
00:41:58,670 --> 00:42:00,860
Las comillas dobles hace algo
una cadena.

938
00:42:00,860 --> 00:42:03,720
Así que hace que una cadena,
y esta es una cadena.

939
00:42:03,720 --> 00:42:05,990
¿Cómo puedo poner dos cadenas
juntos en JavaScript?

940
00:42:05,990 --> 00:42:06,842
>> AUDIENCIA: Dot.

941
00:42:06,842 --> 00:42:07,960
>> JASON HIRSCHHORN: No dot.

942
00:42:07,960 --> 00:42:10,462
Eso es PHP.

943
00:42:10,462 --> 00:42:11,358
>> AUDIENCIA: Plus.

944
00:42:11,358 --> 00:42:13,200
>> JASON HIRSCHHORN: Además, toda la razón.

945
00:42:13,200 --> 00:42:15,900
Así que además, y luego lo que haces
Propongo que hago aquí?

946
00:42:15,900 --> 00:42:20,900

947
00:42:20,900 --> 00:42:22,400
>> AUDIENCIA: Otra cita.

948
00:42:22,400 --> 00:42:24,100
>> JASON HIRSCHHORN: Otra cita, OK.

949
00:42:24,100 --> 00:42:32,300

950
00:42:32,300 --> 00:42:34,322
¿Cómo finalizo una cadena?

951
00:42:34,322 --> 00:42:35,660
>> AUDIENCIA: Otra cita.

952
00:42:35,660 --> 00:42:36,180
>> JASON HIRSCHHORN: Otra cita.

953
00:42:36,180 --> 00:42:38,740
Y ¿cómo puedo poner esta cadena
junto con esta cadena?

954
00:42:38,740 --> 00:42:39,810
Un plus.

955
00:42:39,810 --> 00:42:40,630
Eso es exactamente correcto.

956
00:42:40,630 --> 00:42:41,540
Usted acaba de hacer esto por nosotros.

957
00:42:41,540 --> 00:42:42,590
Esto es perfecto.

958
00:42:42,590 --> 00:42:46,320
>> Así que ahora vamos a prestar este.

959
00:42:46,320 --> 00:42:49,050
Y mira, tenemos un todo
montón de imágenes.

960
00:42:49,050 --> 00:42:49,860
Oh, Dios mío.

961
00:42:49,860 --> 00:42:50,770
Esos son de miedo.

962
00:42:50,770 --> 00:42:51,720
Vamos a explorar
en un segundo.

963
00:42:51,720 --> 00:42:52,010
Sí, Noah?

964
00:42:52,010 --> 00:42:54,520
>> AUDIENCIA: Sé que en realidad no
asunto, pero en caso de que cierre su

965
00:42:54,520 --> 00:42:56,005
elementos con la etiqueta de imagen?

966
00:42:56,005 --> 00:42:58,250
>> JASON HIRSCHHORN: Podríamos, si
que queríamos, cerrar nuestra imagen

967
00:42:58,250 --> 00:43:02,284
tag así como así.

968
00:43:02,284 --> 00:43:04,719
Vamos a render eso.

969
00:43:04,719 --> 00:43:06,330
El, no, no podemos hacer eso.

970
00:43:06,330 --> 00:43:07,580
>> AUDIENCIA: Oh, me rompí.

971
00:43:07,580 --> 00:43:09,090
>> JASON HIRSCHHORN: Creo que esto
es la validación, sin embargo.

972
00:43:09,090 --> 00:43:12,380
No creo que usted necesita
la barra de cierre.

973
00:43:12,380 --> 00:43:13,490
Bien, esto es genial.

974
00:43:13,490 --> 00:43:14,150
Carlos, muchas gracias.

975
00:43:14,150 --> 00:43:16,270
Hasta el momento los cuatro de ustedes
han hecho un trabajo increíble.

976
00:43:16,270 --> 00:43:19,650
>> Por supuesto, como se puede ver, estamos
la creación de algún tipo de tabla de bisel.

977
00:43:19,650 --> 00:43:21,490
Y quisiera que estas cosas
estar en una mesa.

978
00:43:21,490 --> 00:43:24,970
Entonces, ¿cómo puedo poner estos
cosas en una mesa?

979
00:43:24,970 --> 00:43:27,020
Necesito un poco más de claridad HTML.

980
00:43:27,020 --> 00:43:28,680
Assam, qué tipo de HTML que me estoy perdiendo?

981
00:43:28,680 --> 00:43:32,388

982
00:43:32,388 --> 00:43:33,370
>> AUDIENCIA: Lo que se hace
quiere hacer, lo siento?

983
00:43:33,370 --> 00:43:37,430
>> JASON HIRSCHHORN: Quiero poner todo
estas imágenes en una tabla, de modo que cada imagen

984
00:43:37,430 --> 00:43:41,020
debe estar en una columna de la tabla.

985
00:43:41,020 --> 00:43:42,480
¿Cómo puedo decir que esta es una columna?

986
00:43:42,480 --> 00:43:45,090

987
00:43:45,090 --> 00:43:46,010
Usted ha visto este código antes.

988
00:43:46,010 --> 00:43:46,910
Esto está en P puesto siete.

989
00:43:46,910 --> 00:43:48,870
>> AUDIENCIA: Me acuerdo de una se tr?

990
00:43:48,870 --> 00:43:50,120
>> JASON HIRSCHHORN: tr es para la fila.

991
00:43:50,120 --> 00:43:53,904

992
00:43:53,904 --> 00:43:56,430
>> AUDIENCIA: No sé si fuera poco
mi corazón, pero pude comprobar.

993
00:43:56,430 --> 00:43:57,140
>> JASON HIRSCHHORN: Does
alguien recuerda?

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 pone como una columna.

996
00:44:01,250 --> 00:44:03,150
Así que si me pongo el td allí, Assam,
¿qué tengo que poner?

997
00:44:03,150 --> 00:44:04,600
¿Qué más tengo que añadir?

998
00:44:04,600 --> 00:44:05,620
>> AUDIENCIA: Usted tiene que cerrarla?

999
00:44:05,620 --> 00:44:06,240
>> JASON HIRSCHHORN: Exactamente.

1000
00:44:06,240 --> 00:44:07,490
¿Dónde fue?

1001
00:44:07,490 --> 00:44:09,747

1002
00:44:09,747 --> 00:44:11,090
>> AUDIENCIA: Justo ahí?

1003
00:44:11,090 --> 00:44:11,970
>> JASON HIRSCHHORN: ¿Aquí mismo?

1004
00:44:11,970 --> 00:44:13,850
>> AUDIENCIA: Creo que sí.

1005
00:44:13,850 --> 00:44:17,104

1006
00:44:17,104 --> 00:44:18,600
>> JASON HIRSCHHORN: ¿Qué es esto
cerrando aquí?

1007
00:44:18,600 --> 00:44:19,340
¿Qué es esto?

1008
00:44:19,340 --> 00:44:20,320
Esa cosa azul?

1009
00:44:20,320 --> 00:44:21,280
>> AUDIENCIA: Eso es para la imagen.

1010
00:44:21,280 --> 00:44:22,100
Se debe ir después, creo.

1011
00:44:22,100 --> 00:44:24,770
>> JASON HIRSCHHORN: OK, exactamente correcto.

1012
00:44:24,770 --> 00:44:26,020
Así que veamos lo que esto hizo.

1013
00:44:26,020 --> 00:44:29,110

1014
00:44:29,110 --> 00:44:30,960
Oh, eso es raro.

1015
00:44:30,960 --> 00:44:35,780

1016
00:44:35,780 --> 00:44:39,470
Abramos océano, tabla,
cuerpo de la tabla, tr.

1017
00:44:39,470 --> 00:44:44,410
Así que tenemos un montón, pero me
no ven las imágenes.

1018
00:44:44,410 --> 00:44:45,110
Eso es raro.

1019
00:44:45,110 --> 00:44:48,360
Parece que lo construyó, pero
no me muestran las imágenes.

1020
00:44:48,360 --> 00:44:50,425
Cualquier idea por qué eso podría ser el caso?

1021
00:44:50,425 --> 00:44:56,910

1022
00:44:56,910 --> 00:44:59,140
¿Alguna idea?

1023
00:44:59,140 --> 00:45:01,550
>> AUDIENCIA: Si se desplaza
abajo, los verás.

1024
00:45:01,550 --> 00:45:02,430
>> JASON HIRSCHHORN: Boom!

1025
00:45:02,430 --> 00:45:06,130
Así que están allí, pero eso es raro que
son todo el camino hacia abajo.

1026
00:45:06,130 --> 00:45:07,670
>> AUDIENCIA: ¡Son también todos en una fila.

1027
00:45:07,670 --> 00:45:11,280
>> JASON HIRSCHHORN: Y están todos en un
fila, y todas son diferentes tamaños.

1028
00:45:11,280 --> 00:45:14,440
Así Assam, dame una línea más de código
si puedo hacer que cada imagen de la

1029
00:45:14,440 --> 00:45:17,420
mismo tamaño, y parece que no tengo
Ya indiqué el tamaño que

1030
00:45:17,420 --> 00:45:18,440
quieren que sean.

1031
00:45:18,440 --> 00:45:20,025
¿Cómo puedo hacer que cada imagen
del mismo tamaño?

1032
00:45:20,025 --> 00:45:22,978

1033
00:45:22,978 --> 00:45:24,540
Dar una suposición.

1034
00:45:24,540 --> 00:45:35,290

1035
00:45:35,290 --> 00:45:36,595
>> ¿Qué pasa con esta línea de código?

1036
00:45:36,595 --> 00:45:41,345

1037
00:45:41,345 --> 00:45:43,650
>> AUDIENCIA: ¿Se puede hacer
Como una constante?

1038
00:45:43,650 --> 00:45:46,740
>> JASON HIRSCHHORN: O dónde es otro
lugar que podría poner esta línea de código,

1039
00:45:46,740 --> 00:45:47,740
si yo copio?

1040
00:45:47,740 --> 00:45:49,280
>> AUDIENCIA: Durante todo el camino hacia abajo
en esa misma línea?

1041
00:45:49,280 --> 00:45:52,000
>> JASON HIRSCHHORN: OK, vamos a poner
que aquí, toda la razón.

1042
00:45:52,000 --> 00:45:54,320
Y ahora vamos a ver qué pasa.

1043
00:45:54,320 --> 00:45:56,030
Oh, Dios mío!

1044
00:45:56,030 --> 00:46:00,290
Ahora parece que estamos empezando a obtener
algo, y parece que

1045
00:46:00,290 --> 00:46:06,950
todo tipo de encajar en la tabla que
que hemos construido en cada td.

1046
00:46:06,950 --> 00:46:10,195
>> También, Assam, digamos que me gusta su
alturas para ser un poco más -

1047
00:46:10,195 --> 00:46:12,700

1048
00:46:12,700 --> 00:46:19,260
la cosa alturas me está tirando fuera, por lo
¿qué debo fijar a su altura?

1049
00:46:19,260 --> 00:46:20,210
Escoja cualquier 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
Voy a recoger 100.

1053
00:46:22,380 --> 00:46:22,940
Eso es genial.

1054
00:46:22,940 --> 00:46:25,540
Para realmente como 200.

1055
00:46:25,540 --> 00:46:26,140
Ahí vamos!

1056
00:46:26,140 --> 00:46:31,830
Bien, ahora esto está empezando a verse un poco
mejor y un poquito más organizado.

1057
00:46:31,830 --> 00:46:35,020

1058
00:46:35,020 --> 00:46:38,170
>> ¿Alguna otra idea de lo que necesitamos
hacer para guardar las imágenes de los delfines?

1059
00:46:38,170 --> 00:46:38,530
¿Sí?

1060
00:46:38,530 --> 00:46:42,810
>> AUDIENCIA: ¿Son las comillas, o la única
citas, en torno a los valores de

1061
00:46:42,810 --> 00:46:45,015
fuente, altura, anchura,
son aquellos opcional?

1062
00:46:45,015 --> 00:46:46,710
>> JASON HIRSCHHORN: ¿Dónde
son comillas simples?

1063
00:46:46,710 --> 00:46:50,340
>> PÚBLICO: Al igual que en algunos de los ejemplos,
que tendría como altura

1064
00:46:50,340 --> 00:46:53,050
es igual a la cita "150." Es
que no es necesario.

1065
00:46:53,050 --> 00:46:54,510
>> JASON HIRSCHHORN: Así que vamos a
mira aquí abajo.

1066
00:46:54,510 --> 00:47:04,120
Si hacemos clic en el océano, entra en la mesa,
te darás cuenta de por aquí lo que realmente

1067
00:47:04,120 --> 00:47:05,540
añadido esas citas para mí.

1068
00:47:05,540 --> 00:47:08,310
>> AUDIENCIA: OK.

1069
00:47:08,310 --> 00:47:12,080
>> JASON HIRSCHHORN: Y así me doy cuenta de lo que
que estamos haciendo parece dolorosamente lento.

1070
00:47:12,080 --> 00:47:14,950
Nosotros sólo hemos escrito tres líneas de código
hasta el momento, o cuatro líneas de código, pero

1071
00:47:14,950 --> 00:47:18,130
este es, de hecho, el proceso que
Paso por cada vez que quiero

1072
00:47:18,130 --> 00:47:18,990
para hacer de este sitio web.

1073
00:47:18,990 --> 00:47:22,800
Línea por línea, el uso de la consola hacia abajo
aquí, la exploración de las cosas y averiguar

1074
00:47:22,800 --> 00:47:24,320
a cabo paso a paso, lo que quiero hacer.

1075
00:47:24,320 --> 00:47:28,580
Así que espero que, este imita para ustedes
de una manera buena, pedagógica lo que

1076
00:47:28,580 --> 00:47:31,055
realmente se hace cuando
a crear su sitio web.

1077
00:47:31,055 --> 00:47:34,260

1078
00:47:34,260 --> 00:47:35,410
>> Vamos a pasar.

1079
00:47:35,410 --> 00:47:36,500
Hemos creado estas cosas.

1080
00:47:36,500 --> 00:47:37,240
Voy a realidad -

1081
00:47:37,240 --> 00:47:40,950
Avie, tengo una gran pregunta para usted.

1082
00:47:40,950 --> 00:47:43,350
No sé, vamos a pasar.

1083
00:47:43,350 --> 00:47:48,950
Vamos al "tren de delfines cuando su
la imagen se hace clic. "¿Cómo

1084
00:47:48,950 --> 00:47:51,288
Propongo que escribo esa línea de código?

1085
00:47:51,288 --> 00:47:54,235
>> AUDIENCIA: Hay una función
llamado "tren".

1086
00:47:54,235 --> 00:47:57,030
>> JASON HIRSCHHORN: Hay una función
llamado "tren", exactamente a la derecha.

1087
00:47:57,030 --> 00:47:59,520
>> AUDIENCIA: Se espera que un índice.

1088
00:47:59,520 --> 00:48:02,630
>> JASON HIRSCHHORN: Tren espera
un índice, por lo que, en Aceptar.

1089
00:48:02,630 --> 00:48:05,020
Avie, este es exactamente el razonamiento
que me encanta ver.

1090
00:48:05,020 --> 00:48:06,320
Tren espera un índice.

1091
00:48:06,320 --> 00:48:08,230
>> AUDIENCIA: ¿Así que vas
tener un bucle.

1092
00:48:08,230 --> 00:48:11,540
>> JASON HIRSCHHORN: Bueno, lo que quiero hacer
cuando una imagen se hace clic, de manera Avie,

1093
00:48:11,540 --> 00:48:15,140
¿Cómo puedo controlar cuando un
la imagen se hace clic?

1094
00:48:15,140 --> 00:48:16,380
Hay un par de maneras de hacer eso.

1095
00:48:16,380 --> 00:48:20,330
Este es el poder de JavaScript y
jQuery, sino también la parte más difícil.

1096
00:48:20,330 --> 00:48:22,950
>> AUDIENCIA: Si paréntesis, no.

1097
00:48:22,950 --> 00:48:27,390
O si el evento paréntesis, o algo
relativamente simple?

1098
00:48:27,390 --> 00:48:30,850
>> JASON HIRSCHHORN: Así que nos vimos un par
maneras de hacer esto en una conferencia.

1099
00:48:30,850 --> 00:48:36,860
Una cosa era que, aquí abajo, usted podría
hacer algo así podría crear una

1100
00:48:36,860 --> 00:48:39,340
funcionan como el clic, o hacer
algo parecido al hacer clic.

1101
00:48:39,340 --> 00:48:41,620
Todo el mundo recuerda haber visto
algo así?

1102
00:48:41,620 --> 00:48:46,630
Usted lo hace dentro de la etiqueta HTML.

1103
00:48:46,630 --> 00:48:47,910
Veo algunas caras en blanco.

1104
00:48:47,910 --> 00:48:49,910
Algunas personas son como, lo que
está hablando?

1105
00:48:49,910 --> 00:48:52,150
>> Eso está bien, porque creo que esa es la
mucho más complicado que hacerlo.

1106
00:48:52,150 --> 00:48:55,110
Vamos a hacer una mucho más fácil
manera usando jQuery.

1107
00:48:55,110 --> 00:48:55,560
Así, Avie?

1108
00:48:55,560 --> 00:48:57,350
>> AUDIENCIA: Hm?

1109
00:48:57,350 --> 00:49:00,280
>> JASON HIRSCHHORN: Si yo quiero hacer
algo jQuery, obviamente empiezo,

1110
00:49:00,280 --> 00:49:05,090
como antes, con este signo de dólar, abierto
paren, paren cercanos y doble

1111
00:49:05,090 --> 00:49:06,120
cita aquí.

1112
00:49:06,120 --> 00:49:07,660
Ahora sabemos que necesito un selector aquí.

1113
00:49:07,660 --> 00:49:11,720
¿Qué selector Qué propone se aplicaría
a cada imagen o cada

1114
00:49:11,720 --> 00:49:14,680
sola imagen?

1115
00:49:14,680 --> 00:49:16,160
>> AUDIENCIA: Imagen?

1116
00:49:16,160 --> 00:49:17,840
>> JASON HIRSCHHORN: Eso es
exactamente correcto.

1117
00:49:17,840 --> 00:49:20,240
Que se aplicará a cada imagen.

1118
00:49:20,240 --> 00:49:20,940
Obtiene todos ellos.

1119
00:49:20,940 --> 00:49:24,005
No es una identificación, que no es una clase, es
un tipo de etiqueta, y esto va a

1120
00:49:24,005 --> 00:49:24,970
conseguir cada uno de ellos.

1121
00:49:24,970 --> 00:49:27,610
>> Y ahora voy a decirte esto
por el momento, y usted puede buscar más

1122
00:49:27,610 --> 00:49:33,540
documentación en él más adelante, pero esto
Lo llamó "on" se ocupa de los eventos.

1123
00:49:33,540 --> 00:49:37,370
Así que lo que hay que hacer ahora, y que es
súper poderoso, es decir qué tipo de

1124
00:49:37,370 --> 00:49:40,260
evento que está buscando y lo que
que quiere hacer cuando usted

1125
00:49:40,260 --> 00:49:41,160
recibir ese evento.

1126
00:49:41,160 --> 00:49:43,155
Así que me voy a dar un poco de
poco más de código, Avie, a continuación,

1127
00:49:43,155 --> 00:49:44,200
tienes que ir, ¿vale?

1128
00:49:44,200 --> 00:49:46,700
>> AUDIENCIA: OK.

1129
00:49:46,700 --> 00:49:50,030
>> AUDIENCIA: A - vamos a decir
"Click" en este caso, que usted

1130
00:49:50,030 --> 00:49:50,750
generalmente utilizar.

1131
00:49:50,750 --> 00:49:54,460
Así que al hacer clic, y luego nos vamos a
pasarlo a una función anónima.

1132
00:49:54,460 --> 00:50:01,840

1133
00:50:01,840 --> 00:50:04,100
Y esta sintaxis que se van a ver
mucho, y esperamos que pueda

1134
00:50:04,100 --> 00:50:05,210
estar escribiendo mucho.

1135
00:50:05,210 --> 00:50:10,350
Lo que hace es, de nuevo, en el clic
imagen de algo que se llama, lo que sea,

1136
00:50:10,350 --> 00:50:14,960
algo llamado imagen, vamos
para ejecutar esta función anónima.

1137
00:50:14,960 --> 00:50:16,260
>> No voy a dar un nombre.

1138
00:50:16,260 --> 00:50:18,180
No estoy pasándolo ningún argumento.

1139
00:50:18,180 --> 00:50:21,870
Estoy, como, la creación de aquí hay un
funciona, y aquí está lo que el código

1140
00:50:21,870 --> 00:50:22,750
que vas a hacer.

1141
00:50:22,750 --> 00:50:24,310
Eso es con este medio de sintaxis.

1142
00:50:24,310 --> 00:50:27,500
Y también, como te darás cuenta, parece
muy similar a esto aquí que

1143
00:50:27,500 --> 00:50:29,310
escribió antes.

1144
00:50:29,310 --> 00:50:30,400
>> Aceptar, Avie.

1145
00:50:30,400 --> 00:50:34,720
Así que usted quiere llamar tren en el índice.

1146
00:50:34,720 --> 00:50:35,690
¿Es eso lo que quieres hacer?

1147
00:50:35,690 --> 00:50:36,400
>> AUDIENCIA: Si.

1148
00:50:36,400 --> 00:50:36,800
>> JASON HIRSCHHORN: Eso es?

1149
00:50:36,800 --> 00:50:37,840
Aceptar.

1150
00:50:37,840 --> 00:50:38,610
Vamos a ver qué pasa.

1151
00:50:38,610 --> 00:50:39,420
>> AUDIENCIA: Espera, sin embargo.

1152
00:50:39,420 --> 00:50:41,240
El índice no es una variable en estos momentos.

1153
00:50:41,240 --> 00:50:42,520
>> JASON HIRSCHHORN: Así índice no es
una variable en estos momentos.

1154
00:50:42,520 --> 00:50:43,780
Yo no sé de dónde lo obtuviste.

1155
00:50:43,780 --> 00:50:45,030
>> AUDIENCIA: [inaudible].

1156
00:50:45,030 --> 00:50:47,440

1157
00:50:47,440 --> 00:50:51,280
Así que es lo que necesita saber primero
que los delfines, pero he hecho clic?

1158
00:50:51,280 --> 00:50:52,440
>> JASON HIRSCHHORN: Excelente.

1159
00:50:52,440 --> 00:50:55,260
Usted tiene que averiguar lo que
delfín quedó hecho clic.

1160
00:50:55,260 --> 00:50:56,840
Esto es un tiro salvaje en la oscuridad.

1161
00:50:56,840 --> 00:50:59,355
¿Alguien tiene alguna idea de cómo puedo averiguar
lo que he hecho clic delfín?

1162
00:50:59,355 --> 00:51:03,280
Si no es así, voy a darle a usted,
porque esto es una locura.

1163
00:51:03,280 --> 00:51:04,350
Aceptar.

1164
00:51:04,350 --> 00:51:06,670
Así que vamos a imprimir a cabo a través de console.log.

1165
00:51:06,670 --> 00:51:17,440

1166
00:51:17,440 --> 00:51:19,550
>> Esta cosa.

1167
00:51:19,550 --> 00:51:25,830
Por lo tanto, el signo de dólar, paren abiertas,
esta estrecha paren.

1168
00:51:25,830 --> 00:51:28,110
Así que cuando hago clic en esta imagen, me voy
para imprimir esta a la consola,

1169
00:51:28,110 --> 00:51:29,030
y vamos a ver qué pasa.

1170
00:51:29,030 --> 00:51:30,820
Volvamos aquí.

1171
00:51:30,820 --> 00:51:31,640
Vamos a ir a la consola.

1172
00:51:31,640 --> 00:51:33,950
No hay errores, gracias a Dios.

1173
00:51:33,950 --> 00:51:35,420
>> Aceptar.

1174
00:51:35,420 --> 00:51:36,040
He hecho clic.

1175
00:51:36,040 --> 00:51:37,660
Déjame hacer eso otra vez.

1176
00:51:37,660 --> 00:51:43,290
He hecho clic en esta primera imagen, y esto
se imprimieron a la consola,

1177
00:51:43,290 --> 00:51:44,200
esta línea de cosas.

1178
00:51:44,200 --> 00:51:47,230
Voy a utilizar el
palabra "este" mucho.

1179
00:51:47,230 --> 00:51:52,000
Esta cosa aquí, esto, es muy
especial, y que está haciendo exactamente lo

1180
00:51:52,000 --> 00:51:53,340
Avie quiere que haga.

1181
00:51:53,340 --> 00:51:57,640
Se está haciendo todo lo que estaba
hecho clic en, o lo que sea.

1182
00:51:57,640 --> 00:52:01,850
Porque de nuevo, este selector sucede
para hacer frente a muchas cosas, no lo hacemos

1183
00:52:01,850 --> 00:52:05,310
necesariamente sabemos que lo que estamos
hablando, por lo que queremos averiguar

1184
00:52:05,310 --> 00:52:08,300
qué cosa estamos hablando
acerca a través de esta sintaxis.

1185
00:52:08,300 --> 00:52:12,320
En este caso aquí, hashtag océano,
siempre sabemos lo que estamos

1186
00:52:12,320 --> 00:52:14,740
va a estar hablando, por lo
que realmente no necesitábamos esta

1187
00:52:14,740 --> 00:52:15,880
dentro de un hashtag océano.

1188
00:52:15,880 --> 00:52:18,430
Siempre es el océano, que div.

1189
00:52:18,430 --> 00:52:21,770
Es un ID, una sola cosa es posible.

1190
00:52:21,770 --> 00:52:25,840
>> Pero en este caso, esto se aplica a un montón
de imágenes, de hecho, seis imágenes,

1191
00:52:25,840 --> 00:52:28,180
y por lo que queremos saber lo particular,
la imagen se hizo clic en.

1192
00:52:28,180 --> 00:52:33,022
Y parece que este es el
tipo de información que obtenemos.

1193
00:52:33,022 --> 00:52:41,540
Nos parece que algunas de las grandes
cadena, y tenemos todo esto

1194
00:52:41,540 --> 00:52:43,890
información con esta.

1195
00:52:43,890 --> 00:52:46,550
Tenemos toneladas y toneladas
y un montón de cosas.

1196
00:52:46,550 --> 00:52:48,020
jQuery es super potente.

1197
00:52:48,020 --> 00:52:53,890
Nos está dando un montón de información
sobre este elemento HTML particular.

1198
00:52:53,890 --> 00:52:58,484
Avie, ¿qué es lo que queremos saber
sobre este elemento HTML?

1199
00:52:58,484 --> 00:53:00,306
>> AUDIENCIA: Algo así como una identificación.

1200
00:53:00,306 --> 00:53:01,190
>> JASON HIRSCHHORN: Un ID.

1201
00:53:01,190 --> 00:53:04,375
Bueno, tenemos una fuente,
una anchura y una altura.

1202
00:53:04,375 --> 00:53:06,246
>> AUDIENCIA: Podemos utilizar una fuente.

1203
00:53:06,246 --> 00:53:07,190
>> JASON HIRSCHHORN: Nosotros
puede utilizar la fuente.

1204
00:53:07,190 --> 00:53:09,140
Eso nos dará una cadena,
una cadena URL.

1205
00:53:09,140 --> 00:53:10,330
¿Qué vamos a hacer con
que una vez que tengamos eso?

1206
00:53:10,330 --> 00:53:11,800
¿Cómo llegamos de vuelta a nuestro
índice en ocean_array?

1207
00:53:11,800 --> 00:53:14,725
>> AUDIENCIA: Podemos comparar
a la otra.

1208
00:53:14,725 --> 00:53:16,910
>> JASON HIRSCHHORN: Así que pudimos
bucle a través de cada uno.

1209
00:53:16,910 --> 00:53:21,350
Ahora podríamos bucle de nuevo
y luego comparar esto.

1210
00:53:21,350 --> 00:53:23,860
Imagine lo que sería una manera más sencilla,
si pudieras imaginar una?

1211
00:53:23,860 --> 00:53:25,564
>> AUDIENCIA: No tener que bucle.

1212
00:53:25,564 --> 00:53:26,930
>> JASON HIRSCHHORN: No tener que bucle.

1213
00:53:26,930 --> 00:53:29,210
>> AUDIENCIA: Sólo averiguar
delfín, [inaudible].

1214
00:53:29,210 --> 00:53:31,430
>> JASON HIRSCHHORN: Calculando
lo que fuera delfín.

1215
00:53:31,430 --> 00:53:31,940
Aceptar.

1216
00:53:31,940 --> 00:53:34,780
Así que vamos a guardar esa información
en esta etiqueta de imagen.

1217
00:53:34,780 --> 00:53:37,370
Y de nuevo, ahora mismo, parte de este material
es simplemente mágico porque podría

1218
00:53:37,370 --> 00:53:39,950
se muestra que esta por primera vez,
pero espero que estas son cosas

1219
00:53:39,950 --> 00:53:41,140
usted va a estar haciendo.

1220
00:53:41,140 --> 00:53:43,440
Así que esto es algo
mágica que puede hacer.

1221
00:53:43,440 --> 00:53:46,500
Usted puede ahorrar un poco de metadatos adicionales
en un elemento.

1222
00:53:46,500 --> 00:53:48,080
No va a aparecer, no lo hará
afecta a nada.

1223
00:53:48,080 --> 00:53:49,370
Usted sólo puede guardarla allí.

1224
00:53:49,370 --> 00:53:54,170
Y propongo que ahorramos el
índice con cada imagen.

1225
00:53:54,170 --> 00:54:03,020
>> Así que la forma de hacer que es crear
un atributo llamado tablero de datos, y

1226
00:54:03,020 --> 00:54:04,750
a continuación, el nombre que
que desee darle.

1227
00:54:04,750 --> 00:54:08,940
Tablero de datos es una cosa especial que es
da a usted, y dice que esto es

1228
00:54:08,940 --> 00:54:10,990
algo que el usuario se va a crear.

1229
00:54:10,990 --> 00:54:17,380
Así que estamos creando esta cosa llamada
índice, esta tecla llama índice.

1230
00:54:17,380 --> 00:54:21,530
>> Y dentro de ella, vamos a poner
no sólo uno cada vez, pero ¿qué hacer

1231
00:54:21,530 --> 00:54:22,710
ponemos dentro de ella, Avie?

1232
00:54:22,710 --> 00:54:23,960
¿Qué pasa aquí?

1233
00:54:23,960 --> 00:54:28,002

1234
00:54:28,002 --> 00:54:29,954
>> AUDIENCIA: Dolphin.

1235
00:54:29,954 --> 00:54:31,140
>> JASON HIRSCHHORN: Dolphin.

1236
00:54:31,140 --> 00:54:33,370
Esa no es la palabra.

1237
00:54:33,370 --> 00:54:34,920
Dolphin.

1238
00:54:34,920 --> 00:54:38,300
Y de nuevo, ya imprimimos delfín
anterior, que 0, 1, 2, 3, 4, 5, y

1239
00:54:38,300 --> 00:54:39,590
estamos ahorrando que con la imagen.

1240
00:54:39,590 --> 00:54:42,250

1241
00:54:42,250 --> 00:54:48,580
>> Así que ahora, si lo hago - y otra vez,
ahorramos esos metadatos.

1242
00:54:48,580 --> 00:54:50,070
¿Cómo se accede a los metadatos?

1243
00:54:50,070 --> 00:54:52,690
Es con una función llamada simplemente "datos".
Y tiene que pasar una

1244
00:54:52,690 --> 00:54:57,960
y sólo un argumento, que
es el nombre de la cosa.

1245
00:54:57,960 --> 00:55:00,150
Así que voy a imprimir lo que sigue,
y luego voy a tomar preguntas.

1246
00:55:00,150 --> 00:55:04,800
Pero, en esencia, lo que estoy diciendo dame esta
objeto que se ha hecho clic, mirar

1247
00:55:04,800 --> 00:55:07,790
en todos sus atributos de datos,
y el llamado "indexado"

1248
00:55:07,790 --> 00:55:09,080
dame ese valor.

1249
00:55:09,080 --> 00:55:11,580
>> Y vamos a ver qué pasa cuando
nos a cargar esta página.

1250
00:55:11,580 --> 00:55:14,910

1251
00:55:14,910 --> 00:55:17,580
Exactamente lo que esperábamos.

1252
00:55:17,580 --> 00:55:18,910
Una vez más, que era bastante mágico.

1253
00:55:18,910 --> 00:55:20,680
Acabamos de hacer mucho allí.

1254
00:55:20,680 --> 00:55:22,360
¿Quién tiene alguna pregunta acerca de eso?

1255
00:55:22,360 --> 00:55:22,560
¿Sí?

1256
00:55:22,560 --> 00:55:24,540
>> AUDIENCIA: Sólo tengo una pregunta
acerca de su código en vivo.

1257
00:55:24,540 --> 00:55:27,590
Se utiliza como una comilla simple, doble
cita, como allí mismo.

1258
00:55:27,590 --> 00:55:28,534
>> JASON HIRSCHHORN: Justo aquí.

1259
00:55:28,534 --> 00:55:29,006
>> AUDIENCIA: Si.

1260
00:55:29,006 --> 00:55:33,300
¿Hay una razón por la cual usted hace la
comillas simples, comillas dobles?

1261
00:55:33,300 --> 00:55:35,190
>> JASON HIRSCHHORN: Hay una razón,
y esto se remonta a lo que Marcus

1262
00:55:35,190 --> 00:55:35,830
preguntado antes.

1263
00:55:35,830 --> 00:55:38,940
En esta línea, que estaba siendo un
poco mejor en mi codificación.

1264
00:55:38,940 --> 00:55:43,810
Quiero esto, y esto es lo que honestamente
debería haber hecho todo el

1265
00:55:43,810 --> 00:55:46,240
tiempo, para la anchura y la altura
en particular.

1266
00:55:46,240 --> 00:55:49,090
Vamos a ver aquí abajo.

1267
00:55:49,090 --> 00:55:50,280
Usted verá aquí,
¿ves eso?

1268
00:55:50,280 --> 00:55:54,620
Sé que es un poco pequeña, pero los datos
Índice guión es entre comillas dobles.

1269
00:55:54,620 --> 00:55:56,240
Esas cosas siempre necesitan
estar entre comillas dobles.

1270
00:55:56,240 --> 00:55:58,630
El valor siempre debe
estar entre comillas dobles.

1271
00:55:58,630 --> 00:56:01,910
>> Pero aquí, si lo hiciera una doble cita, que
pondría fin a esta cadena aquí,

1272
00:56:01,910 --> 00:56:03,930
y ahora yo no estaría
escribir en una cadena.

1273
00:56:03,930 --> 00:56:09,600
Así que tengo alrededor que sólo por el uso de un
comilla simple, porque una sola cita

1274
00:56:09,600 --> 00:56:13,120
no termina la cadena de JavaScript pero
en HTML que no le importa si usted es

1275
00:56:13,120 --> 00:56:14,270
dándole comillas simples
o comillas dobles.

1276
00:56:14,270 --> 00:56:16,395
Simplemente va a interpretarlo
como comillas dobles.

1277
00:56:16,395 --> 00:56:17,460
¿Eso tiene sentido?

1278
00:56:17,460 --> 00:56:17,855
¿Sí?

1279
00:56:17,855 --> 00:56:21,225
>> AUDIENCIA: ¿Cómo se consigue que la dirección IP
en la parte inferior de su cliente?

1280
00:56:21,225 --> 00:56:22,473
El mío dice ninguna dirección IP.

1281
00:56:22,473 --> 00:56:24,450
¿Hay algo que debería
han hecho en [inaudible].

1282
00:56:24,450 --> 00:56:26,385
>> JASON HIRSCHHORN: En su aparato,
que no tiene nada?

1283
00:56:26,385 --> 00:56:27,043
>> AUDIENCIA: Si.

1284
00:56:27,043 --> 00:56:29,540
>> JASON HIRSCHHORN: Hay algo
que puede hacer para arreglarlo, pero no estoy

1285
00:56:29,540 --> 00:56:31,030
va a pasar el tiempo caminando
a través de eso ahora mismo.

1286
00:56:31,030 --> 00:56:33,705
Pero lo podemos hacer después de la sección.

1287
00:56:33,705 --> 00:56:38,520
>> AUDIENCIA: Si usted vuelve a
la consola, ¿por qué fue el

1288
00:56:38,520 --> 00:56:41,168
número que aparece 012.321?

1289
00:56:41,168 --> 00:56:42,480
>> JASON HIRSCHHORN: Console?

1290
00:56:42,480 --> 00:56:44,760
Oh, porque yo sólo estaba haciendo clic
alrededor salvajemente.

1291
00:56:44,760 --> 00:56:45,440
>> AUDIENCIA: Oh, está bien.

1292
00:56:45,440 --> 00:56:46,410
No importa.

1293
00:56:46,410 --> 00:56:50,754
>> JASON HIRSCHHORN: Y de nuevo, puedo hacer clic
en algo a veces bajillion.

1294
00:56:50,754 --> 00:56:53,500
>> AUDIENCIA: Tengo una pregunta acerca de
el bucle de nuevo, el de los bucles.

1295
00:56:53,500 --> 00:56:56,450
Porque usted sabe que en P establecen ocho, que
utilizar una forma diferente de ese bucle.

1296
00:56:56,450 --> 00:57:02,210
Así que ellos como var i es igual a 0, i menos
que, ocean_array.length, i + +.

1297
00:57:02,210 --> 00:57:04,160
Son aquellos equivalente?

1298
00:57:04,160 --> 00:57:06,070
>> JASON HIRSCHHORN: Eso es
un estándar para el bucle.

1299
00:57:06,070 --> 00:57:07,570
O sí, esa es la de los bucles.

1300
00:57:07,570 --> 00:57:08,565
De hecho, hemos visto que eso es equivalente.

1301
00:57:08,565 --> 00:57:10,450
>> AUDIENCIA: Así que eso es equivalente
a lo que has hecho aquí?

1302
00:57:10,450 --> 00:57:12,030
Está uno considera mejor
que el otro?

1303
00:57:12,030 --> 00:57:13,280
>> JASON HIRSCHHORN: No.

1304
00:57:13,280 --> 00:57:17,010

1305
00:57:17,010 --> 00:57:20,110
>> Así, una vez más, hemos ido
sobre algunas cosas.

1306
00:57:20,110 --> 00:57:23,170
Ahora nos hemos trasladado nuestra zona de confort
y empezó a hacer algunos realmente genial

1307
00:57:23,170 --> 00:57:26,840
cosas que no hemos ido necesariamente
otra vez en clase antes, pero se

1308
00:57:26,840 --> 00:57:28,870
espera que sea muy potente
para que cuando la codificación.

1309
00:57:28,870 --> 00:57:30,670
>> Avie, vamos a volver aquí.

1310
00:57:30,670 --> 00:57:31,890
Tengo el índice del delfín.

1311
00:57:31,890 --> 00:57:32,850
Ahora ¿qué tengo que hacer?

1312
00:57:32,850 --> 00:57:34,760
>> AUDIENCIA: Es necesario entrenarlo.

1313
00:57:34,760 --> 00:57:39,985
Así que en vez de poner console.log, que
puede establecer una variable igual a eso?

1314
00:57:39,985 --> 00:57:40,680
>> JASON HIRSCHHORN: OK.

1315
00:57:40,680 --> 00:57:41,440
¿Y qué?

1316
00:57:41,440 --> 00:57:44,450
>> AUDIENCIA: No estoy seguro
si se puede hacer eso.

1317
00:57:44,450 --> 00:57:46,880
>> JASON HIRSCHHORN: Así var x es igual a
esto, sea lo que vuelve,

1318
00:57:46,880 --> 00:57:47,650
que va a devolverlo.

1319
00:57:47,650 --> 00:57:48,350
No tiene importancia.

1320
00:57:48,350 --> 00:57:49,490
Puede devolver cualquier variable.

1321
00:57:49,490 --> 00:57:51,580
No hay tipos aquí.

1322
00:57:51,580 --> 00:57:53,970
>> AUDIENCIA: O usted podría
hacer la llamada a la función.

1323
00:57:53,970 --> 00:57:55,465
>> JASON HIRSCHHORN: Sí,
¿por qué no puedo hacerlo?

1324
00:57:55,465 --> 00:57:58,191
Sólo hacer la llamada a la función.

1325
00:57:58,191 --> 00:57:59,105
>> AUDIENCIA: Si.

1326
00:57:59,105 --> 00:58:01,100
Dicho de otro conjunto de paréntesis.

1327
00:58:01,100 --> 00:58:02,330
>> JASON HIRSCHHORN: Perfect.

1328
00:58:02,330 --> 00:58:03,580
Eso es exactamente correcto.

1329
00:58:03,580 --> 00:58:07,250

1330
00:58:07,250 --> 00:58:08,830
Así que va a llamar a la función de trenes.

1331
00:58:08,830 --> 00:58:14,020
Por supuesto, no hay nada en el tren
función, por lo que propondrá, Akshar, lo que

1332
00:58:14,020 --> 00:58:15,440
deberán hacerlo en la función de trenes.

1333
00:58:15,440 --> 00:58:16,400
Dame un poco de pseudo-código.

1334
00:58:16,400 --> 00:58:20,940
>> AUDIENCIA: Creo que deberías quitar el
Dolphin de la tabla original.

1335
00:58:20,940 --> 00:58:24,130

1336
00:58:24,130 --> 00:58:27,010
>> JASON HIRSCHHORN: Y esto se está poniendo
a Noé anterior por la que copiamos

1337
00:58:27,010 --> 00:58:30,510
en una nueva matriz.

1338
00:58:30,510 --> 00:58:34,650
Cierto, no porque lo hacemos para editar nuestro
delfines matriz porque ¿qué pasa si otro

1339
00:58:34,650 --> 00:58:37,390
El programa de usarlo o lo que si queremos
para acceder a ella en otro lugar?

1340
00:58:37,390 --> 00:58:41,005
Nosotros queremos hacer una copia, y eso es
el que nos vamos a editar.

1341
00:58:41,005 --> 00:58:46,565
>> AUDIENCIA: Después de colocar
en su nueva ubicación.

1342
00:58:46,565 --> 00:58:48,990
>> JASON HIRSCHHORN: ¿Y qué hacer
que tenemos que hacer después de eso?

1343
00:58:48,990 --> 00:58:53,298
>> AUDIENCIA: Y luego imprima la
información acerca de los delfines.

1344
00:58:53,298 --> 00:58:56,050

1345
00:58:56,050 --> 00:58:57,970
>> JASON HIRSCHHORN: Eso es
exactamente correcto.

1346
00:58:57,970 --> 00:59:03,835
Nosotros eliminamos del ocean_array, nos
lo puso en la piscina, y luego trazamos

1347
00:59:03,835 --> 00:59:06,870
el océano en la piscina.

1348
00:59:06,870 --> 00:59:09,625
¿Cómo se quita el delfín
de la ocean_array?

1349
00:59:09,625 --> 00:59:12,102
>> AUDIENCIA: Usted va al índice.

1350
00:59:12,102 --> 00:59:13,280
Oh, está bien.

1351
00:59:13,280 --> 00:59:16,076
Utilice una función de empalme.

1352
00:59:16,076 --> 00:59:17,720
>> JASON HIRSCHHORN: OK, así que eso es correcto.

1353
00:59:17,720 --> 00:59:20,950
Me vendría bien una función de empalme que
toma algo fuera de una matriz y

1354
00:59:20,950 --> 00:59:22,250
lo condensa.

1355
00:59:22,250 --> 00:59:23,560
Eso es algo nuevo que
no han visto antes.

1356
00:59:23,560 --> 00:59:26,120
Pero yo realmente quiero mantener un espacio
no porque quiero imprimir una

1357
00:59:26,120 --> 00:59:28,092
espacio en blanco en el océano.

1358
00:59:28,092 --> 00:59:36,480
>> AUDIENCIA: Así que usted puede establecer la imagen
de ese índice, el ocean_array

1359
00:59:36,480 --> 00:59:39,636
cuadro del punto del índice.

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: Imagen Dot.

1362
00:59:43,125 --> 00:59:44,300
>> JASON HIRSCHHORN: Imagen Dot.

1363
00:59:44,300 --> 00:59:45,910
>> AUDIENCIA: Y lo establece en nulo?

1364
00:59:45,910 --> 00:59:47,080
>> JASON HIRSCHHORN: igual a nulo.

1365
00:59:47,080 --> 00:59:49,440
Aceptar.

1366
00:59:49,440 --> 00:59:53,230
Así que no hay nada allí, así que a continuación
¿cómo puedo poner en la piscina?

1367
00:59:53,230 --> 00:59:56,880
Constantino, ¿cómo puedo
lo puso en la piscina?

1368
00:59:56,880 --> 01:00:00,140
Tenemos esta variable nos llama,
llamado de la piscina, aquí.

1369
01:00:00,140 --> 01:00:10,810
>> AUDIENCIA: ¿Nos hacemos iguales
Índice ocean_array?

1370
01:00:10,810 --> 01:00:12,575
>> AUDIENCIA: ¿No debería usted
cambiar el orden?

1371
01:00:12,575 --> 01:00:14,325
>> JASON HIRSCHHORN: Uno seg.

1372
01:00:14,325 --> 01:00:14,770
¿Sí?

1373
01:00:14,770 --> 01:00:16,980
>> AUDIENCIA: Sí, eso fue
realmente un buen punto.

1374
01:00:16,980 --> 01:00:19,890

1375
01:00:19,890 --> 01:00:24,372
>> JASON HIRSCHHORN: ¿Qué pasa aquí?

1376
01:00:24,372 --> 01:00:25,510
>> AUDIENCIA: ¿Es índice?

1377
01:00:25,510 --> 01:00:27,240
>> JASON HIRSCHHORN: Índice, exactamente.

1378
01:00:27,240 --> 01:00:29,400
Y lo que has dicho, Constantine,
es algo que debemos hacer?

1379
01:00:29,400 --> 01:00:31,530
>> AUDIENCIA: Deberíamos quizá
cambiar el orden.

1380
01:00:31,530 --> 01:00:34,300
>> JASON HIRSCHHORN: ¿Y por qué
cambiamos el orden, tal vez?

1381
01:00:34,300 --> 01:00:36,166
>> AUDIENCIA: Porque en ese
punto ya es nula.

1382
01:00:36,166 --> 01:00:39,755
>> JASON HIRSCHHORN: Así que no todo es nulo,
pero hemos perdido la dirección URL de la imagen.

1383
01:00:39,755 --> 01:00:42,295

1384
01:00:42,295 --> 01:00:43,615
¿Hemos perdido para siempre?

1385
01:00:43,615 --> 01:00:47,878

1386
01:00:47,878 --> 01:00:48,970
>> AUDIENCIA: Técnicamente no?

1387
01:00:48,970 --> 01:00:50,540
>> JASON HIRSCHHORN: Tener
lo perdimos para siempre?

1388
01:00:50,540 --> 01:00:51,290
>> AUDIENCIA: No.

1389
01:00:51,290 --> 01:00:52,780
>> JASON HIRSCHHORN: Bueno, ¿dónde está?

1390
01:00:52,780 --> 01:00:54,220
>> AUDIENCIA: En su delfín originales -

1391
01:00:54,220 --> 01:00:56,310
>> JASON HIRSCHHORN: Está en los delfines,
pero en ocean_array

1392
01:00:56,310 --> 01:00:57,630
lo hemos perdido para siempre.

1393
01:00:57,630 --> 01:01:01,910
Así Constantino, puede proponer una
mejor manera de escribir esta línea?

1394
01:01:01,910 --> 01:01:03,350
En realidad, lo siento, ya se ha guardado en la piscina.

1395
01:01:03,350 --> 01:01:08,640
Lo tenemos en la piscina porque
piscina es un objeto, ¿no?

1396
01:01:08,640 --> 01:01:12,310
Índice Ocean_array, un ocean_array
es un conjunto de objetos.

1397
01:01:12,310 --> 01:01:15,590
>> Así que la piscina es un objeto, y tenemos
una URL en allí, y hacia abajo

1398
01:01:15,590 --> 01:01:16,220
aquí que está establecido en null.

1399
01:01:16,220 --> 01:01:19,280
Así que en realidad, no lo hemos hecho
perdido para siempre.

1400
01:01:19,280 --> 01:01:20,080
Es sólo guarda en la piscina.

1401
01:01:20,080 --> 01:01:23,730
Pero ciertamente no es en ocean_array,
y como usted ha dicho, Carlos, es en

1402
01:01:23,730 --> 01:01:25,010
la matriz delfines.

1403
01:01:25,010 --> 01:01:25,720
>> Así que esto parece dulce.

1404
01:01:25,720 --> 01:01:27,550
Y entonces, ¿cómo se dibuja el
mar y la piscina?

1405
01:01:27,550 --> 01:01:27,780
Mario?

1406
01:01:27,780 --> 01:01:33,060
>> AUDIENCIA: Usted puede llamar
draw_pool y draw_ocean?

1407
01:01:33,060 --> 01:01:36,060
Así como, draw_pool, y luego -

1408
01:01:36,060 --> 01:01:39,522
bueno, sí, no hace falta nada.

1409
01:01:39,522 --> 01:01:40,840
>> JASON HIRSCHHORN: Muy bien.

1410
01:01:40,840 --> 01:01:42,350
¿Qué draw_pool va a hacer?

1411
01:01:42,350 --> 01:01:43,715
>> AUDIENCIA: Dibuje la piscina?

1412
01:01:43,715 --> 01:01:45,360
>> JASON HIRSCHHORN: Sí, bueno,
¿qué va a hacer?

1413
01:01:45,360 --> 01:01:46,605
>> AUDIENCIA: Lo siento.

1414
01:01:46,605 --> 01:01:48,310
Usted podría hacer lo mismo
cosa, como tener un -

1415
01:01:48,310 --> 01:01:49,670
>> JASON HIRSCHHORN: Espera,
vamos a llegar allí.

1416
01:01:49,670 --> 01:01:49,880
Nada.

1417
01:01:49,880 --> 01:01:50,950
No hace nada en estos momentos.

1418
01:01:50,950 --> 01:01:52,080
Vamos a ver si esto funciona, sin embargo.

1419
01:01:52,080 --> 01:01:52,520
¿Quién nos dio ese código?

1420
01:01:52,520 --> 01:01:54,640
Akshar y Constantino
nos dio ese código?

1421
01:01:54,640 --> 01:01:56,640
OK, vamos a ver qué pasa.

1422
01:01:56,640 --> 01:01:57,810
>> ¡Ah!

1423
01:01:57,810 --> 01:01:59,650
Eso fue muy emocionante.

1424
01:01:59,650 --> 01:02:00,790
Se ha ido.

1425
01:02:00,790 --> 01:02:01,810
Oh, muchacho.

1426
01:02:01,810 --> 01:02:03,060
Eso es un poco feo.

1427
01:02:03,060 --> 01:02:04,670
Bueno, podemos volver
y arreglar eso más tarde.

1428
01:02:04,670 --> 01:02:06,490
Me pregunto dónde está?

1429
01:02:06,490 --> 01:02:07,890
Ahorramos en esa variable piscina.

1430
01:02:07,890 --> 01:02:10,160
¿Cómo puedo averiguar si es
en esa variable de la piscina?

1431
01:02:10,160 --> 01:02:15,780
Bueno, de nuevo, el poder de JavaScript
y, en particular, las herramientas que

1432
01:02:15,780 --> 01:02:18,280
Chrome te da, es que usted puede ahora
inspeccionar esa variable piscina.

1433
01:02:18,280 --> 01:02:19,220
Es global, ¿recuerdas?

1434
01:02:19,220 --> 01:02:20,960
No pusimos la palabra clave var.

1435
01:02:20,960 --> 01:02:23,430
Así que si escribo Ingrese aquí,
Constantino, ¿qué crees que soy

1436
01:02:23,430 --> 01:02:24,800
va a conseguir cuando me golpeó Ingrese?

1437
01:02:24,800 --> 01:02:29,095

1438
01:02:29,095 --> 01:02:30,950
>> AUDIENCIA: No sé.

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
Esa fue una buena suposición, sin embargo.

1443
01:02:35,030 --> 01:02:35,920
Conseguí el objeto.

1444
01:02:35,920 --> 01:02:37,680
Recuerde que usted me dio
esa línea de código.

1445
01:02:37,680 --> 01:02:41,550
Piscina, guardó en que
un objeto variable.

1446
01:02:41,550 --> 01:02:45,180
Y, en efecto, vemos el objeto
guardó en ella.

1447
01:02:45,180 --> 01:02:46,710
Eso es impresionante.

1448
01:02:46,710 --> 01:02:48,510
Podemos inspeccionar desde aquí.

1449
01:02:48,510 --> 01:02:52,110
Es casi como en tiempo real GDB que
podemos mirar a través de nuestro código y

1450
01:02:52,110 --> 01:02:53,520
averiguar cosas.

1451
01:02:53,520 --> 01:02:55,780
Eso es super cool y super potente.

1452
01:02:55,780 --> 01:02:56,860
>> OK, vamos a terminar con esto.

1453
01:02:56,860 --> 01:02:59,710
Dibujemos la piscina en cinco minutos.

1454
01:02:59,710 --> 01:03:02,960

1455
01:03:02,960 --> 01:03:05,370
Maru, dame una línea de
código para dibujar la piscina.

1456
01:03:05,370 --> 01:03:08,975
>> AUDIENCIA: Usted podría tener otro
HTML variable, pero / a.

1457
01:03:08,975 --> 01:03:11,070
>> JASON HIRSCHHORN: Hagamos
es muy simple por ahora.

1458
01:03:11,070 --> 01:03:14,156
Vamos a imprimir el nombre de
el delfín nos estamos entrenando.

1459
01:03:14,156 --> 01:03:20,910
>> AUDIENCIA: Y entonces usted puede hacer en dólares
firmar, paréntesis de apertura,

1460
01:03:20,910 --> 01:03:23,850
y luego cita abierta.

1461
01:03:23,850 --> 01:03:26,420
Supongo piscina libras, si
eso era una cosa.

1462
01:03:26,420 --> 01:03:27,240
No me acuerdo.

1463
01:03:27,240 --> 01:03:28,950
>> JASON HIRSCHHORN: Vamos a mirar hacia atrás.

1464
01:03:28,950 --> 01:03:29,570
Creo que es una cosa.

1465
01:03:29,570 --> 01:03:30,660
>> AUDIENCIA: OK, sí.

1466
01:03:30,660 --> 01:03:36,460
Y cierre de cotización, cerca paréntesis
. Html, paréntesis de apertura,

1467
01:03:36,460 --> 01:03:45,880
y entonces creo que la piscina, como paréntesis abierto
0 o algo así.

1468
01:03:45,880 --> 01:03:47,500
Cerrar nombre del lunar.

1469
01:03:47,500 --> 01:03:49,720
No sé si eso funciona.

1470
01:03:49,720 --> 01:03:51,723
>> AUDIENCIA: OK, vamos a ver qué pasa.

1471
01:03:51,723 --> 01:03:55,507

1472
01:03:55,507 --> 01:03:59,040
"No se puede leer el nombre de la propiedad
indefinido. "Así que de nuevo, esto es lo

1473
01:03:59,040 --> 01:03:59,770
vamos a revisar.

1474
01:03:59,770 --> 01:04:00,500
Vamos a explorar esto.

1475
01:04:00,500 --> 01:04:02,710
Hiciste piscina, bracket0 abierta,. Nombre.

1476
01:04:02,710 --> 01:04:06,060
Una vez más, hago esto todo el tiempo, y estoy
confundido lo que está pasando, lo que hace

1477
01:04:06,060 --> 01:04:07,040
significa esta advertencia.

1478
01:04:07,040 --> 01:04:09,140
Echemos un vistazo a la piscina.

1479
01:04:09,140 --> 01:04:12,520
Echemos un vistazo a soporte de la piscina
0, sin definir.

1480
01:04:12,520 --> 01:04:14,430
Así que ahí es donde nos estamos quedando
en nuestro problema, ¿verdad?

1481
01:04:14,430 --> 01:04:16,130
Piscina soporte 0 no,
obviamente, de existir.

1482
01:04:16,130 --> 01:04:19,760
¿Qué crees que existe?

1483
01:04:19,760 --> 01:04:21,885
>> AUDIENCIA: Es piscina justo
un objeto por sí mismo?

1484
01:04:21,885 --> 01:04:23,550
>> JASON HIRSCHHORN: Bueno, lo que
Qué dice aquí?

1485
01:04:23,550 --> 01:04:25,850
Cuando golpeamos Enter en la piscina,
¿qué dice que es?

1486
01:04:25,850 --> 01:04:26,510
>> AUDIENCIA: Objeto.

1487
01:04:26,510 --> 01:04:28,076
>> JASON HIRSCHHORN: Es un objeto, por lo que?

1488
01:04:28,076 --> 01:04:28,860
>> AUDIENCIA: Oh, sí.

1489
01:04:28,860 --> 01:04:30,700
Así que en lugar de pool.name -

1490
01:04:30,700 --> 01:04:34,650
>> JASON HIRSCHHORN: Pool.name da
exactamente lo que quería.

1491
01:04:34,650 --> 01:04:38,060
Y me doy cuenta de que estoy pasando por esta
lentamente y machacar este punto, pero

1492
01:04:38,060 --> 01:04:39,720
esto es exactamente lo que hago estas cosas.

1493
01:04:39,720 --> 01:04:42,270
Vas a correr en estos bichos
durante su proyecto fin de carrera, así que espero

1494
01:04:42,270 --> 01:04:44,360
esto es lo que le permite ser capaz de
utilizar todas estas herramientas.

1495
01:04:44,360 --> 01:04:47,780
Estos son cruciales y voluntad
conseguirle super chulo ahora.

1496
01:04:47,780 --> 01:04:50,050
>> Así que no quiero simplemente
imprimir el nombre.

1497
01:04:50,050 --> 01:04:54,375
Vamos a hacer un poco de
poco mejor que esto.

1498
01:04:54,375 --> 01:04:56,000
>> AUDIENCIA: ¿Qué más quieres que haga?

1499
01:04:56,000 --> 01:04:56,460
>> JASON HIRSCHHORN: OK, está bien.

1500
01:04:56,460 --> 01:04:57,390
Vamos a hacer precisamente esto.

1501
01:04:57,390 --> 01:04:57,760
Ugh.

1502
01:04:57,760 --> 01:05:00,354
Chicos, no tienen vida.

1503
01:05:00,354 --> 01:05:02,720
>> Aceptar, boom, lo tengo.

1504
01:05:02,720 --> 01:05:04,040
Se ve bien.

1505
01:05:04,040 --> 01:05:09,910
Ya verás, Akshar, aquí abajo,
hemos nulo, no se encontró.

1506
01:05:09,910 --> 01:05:14,760
Así que parece que todavía está tratando de
encontrar alguna imagen, y que no lo hicieron

1507
01:05:14,760 --> 01:05:15,720
exactamente lo que queríamos hacer.

1508
01:05:15,720 --> 01:05:18,690
No vamos a entrar en eso ahora, pero
es probable que haya una forma más limpia de

1509
01:05:18,690 --> 01:05:19,835
haciendo esto.

1510
01:05:19,835 --> 01:05:24,475
>> AUDIENCIA: ¿Podrías dejar así
un espacio en blanco para la imagen?

1511
01:05:24,475 --> 01:05:27,080
Al igual que en lugar de establecer que en null,
podrías configurarlo para que como un espacio en blanco

1512
01:05:27,080 --> 01:05:28,732
cuerda o algo?

1513
01:05:28,732 --> 01:05:30,020
>> JASON HIRSCHHORN: ¿Así?

1514
01:05:30,020 --> 01:05:31,270
>> AUDIENCIA: Si.

1515
01:05:31,270 --> 01:05:36,894

1516
01:05:36,894 --> 01:05:38,144
>> JASON HIRSCHHORN: [inaudible].

1517
01:05:38,144 --> 01:05:42,000

1518
01:05:42,000 --> 01:05:42,860
No se ha encontrado.

1519
01:05:42,860 --> 01:05:44,810
Así que hay una mejor manera de hacerlo.

1520
01:05:44,810 --> 01:05:46,290
Yo propondría hacer esto.

1521
01:05:46,290 --> 01:05:50,130

1522
01:05:50,130 --> 01:05:53,080
Sólo estableciendo nula allí.

1523
01:05:53,080 --> 01:05:54,200
Luego, por supuesto, lo que es
va a pasar?

1524
01:05:54,200 --> 01:05:56,050
Se va a desaparecer por completo.

1525
01:05:56,050 --> 01:06:01,420
Así que si queríamos mantener un espacio y hacer
que, es probable que quieren hacer algo

1526
01:06:01,420 --> 01:06:05,140
aquí también.

1527
01:06:05,140 --> 01:06:06,650
Voy a empezar.

1528
01:06:06,650 --> 01:06:09,076
Akshar, dame esta línea
de código muy rápido.

1529
01:06:09,076 --> 01:06:17,480
>> AUDIENCIA: Si ocean_array, delfín,
iguales, iguales, iguales - iguales nulo?

1530
01:06:17,480 --> 01:06:20,342
Sí.

1531
01:06:20,342 --> 01:06:21,466
>> JASON HIRSCHHORN: ¿Entonces qué?

1532
01:06:21,466 --> 01:06:24,046
>> AUDIENCIA: A continuación, realice HTML.

1533
01:06:24,046 --> 01:06:27,920
Sólo tienes que copiar el código de abajo, de verdad.

1534
01:06:27,920 --> 01:06:29,100
>> JASON HIRSCHHORN: Copie qué?

1535
01:06:29,100 --> 01:06:30,290
>> AUDIENCIA: Usted puede copiar el -

1536
01:06:30,290 --> 01:06:30,340
>> JASON HIRSCHHORN: ¿Esto?

1537
01:06:30,340 --> 01:06:31,310
>> AUDIENCIA: Si.

1538
01:06:31,310 --> 01:06:33,115
>> JASON HIRSCHHORN: Todo eso?

1539
01:06:33,115 --> 01:06:35,082
No tenemos una imagen.

1540
01:06:35,082 --> 01:06:37,386
>> AUDIENCIA: Me refiero a que
sólo puede dejar una -

1541
01:06:37,386 --> 01:06:39,651
sí, usted puede cerrarla.

1542
01:06:39,651 --> 01:06:41,560
Pero yo creo que hay que establecer el ancho.

1543
01:06:41,560 --> 01:06:45,280
>> JASON HIRSCHHORN: Bueno, sólo
crear una columna vacía.

1544
01:06:45,280 --> 01:06:45,910
Aceptar.

1545
01:06:45,910 --> 01:06:48,480
Y entonces en ese caso, probablemente vamos a
querer hacer esto también.

1546
01:06:48,480 --> 01:06:54,587

1547
01:06:54,587 --> 01:06:55,837
>> Lo sentimos.

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
No funcionó, pero no estamos
conseguir ese error.

1551
01:07:01,800 --> 01:07:03,090
Vamos a ver lo que pasó aquí.

1552
01:07:03,090 --> 01:07:07,400

1553
01:07:07,400 --> 01:07:09,690
>> Así que no hay nada allí, así que lo que
dijiste que deberíamos añadir?

1554
01:07:09,690 --> 01:07:14,746
>> AUDIENCIA: Debemos fijar
la anchura de la fila.

1555
01:07:14,746 --> 01:07:15,585
>> JASON HIRSCHHORN: ¿En qué?

1556
01:07:15,585 --> 01:07:17,590
>> AUDIENCIA: Creo que es 150.

1557
01:07:17,590 --> 01:07:19,650
>> AUDIENCIA: Sí, fue de 150.

1558
01:07:19,650 --> 01:07:21,390
>> JASON HIRSCHHORN: Vamos a poner esto aquí
para mantener mi código consistente.

1559
01:07:21,390 --> 01:07:21,730
Pero este no es uno.

1560
01:07:21,730 --> 01:07:22,350
Bueno, bueno.

1561
01:07:22,350 --> 01:07:23,050
Enviado.

1562
01:07:23,050 --> 01:07:25,650
¿De acuerdo?

1563
01:07:25,650 --> 01:07:28,241
Por lo tanto, todavía se va a ir.

1564
01:07:28,241 --> 01:07:29,780
>> AUDIENCIA: Oh, llame ancho?

1565
01:07:29,780 --> 01:07:32,570

1566
01:07:32,570 --> 01:07:35,140
>> JASON HIRSCHHORN: Parece
al igual que el ancho es de 150.

1567
01:07:35,140 --> 01:07:36,290
Vamos a ver.

1568
01:07:36,290 --> 01:07:39,375
Ahora vamos a hacer la final,
Lo bueno, potente que soy

1569
01:07:39,375 --> 01:07:40,500
voy a mostrar.

1570
01:07:40,500 --> 01:07:43,830
No vamos a terminar este código, pero
en línea antes de que deje de fumar, todo esto

1571
01:07:43,830 --> 01:07:44,580
código será correcta.

1572
01:07:44,580 --> 01:07:48,970
Yo te enviaremos la versión corregida
con algunos de mi propio estilo después

1573
01:07:48,970 --> 01:07:51,020
sección, y que va a ser publicado en Internet.

1574
01:07:51,020 --> 01:07:53,920
Os animo a seguir explorando esta
y utilizar esto como una referencia, pero

1575
01:07:53,920 --> 01:07:58,250
quiere que le muestre la herramienta final para este
clase, y eso es más de aquí en

1576
01:07:58,250 --> 01:07:58,920
el lado derecho.

1577
01:07:58,920 --> 01:08:01,700
Y nos fijamos en esta última semana, pero ahora
esperamos que sea un poco más familiar

1578
01:08:01,700 --> 01:08:02,970
a usted y cómoda.

1579
01:08:02,970 --> 01:08:06,730
>> Se puede jugar de forma dinámica
con el CSS de una página.

1580
01:08:06,730 --> 01:08:09,570
Hemos hecho ya nos vimos
reproducir de forma dinámica con el código HTML.

1581
01:08:09,570 --> 01:08:13,470
Recuerde que hicimos el derecho
haga clic en Editar como HTML?

1582
01:08:13,470 --> 01:08:14,090
¿Aquí mismo?

1583
01:08:14,090 --> 01:08:16,080
Así que hemos jugado de forma dinámica
con el código HTML.

1584
01:08:16,080 --> 01:08:20,620
>> En la consola, se puede jugar de forma dinámica
con el código JavaScript de una página.

1585
01:08:20,620 --> 01:08:24,899
Por ejemplo, es una válida
JavaScript line.

1586
01:08:24,899 --> 01:08:26,870
Boom, me dieron exactamente lo que quería.

1587
01:08:26,870 --> 01:08:30,060
Así que podemos jugar de forma dinámica con el
HTML, el juego de forma dinámica con el

1588
01:08:30,060 --> 01:08:30,550
JavaScript.

1589
01:08:30,550 --> 01:08:32,810
Ahora vamos a dinámicamente
jugar con el CSS.

1590
01:08:32,810 --> 01:08:36,630
>> Y todo esto es porque es como
instantánea, vive retroalimentación GDB, y por lo que

1591
01:08:36,630 --> 01:08:39,979
puede saber el derecho de algo antes de tener
ir su código, y se puede

1592
01:08:39,979 --> 01:08:41,790
No supongo que lo que es algo
va a parecer.

1593
01:08:41,790 --> 01:08:43,050
Así que esta es super cool duper.

1594
01:08:43,050 --> 01:08:45,850
>> Y vamos por fin a ver de forma dinámica
jugando con el CSS.

1595
01:08:45,850 --> 01:08:49,560
Eso es más de aquí a la derecha
lado, element.style.

1596
01:08:49,560 --> 01:08:50,420
Vamos a ello.

1597
01:08:50,420 --> 01:08:51,740
Aquí está nuestro elemento.

1598
01:08:51,740 --> 01:08:54,689
Vamos a darle un poco de CSS extra.

1599
01:08:54,689 --> 01:09:00,300
>> O lo siento, podríamos darle algo extra
CSS, pero es probable que, en este caso,

1600
01:09:00,300 --> 01:09:03,330
que desee cambiar este atributo.

1601
01:09:03,330 --> 01:09:05,535
Así que vamos a ir por aquí a esta línea.

1602
01:09:05,535 --> 01:09:06,785
Oh, no puedo hacer eso aquí.

1603
01:09:06,785 --> 01:09:11,109

1604
01:09:11,109 --> 01:09:11,689
Lo siento.

1605
01:09:11,689 --> 01:09:12,939
Edite AS -

1606
01:09:12,939 --> 01:09:17,410

1607
01:09:17,410 --> 01:09:19,270
así que eso es cómo se puede editar el CSS.

1608
01:09:19,270 --> 01:09:21,804
No vamos a editar el CSS en este
segundo, pero sí queremos editar

1609
01:09:21,804 --> 01:09:24,439
el código HTML y darle
un atributo extra.

1610
01:09:24,439 --> 01:09:26,762
¿Qué es lo que usted propone cambiar esto?

1611
01:09:26,762 --> 01:09:30,069

1612
01:09:30,069 --> 01:09:31,170
Pensé Avie tenía una sugerencia.

1613
01:09:31,170 --> 01:09:32,420
>> AUDIENCIA: Ancho de Col?

1614
01:09:32,420 --> 01:09:38,880

1615
01:09:38,880 --> 01:09:40,560
>> JASON HIRSCHHORN: Eso parecía
que no hizo nada.

1616
01:09:40,560 --> 01:09:43,390

1617
01:09:43,390 --> 01:09:45,803
Vamos a tratar de la CSS.

1618
01:09:45,803 --> 01:09:46,707
>> AUDIENCIA: [inaudible] de clase?

1619
01:09:46,707 --> 01:09:48,310
>> JASON HIRSCHHORN: Dice
No trabaja.

1620
01:09:48,310 --> 01:09:49,260
Le da esa cosa amarilla.

1621
01:09:49,260 --> 01:09:51,660
>> AUDIENCIA: Pero [inaudible].

1622
01:09:51,660 --> 01:09:56,883
>> AUDIENCIA: ¿No estás configurando el ancho
de una imagen a 150 cuando se hace eso?

1623
01:09:56,883 --> 01:09:59,741
Al igual que ¿no sólo tiene que utilizar el ancho?

1624
01:09:59,741 --> 01:10:00,740
>> JASON HIRSCHHORN: Si.

1625
01:10:00,740 --> 01:10:02,785
>> AUDIENCIA: Pero no tenemos
una imagen más.

1626
01:10:02,785 --> 01:10:03,340
>> JASON HIRSCHHORN: No.

1627
01:10:03,340 --> 01:10:04,290
No tenemos nada allí.

1628
01:10:04,290 --> 01:10:07,990
Así que no vamos a resolver
el problema específico.

1629
01:10:07,990 --> 01:10:11,190
Vamos a volver a Akshar de
solución, porque quiero establecer un

1630
01:10:11,190 --> 01:10:14,160
delfín libre por el momento,
o eso es lo último

1631
01:10:14,160 --> 01:10:14,710
Lo que quiero terminar.

1632
01:10:14,710 --> 01:10:18,340
Así que vamos a dejar esto aquí
al tiempo que reconoce que no es bastante

1633
01:10:18,340 --> 01:10:19,870
correcta, y vamos
para volver a ella.

1634
01:10:19,870 --> 01:10:21,230
>> Lo siento.

1635
01:10:21,230 --> 01:10:23,380
Me dijo que podemos dinámicamente
cambiar el CSS.

1636
01:10:23,380 --> 01:10:26,060
Echemos un vistazo a eso y lo hacen
que realmente rápidamente.

1637
01:10:26,060 --> 01:10:28,910
Así que si inspecciono este elemento aquí abajo,
y digo que quiero que sea azul,

1638
01:10:28,910 --> 01:10:32,850
usted puede venir aquí, el color, porque
Sé que cambia el color de

1639
01:10:32,850 --> 01:10:36,710
algo, y vimos cómo
cambió de azul.

1640
01:10:36,710 --> 01:10:38,850
Así soy yo dinámicamente
cambiar el CSS.

1641
01:10:38,850 --> 01:10:42,150
No cambia para bien, pero luego
Puedo volver a mi archivo CSS y

1642
01:10:42,150 --> 01:10:44,990
cambiar el color de un objeto.

1643
01:10:44,990 --> 01:10:46,610
>> Aceptar.

1644
01:10:46,610 --> 01:10:48,180
Eso fue mucho.

1645
01:10:48,180 --> 01:10:50,480
No terminamos mi programa increíble.

1646
01:10:50,480 --> 01:11:00,352
Déjame que te lo muestro muy rápido,
y luego nos dirigiremos a cabo.

1647
01:11:00,352 --> 01:11:01,860
Oh, ¿dónde está?

1648
01:11:01,860 --> 01:11:02,710
¡No!

1649
01:11:02,710 --> 01:11:03,960
Espera.

1650
01:11:03,960 --> 01:11:19,650

1651
01:11:19,650 --> 01:11:24,350
>> OK, así que usted está empacando, un
increíble vista previa, o frontal

1652
01:11:24,350 --> 01:11:25,330
ver, de la próxima vez.

1653
01:11:25,330 --> 01:11:30,880
Se trata de Entrenador de Delfines 2013,
y que no 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
¿Qué quiere decir esto?

1659
01:11:38,950 --> 01:11:39,700
>> AUDIENCIA: ¿No chmod.

1660
01:11:39,700 --> 01:11:41,430
>> JASON HIRSCHHORN: yo no chmod.

1661
01:11:41,430 --> 01:11:42,680
>> AUDIENCIA: la fila uno.

1662
01:11:42,680 --> 01:11:52,774

1663
01:11:52,774 --> 01:11:54,930
>> JASON HIRSCHHORN: Oh, mira eso.

1664
01:11:54,930 --> 01:11:55,710
Aceptar.

1665
01:11:55,710 --> 01:11:57,280
Así pues, tengo mis seis delfines.

1666
01:11:57,280 --> 01:11:57,730
¿Qué sucede?

1667
01:11:57,730 --> 01:11:58,060
Vamos a ver.

1668
01:11:58,060 --> 01:12:02,595
Si entreno uno, ahora la formación de Lili.

1669
01:12:02,595 --> 01:12:04,910
Oh, quiero hacerte libre, Lili.

1670
01:12:04,910 --> 01:12:06,660
Hay que ir, de nuevo en el océano.

1671
01:12:06,660 --> 01:12:07,950
>> Así que eso fue esta semana.

1672
01:12:07,950 --> 01:12:09,500
Si usted tiene alguna pregunta,
vamos a estar fuera.

1673
01:12:09,500 --> 01:12:11,340
Y otra vez, te voy a enviar
el resto de este código.

1674
01:12:11,340 --> 01:12:12,590
Gracias, chicos.

1675
01:12:12,590 --> 01:12:15,723