1
00:00:00,868 --> 00:00:03,442
Aquí tengo a mi buen amigo Winston para ayudarnos con esto.

2
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.

3
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.

4
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

5
00:00:18,289 --> 00:00:20,429
así que cambiaremos el alto para que sean iguales

6
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.

7
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

8
00:00:30,072 --> 00:00:32,572
cambiar sólo un número y que cambien ambos ojos?

9
00:00:32,572 --> 00:00:35,956
Y aquí es donde entran las variables.

10
00:00:36,648 --> 00:00:40,811
Una variable es como un nombre o un identificador para algo.

11
00:00:41,040 --> 00:00:44,498
Me gusta pensar en una variable como una gran cubeta con un nombre en ella.

12
00:00:44,498 --> 00:00:47,472
Puedes poner lo que quieras en la cubeta, pero el nombre permanece igual.

13
00:00:47,472 --> 00:00:52,019
Llamamos a lo que hay dentro de la cubeta el valor de la variable.

14
00:00:53,188 --> 00:00:57,199
Así que empecemos haciendo una variable, voy a hacerlo aquí arriba.

15
00:00:57,199 --> 00:01:02,860
Lo que haces es escribir "var" que significa variable, espacio y el nombre de la variable,

16
00:01:02,860 --> 00:01:05,763
que describirá lo que contiene la misma, llamemos a ésta, "eyeSize" (tamañoDeOjo)

17
00:01:05,763 --> 00:01:09,727
Puedes nombrarla como quieras, pero no está permitido tener espacios entre palabras.

18
00:01:09,727 --> 00:01:11,897
Y, por supuesto, ¡no olvides el punto y coma!

19
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,

20
00:01:16,664 --> 00:01:19,530
pero hasta el momento esta variable no tiene un valor.

21
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.

22
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

23
00:01:31,937 --> 00:01:35,306
el signo de igual no significa igualdad, significa asignación.

24
00:01:35,329 --> 00:01:41,300
Esto significa que estamos asignando el valor 20 a la variable eyeSize.

25
00:01:41,300 --> 00:01:45,416
En otras palabras, estamos poniendo el número 20 en la cubeta llamada eyeSize.

26
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?

27
00:01:52,821 --> 00:01:54,453
porque, daah, son iguales.

28
00:01:54,453 --> 00:01:56,187
Bueno, no puedes hacer eso aquí.

29
00:01:56,187 --> 00:01:59,786
Lo que está a la izquierda del signo de igual siempre es la variable.

30
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.


31
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",

32
00:02:11,104 --> 00:02:14,964
Si tecleas un signo de igual no digas "es igual a", di "contiene"

33
00:02:14,964 --> 00:02:18,349
Entonces esto sería eyeSize contiene 20.

34
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".

35
00:02:27,626 --> 00:02:30,923
Ahora mira, sólo voy a copiar esto.

36
00:02:30,923 --> 00:02:39,559
Y luego reemplazar estos cuatro números con mi nueva variable eyeSize y ¡Voila!

37
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

38
00:02:46,646 --> 00:02:50,590
o su tamaño, sólo cambio el valor de esta única variable.

39
00:02:50,590 --> 00:02:53,148
"aah, eso es tan cool"

40
00:02:54,716 --> 00:02:58,259
Bien, algunas notas finales, aquí arriba hicimos una variable nueva llamada eyeSize.

41
00:02:58,259 --> 00:03:02,813
Y aquí le dimos un valor de 33, en realidad podemos hacerlo todo en un paso

42
00:03:02,951 --> 00:03:07,587
escribiendo var eyeSize, ese es el primer paso, contiene 33

43
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.

44
00:03:13,655 --> 00:03:16,686
También recuerda que la computadora lee tu código de arriba hacia abajo,

45
00:03:16,747 --> 00:03:19,298
así que la única razón por la que supo lo que eyeSize era aquí abajo,

46
00:03:19,298 --> 00:03:22,048
fue porque ya lo habíamos definido aquí arriba.

47
00:03:22,048 --> 00:03:24,217
Si lo hubiese puesto aquí abajo,

48
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"

49
00:03:30,658 --> 00:03:33,764
De hecho, obtendríamos un error que dice: eyeSize no está definido.

50
00:03:33,764 --> 00:03:37,261
Y tal vez estés pensando: sí la definí , aquí está.

51
00:03:37,261 --> 00:03:39,546
Pero la computadora no es inteligente, no lo comprende.

52
00:03:40,668 --> 00:03:42,565
Así que movámoslo de regreso hasta arriba.

53
00:03:44,595 --> 00:03:48,562
Y siempre tienes que asegurarte que definas tus variables antes de intentar usarlas.

54
00:03:48,562 --> 00:03:52,562
¡Y ahora ya sabes acerca de variables! ¡Yeeii!