WEBVTT 00:00:00.868 --> 00:00:03.442 Aquí tengo a mi buen amigo Winston para ayudarnos con esto. 00:00:03.442 --> 00: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. 00:00:08.572 --> 00:00:13.042 Aquí es donde dibujé sus ojos, puedes ver que establecimos el color de relleno y luego pusimos dos elipses. 00:00:13.042 --> 00:00:18.289 Y si quiero hacer esta elipse mas pequeña, puedo cambiar el ancho, pero también quiero que sea redonda 00:00:18.289 --> 00:00:20.429 así que cambiaremos el alto para que sean iguales 00:00:20.429 --> 00:00:24.622 y queremos que los ojos sean del mismo tamaño, debemos cambiar el ancho y la altura de este ojo. 00:00:24.622 --> 00: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 00:00:30.072 --> 00:00:32.572 cambiar sólo un número y que cambien ambos ojos? 00:00:32.572 --> 00:00:35.956 Y aquí es donde entran las variables. 00:00:36.648 --> 00:00:40.811 Una variable es como un nombre o un identificador para algo. 00:00:41.040 --> 00:00:44.498 Me gusta pensar en una variable como una gran cubeta con un nombre en ella. 00:00:44.498 --> 00:00:47.472 Puedes poner lo que quieras en la cubeta, pero el nombre permanece igual. 00:00:47.472 --> 00:00:52.019 Llamamos a lo que hay dentro de la cubeta el valor de la variable. 00:00:53.188 --> 00:00:57.199 Así que empecemos haciendo una variable, voy a hacerlo aquí arriba. 00:00:57.199 --> 00:01:02.860 Lo que haces es escribir "var" que significa variable, espacio y el nombre de la variable, 00:01:02.860 --> 00:01:05.763 que describirá lo que contiene la misma, llamemos a ésta, "eyeSize" (tamañoDeOjo) 00:01:05.763 --> 00:01:09.727 Puedes nombrarla como quieras, pero no está permitido tener espacios entre palabras. 00:01:09.727 --> 00:01:11.897 Y, por supuesto, ¡no olvides el punto y coma! 00:01:11.897 --> 00:01:16.664 Y ya hice una variable, llamada eyeSize (tamañoDeOjo), porque va a contener el tamaño de los ojos de Winston, 00:01:16.664 --> 00:01:19.530 pero hasta el momento esta variable no tiene un valor. 00:01:19.530 --> 00:01:27.403 Para darle uno, escribimos eyeSize y luego un signo de igual y después 20 y punto y coma. 00:01:27.403 --> 00:01:31.922 Bien, ¿ves el signo de igual? Olvida lo que tu maestro de matemáticas te enseñó sobre él 00:01:31.937 --> 00:01:35.306 el signo de igual no significa igualdad, significa asignación. 00:01:35.329 --> 00:01:41.300 Esto significa que estamos asignando el valor 20 a la variable eyeSize. 00:01:41.300 --> 00:01:45.416 En otras palabras, estamos poniendo el número 20 en la cubeta llamada eyeSize. 00:01:45.416 --> 00: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? 00:01:52.821 --> 00:01:54.453 porque, daah, son iguales. 00:01:54.453 --> 00:01:56.187 Bueno, no puedes hacer eso aquí. 00:01:56.187 --> 00:01:59.786 Lo que está a la izquierda del signo de igual siempre es la variable. 00:01:59.786 --> 00: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. 00:02:05.056 --> 00: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", 00:02:11.104 --> 00:02:14.964 Si tecleas un signo de igual no digas "es igual a", di "contiene" 00:02:14.964 --> 00:02:18.349 Entonces esto sería eyeSize contiene 20. 00:02:19.733 --> 00: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". 00:02:27.626 --> 00:02:30.923 Ahora mira, sólo voy a copiar esto. 00:02:30.923 --> 00:02:39.559 Y luego reemplazar estos cuatro números con mi nueva variable eyeSize y ¡Voila! 00:02:39.559 --> 00: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 00:02:46.646 --> 00:02:50.590 o su tamaño, sólo cambio el valor de esta única variable. 00:02:50.590 --> 00:02:53.148 "aah, eso es tan cool" 00:02:54.716 --> 00:02:58.259 Bien, algunas notas finales, aquí arriba hicimos una variable nueva llamada eyeSize. 00:02:58.259 --> 00:03:02.813 Y aquí le dimos un valor de 33, en realidad podemos hacerlo todo en un paso 00:03:02.951 --> 00:03:07.587 escribiendo var eyeSize, ese es el primer paso, contiene 33 00:03:07.587 --> 00:03:12.132 ese es el segundo paso y si borro estas dos líneas, puedes ver que aún funciona todo. 00:03:13.655 --> 00:03:16.686 También recuerda que la computadora lee tu código de arriba hacia abajo, 00:03:16.747 --> 00:03:19.298 así que la única razón por la que supo lo que eyeSize era aquí abajo, 00:03:19.298 --> 00:03:22.048 fue porque ya lo habíamos definido aquí arriba. 00:03:22.048 --> 00:03:24.217 Si lo hubiese puesto aquí abajo, 00:03:24.217 --> 00: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" 00:03:30.658 --> 00:03:33.764 De hecho, obtendríamos un error que dice: eyeSize no está definido. 00:03:33.764 --> 00:03:37.261 Y tal vez estés pensando: sí la definí , aquí está. 00:03:37.261 --> 00:03:39.546 Pero la computadora no es inteligente, no lo comprende. 00:03:40.668 --> 00:03:42.565 Así que movámoslo de regreso hasta arriba. 00:03:44.595 --> 00:03:48.562 Y siempre tienes que asegurarte que definas tus variables antes de intentar usarlas. 00:03:48.562 --> 00:03:52.562 ¡Y ahora ya sabes acerca de variables! ¡Yeeii!