1
00:00:02,803 --> 00:00:05,635
Necesitamos comenzar entendiendo formas, los conceptos básicos.

2
00:00:05,635 --> 00:00:10,803
Pero no te preocupes, en breve, tus formas estarán volando por la pantalla y cambiando el color y haciendo todo tipo de cosas de programación entretenidas

3
00:00:10,803 --> 00:00:12,772
Sólo ¡quédate con nosotros!

4
00:00:12,772 --> 00:00:14,636
Así que comencemos a dibujar rectángulos

5
00:00:14,636 --> 00:00:20,870
Escribimos rect() por rectángulo, luego abrimos paréntesis, y luego cuatro números y explicaré qué significan en un rato.

6
00:00:20,870 --> 00:00:23,938
...luego cerramos los paréntesis, y al final ponemos punto y coma.

7
00:00:23,938 --> 00:00:26,005
Mira, asombroso, ¡un rectángulo!

8
00:00:26,005 --> 00:00:29,670
Y eso fue tan simple , así que hagámoslo de nuevo. Podemos probar diferentes números esta vez.

9
00:00:29,670 --> 00:00:36,171
Quizás números más grandes, y luego números más chicos al final, y ¡ey!, mira, otro rectángulo.

10
00:00:36,171 --> 00:00:41,003
De hecho, si intentamos cambiar este primer número para hacerlo más pequeño, se empezará a mover.

11
00:00:41,003 --> 00:00:47,968
Si cambiar este último número para hacerlo más grande y luego más pequeño, entonces sólo crecerá y luego se achicará. Interesante.

12
00:00:47,968 --> 00:00:51,885
Entonces, ¿Cómo es que está pasando toda esta magia ? te preguntarás.

13
00:00:51,885 --> 00:00:55,506
Bueno, recuerda que tu computadora es como un perro realmente inteligente y obediente.

14
00:00:55,506 --> 00:01:00,218
Con un perro, quizás podamos decirle que se siente, se quede quieto, o incluso ruede sobre sí mismo.

15
00:01:00,218 --> 00:01:03,303
Sólo tendrías que darle comando sit().

16
00:01:03,303 --> 00:01:07,052
Entonces, en código, ¿Cómo le dirías a tu perro de computadora que se siente?

17
00:01:07,052 --> 00:01:19,719
Bueno, la manera en la que podrías hacerlo, sería escribiendo el nombre del comando, digamos "sit", y dos paréntesis luego para decirle que haga el comando que acabas de decirle, y luego un punto y coma al final para decir "sí, este comando termina aquí".

18
00:01:19,719 --> 00:01:22,219
Y luego tu perro de computadora se sentaría.

19
00:01:22,219 --> 00:01:32,371
Bueno, por supuesto, tu computadora en Khan Academy, no es un perro, por ello no sabe cómo sentarse o rodar, pero sí sabe cómo dibujar rectángulos, cuando llamas a rect() y esos es bastante interesante también, ¿No?

20
00:01:32,371 --> 00:01:44,135
Así que, eso es lo que vamos a hacer en esta línea. Diremos el comando rect(), que es sólo el nombre, y luego abriremos paréntesis y cerraremos paréntesis para decir "ve y haz eso", y luego el punto y coma al final.

21
00:01:44,135 --> 00:01:47,436
Así es que tu computadora sabe ir y hacer esta habilidad especial rect.

22
00:01:47,436 --> 00:01:49,967
Ok, entonces, volvamos a nuestro rect.

23
00:01:49,967 --> 00:01:53,672
Tenemos el nombre del comando aquí mismo, tenemos los paréntesis.

24
00:01:53,672 --> 00:01:56,870
¿Y qué hay acerca de todos esos locos números?

25
00:01:56,870 --> 00:02:01,552
Bueno, la idea es que la computadora realmente no sabe lo suficiente si sólo le dices que "rect".

26
00:02:01,552 --> 00:02:09,669
Para entender esto, imagínate si te diera un papel, y yo quisiera que dibujes un rectángulo exactamente en la manera en la que yo quisiera que sea.

27
00:02:09,669 --> 00:02:15,106
Bueno, a menos que me puedas leer la mente, vas a hacer algunas preguntas de inmediato.

28
00:02:15,106 --> 00:02:20,172
Primero, pensarás "bueno, ok, ¿Dónde quieres que dibuje el rectángulo?"

29
00:02:20,172 --> 00:02:28,006
Y luego, Yo diría "qué tal si acordamos en llamar a este lado izquierdo del papel 0 (cero) "

30
00:02:28,006 --> 00:02:30,635
Y convengamos en que este lado derecho del papel va a ser "400"

31
00:02:30,635 --> 00:02:37,536
Entonces, podría darte un número, como 100, y tú sabrías que eso sería básicamente ahí.

32
00:02:37,536 --> 00:02:43,884
Eso te convencería por un rato, pero luego dirías "ok, eso me dice cuán lejos a lo largo, pero qué tal a lo alto?"

33
00:02:43,884 --> 00:02:56,303
Entonces, yo podría darte otro número, como 200, y diría que el borde superior es 0 (cero), y luego el inferior es 400, y penarías"Bueno, 200 estaría justo en el medio".

34
00:02:56,303 --> 00:03:02,970
Y esto está perfecto, porque ahora piensas "ok, voy a dibujar tu rectángulo justo aquí".

35
00:03:02,970 --> 00:03:06,670
...porque es 100 a lo largo y 200 a lo alto.

