0:00:00.868,0:00:03.442
Aquí tengo a mi buen amigo Winston para ayudarnos con esto.

0:00:03.442,0:00:08.572
¡Y sé que ya se ve imposiblemente impresionante! pero creo que quiero cambiar el tamaño de sus ojos sólo un poco.

0:00:08.572,0:00:13.042
Aquí es donde dibujé sus ojos, puedes ver que establecimos el color de relleno y luego pusimos dos elipses.

0:00:13.042,0:00:18.289
Y si quiero hacer esta elipse mas pequeña, puedo cambiar el ancho, pero también quiero que sea redonda

0:00:18.289,0:00:20.429
así que cambiaremos el alto para que sean iguales

0:00:20.429,0:00:24.622
y queremos que los ojos sean del mismo tamaño, debemos cambiar el ancho y la altura de este ojo.

0:00:24.622,0:00:30.072
Bueno, ahora que sus ojos son muy pequeños, debo regresarlos a su tamaño original, ¿no sería genial si pudiera

0:00:30.072,0:00:32.572
cambiar sólo un número y que cambien ambos ojos?

0:00:32.572,0:00:35.956
Y aquí es donde entran las variables.

0:00:36.648,0:00:40.811
Una variable es como un nombre o un identificador para algo.

0:00:41.040,0:00:44.498
Me gusta pensar en una variable como una gran cubeta con un nombre en ella.

0:00:44.498,0:00:47.472
Puedes poner lo que quieras en la cubeta, pero el nombre permanece igual.

0:00:47.472,0:00:52.019
Llamamos a lo que hay dentro de la cubeta el valor de la variable.

0:00:53.188,0:00:57.199
Así que empecemos haciendo una variable, voy a hacerlo aquí arriba.

0:00:57.199,0:01:02.860
Lo que haces es escribir "var" que significa variable, espacio y el nombre de la variable,

0:01:02.860,0:01:05.763
que describirá lo que contiene la misma, llamemos a ésta, "eyeSize" (tamañoDeOjo)

0:01:05.763,0:01:09.727
Puedes nombrarla como quieras, pero no está permitido tener espacios entre palabras.

0:01:09.727,0:01:11.897
Y, por supuesto, ¡no olvides el punto y coma!

0:01:11.897,0:01:16.664
Y ya hice una variable, llamada eyeSize (tamañoDeOjo), porque va a contener el tamaño de los ojos de Winston,

0:01:16.664,0:01:19.530
pero hasta el momento esta variable no tiene un valor.

0:01:19.530,0:01:27.403
Para darle uno, escribimos eyeSize y luego un signo de igual y después 20 y punto y coma.

0:01:27.403,0:01:31.922
Bien, ¿ves el signo de igual? Olvida lo que tu maestro de matemáticas te enseñó sobre él

0:01:31.937,0:01:35.306
el signo de igual no significa igualdad, significa asignación.

0:01:35.329,0:01:41.300
Esto significa que estamos asignando el valor 20 a la variable eyeSize.

0:01:41.300,0:01:45.416
En otras palabras, estamos poniendo el número 20 en la cubeta llamada eyeSize.

0:01:45.416,0:01:52.698
¿Y recuerdas cómo en clase de matemáticas puedes decir cosas como que x = 3 y 3 = x significan lo mismo?

0:01:52.821,0:01:54.453
porque, daah, son iguales.

0:01:54.453,0:01:56.187
Bueno, no puedes hacer eso aquí.

0:01:56.187,0:01:59.786
Lo que está a la izquierda del signo de igual siempre es la variable.

0:01:59.786,0:02:05.056
Y lo que está a la derecha del signo de igual es siempre el valor que le estás asignando a la variable.[br]

0:02:05.056,0:02:11.104
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",

0:02:11.104,0:02:14.964
Si tecleas un signo de igual no digas "es igual a", di "contiene"

0:02:14.964,0:02:18.349
Entonces esto sería eyeSize contiene 20.

0:02:19.733,0:02:27.626
Y ahora, cada vez que use eyeSize en mi programa, la computadora dirá: "ah, sí, eso es una variable, sé que realmente significa 20".

0:02:27.626,0:02:30.923
Ahora mira, sólo voy a copiar esto.

0:02:30.923,0:02:39.559
Y luego reemplazar estos cuatro números con mi nueva variable eyeSize y ¡Voila!

0:02:39.559,0:02:46.646
Los ojos de Winston ahora son perfectamente redondos y del mismo tamaño y, si quiero cambiar el valor de ambos ojos

0:02:46.646,0:02:50.590
o su tamaño, sólo cambio el valor de esta única variable.

0:02:50.590,0:02:53.148
"aah, eso es tan cool"

0:02:54.716,0:02:58.259
Bien, algunas notas finales, aquí arriba hicimos una variable nueva llamada eyeSize.

0:02:58.259,0:03:02.813
Y aquí le dimos un valor de 33, en realidad podemos hacerlo todo en un paso

0:03:02.951,0:03:07.587
escribiendo var eyeSize, ese es el primer paso, contiene 33

0:03:07.587,0:03:12.132
ese es el segundo paso y si borro estas dos líneas, puedes ver que aún funciona todo.

0:03:13.655,0:03:16.686
También recuerda que la computadora lee tu código de arriba hacia abajo,

0:03:16.747,0:03:19.298
así que la única razón por la que supo lo que eyeSize era aquí abajo,

0:03:19.298,0:03:22.048
fue porque ya lo habíamos definido aquí arriba.

0:03:22.048,0:03:24.217
Si lo hubiese puesto aquí abajo,

0:03:24.217,0:03:30.658
al llegar a esta línea de código la computadora diría: "eyeSize, ¿qué rayos es eyeSize? No sé qué es"

0:03:30.658,0:03:33.764
De hecho, obtendríamos un error que dice: eyeSize no está definido.

0:03:33.764,0:03:37.261
Y tal vez estés pensando: sí la definí , aquí está.

0:03:37.261,0:03:39.546
Pero la computadora no es inteligente, no lo comprende.

0:03:40.668,0:03:42.565
Así que movámoslo de regreso hasta arriba.

0:03:44.595,0:03:48.562
Y siempre tienes que asegurarte que definas tus variables antes de intentar usarlas.

0:03:48.562,0:03:52.562
¡Y ahora ya sabes acerca de variables! ¡Yeeii!