0:00:01.203,0:00:04.126 Bueno, tengo a mi buen amigo Winston aquí para ayudarnos con éste. 0:00:04.126,0:00:06.793 Y sé que ya se ve imposiblemente genial. 0:00:06.793,0:00:09.292 Pero me parece que quiero cambiar[br]el tamaño de sus ojos un poco. 0:00:09.292,0:00:11.126 Así que aquí es donde dibujo sus ojos. 0:00:11.126,0:00:13.666 Puedes ver que configuramos el color de relleno y dibujamos dos elipses, 0:00:13.666,0:00:17.333 y si quiero hacer esta elipse más pequeña,[br]puedo cambiar el ancho, 0:00:17.333,0:00:20.232 pero también quiero que sea redonda[br]así que cambiaré el alto, 0:00:20.232,0:00:21.793 para que sea el mismo valor. 0:00:21.793,0:00:24.833 Y si también queremos que ambos ojos sean del mismo tamaño, deberíamos cambiar 0:00:24.833,0:00:26.954 el alto y el ancho de este ojo.[br]Pero ahora son un poco pequeños. 0:00:26.954,0:00:29.075 Así que los cambiaré nuevamente. 0:00:29.075,0:00:33.003 ¿No sería grandioso que pudiera cambiar sólo un número y que ambos ojos cambiaran? 0:00:33.003,0:00:37.624 Y aquí, es donde entran en juego las "variables". 0:00:37.624,0:00:39.497 Ahora, una variable es tan sólo como un nombre 0:00:39.497,0:00:41.570 o contenedor para algo más. 0:00:41.570,0:00:44.372 A mí me gusta pensar que una variable es un gran balde con nombre. 0:00:44.372,0:00:46.620 Puedes poner cualquier cosa que quieras en el balde, 0:00:46.620,0:00:48.287 pero el nombre se mantiene igual. 0:00:48.287,0:00:52.536 Llamamos a lo que está dentro del balde,[br]el "valor" de la variable. 0:00:53.612,0:00:57.020 Así que, comencemos haciendo una variable[br]bien arriba, aquí. 0:00:57.574,0:00:59.075 Todo lo que voy hacer es tipear "var" 0:00:59.075,0:01:03.106 que significa "variable", un espacio y luego[br]el nombre de la variable, 0:01:03.106,0:01:05.126 que debería describir lo que va a contener la variable, 0:01:05.126,0:01:07.122 así que la llamaremos eyeSize (tamañoDelOjo). 0:01:07.122,0:01:08.744 Y básicamente, puedes ponerle el nombre que quieras, 0:01:08.744,0:01:10.502 pero no se permite poner espacios entre las palabras del nombre. 0:01:10.502,0:01:12.711 Y, por supuesto, no olvides el punto y coma. 0:01:12.711,0:01:14.667 Entonces, ahora tenemos una variable llamada eyeSize, 0:01:14.667,0:01:17.044 porque va a contener el tamaño de los ojos de Winston, 0:01:17.044,0:01:19.597 pero hasta ahora, esta variable no tiene un valor aún. 0:01:19.597,0:01:21.541 Para darle un valor, [br]sólo le decimos...[br] 0:01:21.541,0:01:27.445 eyeSize = 20[br](eyeSize, luego un signo igual y luego 20). 0:01:27.906,0:01:29.794 Ok, ¿Ves ese símbolo "=" (igual)? 0:01:29.794,0:01:32.262 Olvídate lo que te haya dicho tu profesor de matemática, 0:01:32.262,0:01:34.273 Ese signo de igual, no significa "iguales", 0:01:34.273,0:01:36.014 significa "asignación". 0:01:36.137,0:01:42.127 Esto significa que estamos [br]asignando el valor 20 a la variable eyeSize. 0:01:42.127,0:01:45.741 En otras palabras, estamos poniendo el número "20"[br]en el balde llamado eyeSize. 0:01:45.741,0:01:50.654 Y ¿Recuerdas como, en la clase de matemáticas, [br]podías decir algo como x es igual a 3, 0:01:50.737,0:01:53.792 y 3 es igual a x, y era lo mismo? Porque... 0:01:53.792,0:01:56.545 ... Daah, son iguales!...[br]Bueno, no puedes hacer esto aquí tampoco. 0:01:56.545,0:02:00.375 La cosa a la izquierda del signo igual es siempre la variable, 0:02:00.375,0:02:05.600 y la cosa a la derecha del signo = , es siempre el valor que estás asignando a la variable. 0:02:05.600,0:02:08.242 Una buena manera de ayudarte recordar[br]cuál lado es qué, es... 0:02:08.242,0:02:11.629 ... mientras programas y hablas, acostúmbrate como cualquier programador hace, 0:02:11.629,0:02:15.876 a decir "recibe" en lugar de "igual" [br]al encontrarte con un signo =. 0:02:15.876,0:02:19.099 Entonces, esto se convierte en [br]"eyeSize recibe 20". 0:02:19.099,0:02:22.123 Y ahora, cada vez que utilice eyeSize en nuestro programa, 0:02:22.123,0:02:24.621 la computadora, es como que dirá [br]"ah sí, es una variable... 0:02:24.621,0:02:28.287 ... yo sé lo que significa en realidad. Es este valor 20". 0:02:28.287,0:02:30.540 Así que mira, voy a copiar esto... 0:02:30.540,0:02:34.373 ... y luego, reemplazar estos 4 números... 0:02:34.373,0:02:38.622 ... por mi nueva variable eyeSize, 0:02:38.622,0:02:41.372 y voilá!!!![br]Los ojos de Winston son ahora, 0:02:41.372,0:02:43.041 ambos, perfectamente redondos 0:02:43.041,0:02:46.898 y del mismo tamaño.[br]Y si quiero cambiar el valor de ambos ojos, 0:02:46.898,0:02:51.333 , es decir, el tamaño de los ojos, podría cambiar el valor de esta única variable. 0:02:51.333,0:02:54.877 ¡Ay!! ¡Genial! 0:02:54.877,0:02:56.045 Ok, un par de notas más. 0:02:56.045,0:02:58.870 Aquí arriba, hicimos[br]una nueva variable llamada eyeSize, 0:02:58.870,0:03:01.338 y aquí, le dimos el valor 33. 0:03:01.338,0:03:03.563 En realidad, podemos hacer, todo en un sólo paso diciendo: 0:03:03.563,0:03:08.835 var eyeSize = 33;[br](eyeSize recibe 33), 0:03:08.912,0:03:10.702 y si elimino estas dos líneas, 0:03:10.702,0:03:13.953 puedes ver que todo funciona todavía. 0:03:13.953,0:03:17.045 También, recuerda que la computadora lee tu código de arriba hacia abajo, 0:03:17.045,0:03:20.099 así que la única razón por la que supo [br]qué significaba eyeSize aquí abajo, 0:03:20.099,0:03:22.167 es porque ya la habíamos definido aquí arriba. 0:03:22.167,0:03:25.119 Si en lugar de ello, la pusiera aquí abajo, 0:03:25.119,0:03:27.771 entonces, cuando lleguemos a esta línea del código, 0:03:27.771,0:03:30.076 la computadora pensará[br]"¿eyeSize? no sé lo que es eyeSize". 0:03:30.076,0:03:34.233 De hecho, aquí recibimos un error [br]que dice "eyeSize no está definido". 0:03:34.233,0:03:37.738 Y quizás pienses[br]"sí, la definí, está aquí mismo". 0:03:37.738,0:03:40.876 Pero la computadora no es tan astuta y no lo entiende. 0:03:40.876,0:03:44.794 Así que movámosla de nuevo hacia arriba, 0:03:44.794,0:03:49.664 y siempre tienes que asegurarte de definir tu variable, antes de tratar de usarla. 0:03:49.664,0:03:53.000 Y, ahora, ya sabes acerca de variables,[br]Yeeeeeeaaahh!