36
00:03:06,670 --> 00:03:09,886
Excepto que, eso todavía no es suficiente información, porque qué te preguntas ahora...

37
00:03:09,886 --> 00:03:12,838
Piensas, cuán grande quiero el rectángulo.

38
00:03:12,838 --> 00:03:17,468
Yo diría ¿Qué tal, 150 de ancho?

39
00:03:17,468 --> 00:03:27,718
Y tú pensarías, bueno, esto es 100 y esto es 400, así que si quisiéramos que sea 150 de ancho, quizás haríamos esto.

40
00:03:27,718 --> 00:03:30,271
Ok, fantástico, eso es más o menos 150 de ancho.

41
00:03:30,271 --> 00:03:31,718
Entonces, tú dirías. ¿Cuán alto lo quieres?

42
00:03:31,718 --> 00:03:33,468
Y yo diría, "qué tal 50 de alto?"

43
00:03:33,468 --> 00:03:39,386
Tú dirías "ok, 50, eso es aproximadamente así de alto".

44
00:03:39,386 --> 00:03:45,437
Luego, tú dirías "fantástico, Sé exactamente dónde quieres el rectángulo, y exactamente cuán grande quieres que sea, ahora puedo dibujarlo".

45
00:03:45,437 --> 00:03:48,052
Eso es mucho trabajo para un rectángulo, ¿no?

46
00:03:48,052 --> 00:04:02,203
Pero la idea es que con sólo darte esos 4 números, 100 a lo largo, 200 a lo alto, 150 de ancho y 50 de alto, ahora estamos los dos en la misma página acerca de cómo debería verse este rectángulo.

47
00:04:02,203 --> 00:04:04,552
Así es cómo piensa la computadora también.

48
00:04:04,552 --> 00:04:16,553
Puedes escribir el nombre del comando, como dijimos, paréntesis, los 4 números (100, 200, 150, 50), cerrar paréntsis y luego un punto y coma.

49
00:04:16,553 --> 00:04:20,553
¡Y dibujará un retángulo exáctamente en donde queremos que esté!

50
00:04:20,553 --> 00:04:26,135
Bueno, si somos honestos, no es allí donde realmente queríamos el rectángulo. No es allí donde lo dibujamos, ¿verdad?

51
00:04:26,135 --> 00:04:31,635
Nuestros números están un poco desfasados. Así que vamos y digamos que queremos que concuerde exactamente lo que dibujamos.

52
00:04:31,635 --> 00:04:43,718
Moveremos esto así está un poquito más lejos, un poquito menos a lo alto, un poquito más flaco y quizás un poco más bajito.

53
00:04:43,718 --> 00:04:52,804
Ahora logramos que nuestro rectángulo concuerde casi con lo que dibujamos, porque entendimos lo que significan estos números y podríamos cambiarlos para que se vea justo como queremos.

54
00:04:52,804 --> 00:04:55,437
Ahora pensemos en dibujar otro rectángulo

55
00:04:55,437 --> 00:04:59,719
Porque lo lindo de esto es que podemos dibujar rectángulos en donde querramos.

56
00:04:59,719 --> 00:05:04,603
¿Qué tal si dibujamos uno justo en la esquina superior?

57
00:05:04,603 --> 00:05:06,838
Pensemos en dónde sería eso.

58
00:05:06,838 --> 00:05:17,385
Eso sería 0 (cero) a lo largo, 0 (cero) a lo alto y quizás bastante pequeño, digamos 50 de ancho y 10 de alto.

59
00:05:17,385 --> 00:05:26,552
Hagámoslo. Escribimos rect, separamos los parámetros con comas, y digamos que estamos conformes.

60
00:05:26,552 --> 00:05:35,504
Pero oh, tenemos este mensaje de error que dice que nos falta un paréntesis de cierre, y nos damos cuenta de esto así que lo agregamos.

61
00:05:35,504 --> 00:05:38,718
Pero uh, ahora tenemos otro error que dice que nos falta un punto y coma.

62
00:05:38,718 --> 00:05:43,606
Si apretamos "show me where" (Múestrame dónde), nos apuntará la línea que acabo de escribir...

63
00:05:43,606 --> 00:05:49,205
... y recordamos que los punto y coma son como puntos al final de las oraciones, pero para darle fin a las líneas de código, y nos olvidamos de ello.

64
00:05:49,205 --> 00:05:53,384
Podemos agregarlo, no hay problema y todo está bien nuevamente.

65
00:05:53,384 --> 00:05:56,135
Pruébalo, un pequeño rectángulo, exactamente como queríamos.

66
00:05:56,135 --> 00:06:03,803
Al igual que antes, podemos agrandarlo, podemos moverlo y podemos posicionarlo exactamente donde queremos que esté.

67
00:06:03,803 --> 00:06:07,605
Entonces, ahora sabes en detalle como funciona esta cosa de "rect".

68
00:06:07,605 --> 00:06:15,671
Cubrimos lo que significan estos números, y el hecho de que siempre necesitas poner el nombre del comando, los paréntesis, separar los números con comas y poner el punto y coma final.

69
00:06:15,671 --> 00:06:19,670
Parece mucho, pero puedes probarlo tú mismo y empezar a acostumbrarte.

70
00:06:19,670 --> 00:06:23,670
La próxima vez, aprendermos acerca de hacer más formas, y luego avanzaremos hacia cosas más asombrosas como hacerlo de color y lograr que vuele por la pantalla.