[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:01.20,0:00:04.13,Default,,0000,0000,0000,,Bueno, tengo a mi buen amigo Winston aquí para ayudarnos con éste.
Dialogue: 0,0:00:04.13,0:00:06.79,Default,,0000,0000,0000,,Y sé que ya se ve imposiblemente genial.
Dialogue: 0,0:00:06.79,0:00:09.29,Default,,0000,0000,0000,,Pero me parece que quiero cambiar\Nel tamaño de sus ojos un poco.
Dialogue: 0,0:00:09.29,0:00:11.13,Default,,0000,0000,0000,,Así que aquí es donde dibujo sus ojos.
Dialogue: 0,0:00:11.13,0:00:13.67,Default,,0000,0000,0000,,Puedes ver que configuramos el color de relleno y dibujamos dos elipses,
Dialogue: 0,0:00:13.67,0:00:17.33,Default,,0000,0000,0000,,y si quiero hacer esta elipse más pequeña,\Npuedo cambiar el ancho,
Dialogue: 0,0:00:17.33,0:00:20.23,Default,,0000,0000,0000,,pero también quiero que sea redonda\Nasí que cambiaré el alto,
Dialogue: 0,0:00:20.23,0:00:21.79,Default,,0000,0000,0000,,para que sea el mismo valor.
Dialogue: 0,0:00:21.79,0:00:24.83,Default,,0000,0000,0000,,Y si también queremos que ambos ojos sean del mismo tamaño, deberíamos cambiar
Dialogue: 0,0:00:24.83,0:00:26.95,Default,,0000,0000,0000,,el alto y el ancho de este ojo.\NPero ahora son un poco pequeños.
Dialogue: 0,0:00:26.95,0:00:29.08,Default,,0000,0000,0000,,Así que los cambiaré nuevamente.
Dialogue: 0,0:00:29.08,0:00:33.00,Default,,0000,0000,0000,,¿No sería grandioso que pudiera cambiar sólo un número y que ambos ojos cambiaran?
Dialogue: 0,0:00:33.00,0:00:37.62,Default,,0000,0000,0000,,Y aquí, es donde entran en juego las "variables".
Dialogue: 0,0:00:37.62,0:00:39.50,Default,,0000,0000,0000,,Ahora, una variable es tan sólo como un nombre
Dialogue: 0,0:00:39.50,0:00:41.57,Default,,0000,0000,0000,,o contenedor para algo más.
Dialogue: 0,0:00:41.57,0:00:44.37,Default,,0000,0000,0000,,A mí me gusta pensar que una variable es un gran balde con nombre.
Dialogue: 0,0:00:44.37,0:00:46.62,Default,,0000,0000,0000,,Puedes poner cualquier cosa que quieras en el balde,
Dialogue: 0,0:00:46.62,0:00:48.29,Default,,0000,0000,0000,,pero el nombre se mantiene igual.
Dialogue: 0,0:00:48.29,0:00:52.54,Default,,0000,0000,0000,,Llamamos a lo que está dentro del balde,\Nel "valor" de la variable.
Dialogue: 0,0:00:53.61,0:00:57.02,Default,,0000,0000,0000,,Así que, comencemos haciendo una variable\Nbien arriba, aquí.
Dialogue: 0,0:00:57.57,0:00:59.08,Default,,0000,0000,0000,,Todo lo que voy hacer es tipear "var"
Dialogue: 0,0:00:59.08,0:01:03.11,Default,,0000,0000,0000,,que significa "variable", un espacio y luego\Nel nombre de la variable,
Dialogue: 0,0:01:03.11,0:01:05.13,Default,,0000,0000,0000,,que debería describir lo que va a contener la variable,
Dialogue: 0,0:01:05.13,0:01:07.12,Default,,0000,0000,0000,,así que la llamaremos eyeSize (tamañoDelOjo).
Dialogue: 0,0:01:07.12,0:01:08.74,Default,,0000,0000,0000,,Y básicamente, puedes ponerle el nombre que quieras,
Dialogue: 0,0:01:08.74,0:01:10.50,Default,,0000,0000,0000,,pero no se permite poner espacios entre las palabras del nombre.
Dialogue: 0,0:01:10.50,0:01:12.71,Default,,0000,0000,0000,,Y, por supuesto, no olvides el punto y coma.
Dialogue: 0,0:01:12.71,0:01:14.67,Default,,0000,0000,0000,,Entonces, ahora tenemos una variable llamada eyeSize,
Dialogue: 0,0:01:14.67,0:01:17.04,Default,,0000,0000,0000,,porque va a contener el tamaño de los ojos de Winston,
Dialogue: 0,0:01:17.04,0:01:19.60,Default,,0000,0000,0000,,pero hasta ahora, esta variable no tiene un valor aún.
Dialogue: 0,0:01:19.60,0:01:21.54,Default,,0000,0000,0000,,Para darle un valor, \Nsólo le decimos...\N
Dialogue: 0,0:01:21.54,0:01:27.44,Default,,0000,0000,0000,,eyeSize = 20\N(eyeSize, luego un signo igual y luego 20).
Dialogue: 0,0:01:27.91,0:01:29.79,Default,,0000,0000,0000,,Ok, ¿Ves ese símbolo "=" (igual)?
Dialogue: 0,0:01:29.79,0:01:32.26,Default,,0000,0000,0000,,Olvídate lo que te haya dicho tu profesor de matemática,
Dialogue: 0,0:01:32.26,0:01:34.27,Default,,0000,0000,0000,,Ese signo de igual, no significa "iguales",
Dialogue: 0,0:01:34.27,0:01:36.01,Default,,0000,0000,0000,,significa "asignación".
Dialogue: 0,0:01:36.14,0:01:42.13,Default,,0000,0000,0000,,Esto significa que estamos \Nasignando el valor 20 a la variable eyeSize.
Dialogue: 0,0:01:42.13,0:01:45.74,Default,,0000,0000,0000,,En otras palabras, estamos poniendo el número "20"\Nen el balde llamado eyeSize.
Dialogue: 0,0:01:45.74,0:01:50.65,Default,,0000,0000,0000,,Y ¿Recuerdas como, en la clase de matemáticas, \Npodías decir algo como x es igual a 3,
Dialogue: 0,0:01:50.74,0:01:53.79,Default,,0000,0000,0000,,y 3 es igual a x, y era lo mismo? Porque...
Dialogue: 0,0:01:53.79,0:01:56.54,Default,,0000,0000,0000,,... Daah, son iguales!...\NBueno, no puedes hacer esto aquí tampoco.
Dialogue: 0,0:01:56.54,0:02:00.38,Default,,0000,0000,0000,,La cosa a la izquierda del signo igual es siempre la variable,
Dialogue: 0,0:02:00.38,0:02:05.60,Default,,0000,0000,0000,,y la cosa a la derecha del signo = , es siempre el valor que estás asignando a la variable.
Dialogue: 0,0:02:05.60,0:02:08.24,Default,,0000,0000,0000,,Una buena manera de ayudarte recordar\Ncuál lado es qué, es...
Dialogue: 0,0:02:08.24,0:02:11.63,Default,,0000,0000,0000,,... mientras programas y hablas, acostúmbrate como cualquier programador hace,
Dialogue: 0,0:02:11.63,0:02:15.88,Default,,0000,0000,0000,,a decir "recibe" en lugar de "igual" \Nal encontrarte con un signo =.
Dialogue: 0,0:02:15.88,0:02:19.10,Default,,0000,0000,0000,,Entonces, esto se convierte en \N"eyeSize recibe 20".
Dialogue: 0,0:02:19.10,0:02:22.12,Default,,0000,0000,0000,,Y ahora, cada vez que utilice eyeSize en nuestro programa,
Dialogue: 0,0:02:22.12,0:02:24.62,Default,,0000,0000,0000,,la computadora, es como que dirá \N"ah sí, es una variable...
Dialogue: 0,0:02:24.62,0:02:28.29,Default,,0000,0000,0000,,... yo sé lo que significa en realidad. Es este valor 20".
Dialogue: 0,0:02:28.29,0:02:30.54,Default,,0000,0000,0000,,Así que mira, voy a copiar esto...
Dialogue: 0,0:02:30.54,0:02:34.37,Default,,0000,0000,0000,,... y luego, reemplazar estos 4 números...
Dialogue: 0,0:02:34.37,0:02:38.62,Default,,0000,0000,0000,,... por mi nueva variable eyeSize,
Dialogue: 0,0:02:38.62,0:02:41.37,Default,,0000,0000,0000,,y voilá!!!!\NLos ojos de Winston son ahora,
Dialogue: 0,0:02:41.37,0:02:43.04,Default,,0000,0000,0000,,ambos, perfectamente redondos
Dialogue: 0,0:02:43.04,0:02:46.90,Default,,0000,0000,0000,,y del mismo tamaño.\NY si quiero cambiar el valor de ambos ojos,
Dialogue: 0,0:02:46.90,0:02:51.33,Default,,0000,0000,0000,,, es decir, el tamaño de los ojos, podría cambiar el valor de esta única variable.
Dialogue: 0,0:02:51.33,0:02:54.88,Default,,0000,0000,0000,,¡Ay!! ¡Genial!
Dialogue: 0,0:02:54.88,0:02:56.04,Default,,0000,0000,0000,,Ok, un par de notas más.
Dialogue: 0,0:02:56.04,0:02:58.87,Default,,0000,0000,0000,,Aquí arriba, hicimos\Nuna nueva variable llamada eyeSize,
Dialogue: 0,0:02:58.87,0:03:01.34,Default,,0000,0000,0000,,y aquí, le dimos el valor 33.
Dialogue: 0,0:03:01.34,0:03:03.56,Default,,0000,0000,0000,,En realidad, podemos hacer, todo en un sólo paso diciendo:
Dialogue: 0,0:03:03.56,0:03:08.84,Default,,0000,0000,0000,,var eyeSize = 33;\N(eyeSize recibe 33),
Dialogue: 0,0:03:08.91,0:03:10.70,Default,,0000,0000,0000,,y si elimino estas dos líneas,
Dialogue: 0,0:03:10.70,0:03:13.95,Default,,0000,0000,0000,,puedes ver que todo funciona todavía.
Dialogue: 0,0:03:13.95,0:03:17.04,Default,,0000,0000,0000,,También, recuerda que la computadora lee tu código de arriba hacia abajo,
Dialogue: 0,0:03:17.04,0:03:20.10,Default,,0000,0000,0000,,así que la única razón por la que supo \Nqué significaba eyeSize aquí abajo,
Dialogue: 0,0:03:20.10,0:03:22.17,Default,,0000,0000,0000,,es porque ya la habíamos definido aquí arriba.
Dialogue: 0,0:03:22.17,0:03:25.12,Default,,0000,0000,0000,,Si en lugar de ello, la pusiera aquí abajo,
Dialogue: 0,0:03:25.12,0:03:27.77,Default,,0000,0000,0000,,entonces, cuando lleguemos a esta línea del código,
Dialogue: 0,0:03:27.77,0:03:30.08,Default,,0000,0000,0000,,la computadora pensará\N"¿eyeSize? no sé lo que es eyeSize".
Dialogue: 0,0:03:30.08,0:03:34.23,Default,,0000,0000,0000,,De hecho, aquí recibimos un error \Nque dice "eyeSize no está definido".
Dialogue: 0,0:03:34.23,0:03:37.74,Default,,0000,0000,0000,,Y quizás pienses\N"sí, la definí, está aquí mismo".
Dialogue: 0,0:03:37.74,0:03:40.88,Default,,0000,0000,0000,,Pero la computadora no es tan astuta y no lo entiende.
Dialogue: 0,0:03:40.88,0:03:44.79,Default,,0000,0000,0000,,Así que movámosla de nuevo hacia arriba,
Dialogue: 0,0:03:44.79,0:03:49.66,Default,,0000,0000,0000,,y siempre tienes que asegurarte de definir tu variable, antes de tratar de usarla.
Dialogue: 0,0:03:49.66,0:03:53.00,Default,,0000,0000,0000,,Y, ahora, ya sabes acerca de variables,\NYeeeeeeaaahh!