[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.87,0:00:03.44,Default,,0000,0000,0000,,Aquí tengo a mi buen amigo Winston para ayudarnos con esto.
Dialogue: 0,0:00:03.44,0:00:08.57,Default,,0000,0000,0000,,¡Y sé que ya se ve imposiblemente impresionante! pero creo que quiero cambiar el tamaño de sus ojos sólo un poco.
Dialogue: 0,0:00:08.57,0:00:13.04,Default,,0000,0000,0000,,Aquí es donde dibujé sus ojos, puedes ver que establecimos el color de relleno y luego pusimos dos elipses.
Dialogue: 0,0:00:13.04,0:00:18.29,Default,,0000,0000,0000,,Y si quiero hacer esta elipse mas pequeña, puedo cambiar el ancho, pero también quiero que sea redonda
Dialogue: 0,0:00:18.29,0:00:20.43,Default,,0000,0000,0000,,así que cambiaremos el alto para que sean iguales
Dialogue: 0,0:00:20.43,0:00:24.62,Default,,0000,0000,0000,,y queremos que los ojos sean del mismo tamaño, debemos cambiar el ancho y la altura de este ojo.
Dialogue: 0,0:00:24.62,0:00:30.07,Default,,0000,0000,0000,,Bueno, ahora que sus ojos son muy pequeños, debo regresarlos a su tamaño original, ¿no sería genial si pudiera
Dialogue: 0,0:00:30.07,0:00:32.57,Default,,0000,0000,0000,,cambiar sólo un número y que cambien ambos ojos?
Dialogue: 0,0:00:32.57,0:00:35.96,Default,,0000,0000,0000,,Y aquí es donde entran las variables.
Dialogue: 0,0:00:36.65,0:00:40.81,Default,,0000,0000,0000,,Una variable es como un nombre o un identificador para algo.
Dialogue: 0,0:00:41.04,0:00:44.50,Default,,0000,0000,0000,,Me gusta pensar en una variable como una gran cubeta con un nombre en ella.
Dialogue: 0,0:00:44.50,0:00:47.47,Default,,0000,0000,0000,,Puedes poner lo que quieras en la cubeta, pero el nombre permanece igual.
Dialogue: 0,0:00:47.47,0:00:52.02,Default,,0000,0000,0000,,Llamamos a lo que hay dentro de la cubeta el valor de la variable.
Dialogue: 0,0:00:53.19,0:00:57.20,Default,,0000,0000,0000,,Así que empecemos haciendo una variable, voy a hacerlo aquí arriba.
Dialogue: 0,0:00:57.20,0:01:02.86,Default,,0000,0000,0000,,Lo que haces es escribir "var" que significa variable, espacio y el nombre de la variable,
Dialogue: 0,0:01:02.86,0:01:05.76,Default,,0000,0000,0000,,que describirá lo que contiene la misma, llamemos a ésta, "eyeSize" (tamañoDeOjo)
Dialogue: 0,0:01:05.76,0:01:09.73,Default,,0000,0000,0000,,Puedes nombrarla como quieras, pero no está permitido tener espacios entre palabras.
Dialogue: 0,0:01:09.73,0:01:11.90,Default,,0000,0000,0000,,Y, por supuesto, ¡no olvides el punto y coma!
Dialogue: 0,0:01:11.90,0:01:16.66,Default,,0000,0000,0000,,Y ya hice una variable, llamada eyeSize (tamañoDeOjo), porque va a contener el tamaño de los ojos de Winston,
Dialogue: 0,0:01:16.66,0:01:19.53,Default,,0000,0000,0000,,pero hasta el momento esta variable no tiene un valor.
Dialogue: 0,0:01:19.53,0:01:27.40,Default,,0000,0000,0000,,Para darle uno, escribimos eyeSize y luego un signo de igual y después 20 y punto y coma.
Dialogue: 0,0:01:27.40,0:01:31.92,Default,,0000,0000,0000,,Bien, ¿ves el signo de igual? Olvida lo que tu maestro de matemáticas te enseñó sobre él
Dialogue: 0,0:01:31.94,0:01:35.31,Default,,0000,0000,0000,,el signo de igual no significa igualdad, significa asignación.
Dialogue: 0,0:01:35.33,0:01:41.30,Default,,0000,0000,0000,,Esto significa que estamos asignando el valor 20 a la variable eyeSize.
Dialogue: 0,0:01:41.30,0:01:45.42,Default,,0000,0000,0000,,En otras palabras, estamos poniendo el número 20 en la cubeta llamada eyeSize.
Dialogue: 0,0:01:45.42,0:01:52.70,Default,,0000,0000,0000,,¿Y recuerdas cómo en clase de matemáticas puedes decir cosas como que x = 3 y 3 = x significan lo mismo?
Dialogue: 0,0:01:52.82,0:01:54.45,Default,,0000,0000,0000,,porque, daah, son iguales.
Dialogue: 0,0:01:54.45,0:01:56.19,Default,,0000,0000,0000,,Bueno, no puedes hacer eso aquí.
Dialogue: 0,0:01:56.19,0:01:59.79,Default,,0000,0000,0000,,Lo que está a la izquierda del signo de igual siempre es la variable.
Dialogue: 0,0:01:59.79,0:02:05.06,Default,,0000,0000,0000,,Y lo que está a la derecha del signo de igual es siempre el valor que le estás asignando a la variable.\N
Dialogue: 0,0:02:05.06,0:02:11.10,Default,,0000,0000,0000,,Una buena forma de recordar cuál lado es cuál es, mientras escribes código o hablas de ello como lo hace cualquier programador "cool",
Dialogue: 0,0:02:11.10,0:02:14.96,Default,,0000,0000,0000,,Si tecleas un signo de igual no digas "es igual a", di "contiene"
Dialogue: 0,0:02:14.96,0:02:18.35,Default,,0000,0000,0000,,Entonces esto sería eyeSize contiene 20.
Dialogue: 0,0:02:19.73,0:02:27.63,Default,,0000,0000,0000,,Y ahora, cada vez que use eyeSize en mi programa, la computadora dirá: "ah, sí, eso es una variable, sé que realmente significa 20".
Dialogue: 0,0:02:27.63,0:02:30.92,Default,,0000,0000,0000,,Ahora mira, sólo voy a copiar esto.
Dialogue: 0,0:02:30.92,0:02:39.56,Default,,0000,0000,0000,,Y luego reemplazar estos cuatro números con mi nueva variable eyeSize y ¡Voila!
Dialogue: 0,0:02:39.56,0:02:46.65,Default,,0000,0000,0000,,Los ojos de Winston ahora son perfectamente redondos y del mismo tamaño y, si quiero cambiar el valor de ambos ojos
Dialogue: 0,0:02:46.65,0:02:50.59,Default,,0000,0000,0000,,o su tamaño, sólo cambio el valor de esta única variable.
Dialogue: 0,0:02:50.59,0:02:53.15,Default,,0000,0000,0000,,"aah, eso es tan cool"
Dialogue: 0,0:02:54.72,0:02:58.26,Default,,0000,0000,0000,,Bien, algunas notas finales, aquí arriba hicimos una variable nueva llamada eyeSize.
Dialogue: 0,0:02:58.26,0:03:02.81,Default,,0000,0000,0000,,Y aquí le dimos un valor de 33, en realidad podemos hacerlo todo en un paso
Dialogue: 0,0:03:02.95,0:03:07.59,Default,,0000,0000,0000,,escribiendo var eyeSize, ese es el primer paso, contiene 33
Dialogue: 0,0:03:07.59,0:03:12.13,Default,,0000,0000,0000,,ese es el segundo paso y si borro estas dos líneas, puedes ver que aún funciona todo.
Dialogue: 0,0:03:13.66,0:03:16.69,Default,,0000,0000,0000,,También recuerda que la computadora lee tu código de arriba hacia abajo,
Dialogue: 0,0:03:16.75,0:03:19.30,Default,,0000,0000,0000,,así que la única razón por la que supo lo que eyeSize era aquí abajo,
Dialogue: 0,0:03:19.30,0:03:22.05,Default,,0000,0000,0000,,fue porque ya lo habíamos definido aquí arriba.
Dialogue: 0,0:03:22.05,0:03:24.22,Default,,0000,0000,0000,,Si lo hubiese puesto aquí abajo,
Dialogue: 0,0:03:24.22,0:03:30.66,Default,,0000,0000,0000,,al llegar a esta línea de código la computadora diría: "eyeSize, ¿qué rayos es eyeSize? No sé qué es"
Dialogue: 0,0:03:30.66,0:03:33.76,Default,,0000,0000,0000,,De hecho, obtendríamos un error que dice: eyeSize no está definido.
Dialogue: 0,0:03:33.76,0:03:37.26,Default,,0000,0000,0000,,Y tal vez estés pensando: sí la definí , aquí está.
Dialogue: 0,0:03:37.26,0:03:39.55,Default,,0000,0000,0000,,Pero la computadora no es inteligente, no lo comprende.
Dialogue: 0,0:03:40.67,0:03:42.56,Default,,0000,0000,0000,,Así que movámoslo de regreso hasta arriba.
Dialogue: 0,0:03:44.60,0:03:48.56,Default,,0000,0000,0000,,Y siempre tienes que asegurarte que definas tus variables antes de intentar usarlas.
Dialogue: 0,0:03:48.56,0:03:52.56,Default,,0000,0000,0000,,¡Y ahora ya sabes acerca de variables! ¡Yeeii!