¿Listo para sumergirte en algo de código?

Resumen de la lección

¿Qué necesitas saber antes de empezar?

• Si nunca has programado nada antes, te recomendamos pasar por nuestro curso de Introducción a JS para aprender los conceptos de variables, arreglos, funciones y objetos. Y, por supuesto, ¡regresa cuando estés listo!
• Si ya has programado antes pero no en Khan Academy, te recomendamos que primero te familiarizes con nuestro ambiente, al crear un nuevo programa aquí.
• Si ya aprendiste a programar aquí en Khan Academy, ¡perfecto! Solo repasa los siguientes conceptos y refresca cualquier habilidad que tengas un poco olvidada.
• Esta lección aborda temas de matemáticas (ecuaciones para transformaciones geométricas) apropiadas para segundo de secundaria en adelante. Puedes repasar este concepto en nuestra lección de escenarios y puestas en escena.

Repaso rápido de los conceptos de programación que usarás

Variables

• Esto crea una variable llamada $\blue{\text{sulleysAge}}$start color #6495ed, start text, s, u, l, l, e, y, s, A, g, e, end text, end color #6495ed que almacena el valor $\green{15}$start color #28ae7b, 15, end color #28ae7b.

Arreglos

• Esto crea un arreglo llamado $\blue{\text{ages}}$start color #6495ed, start text, a, g, e, s, end text, end color #6495ed que almacena tres valores: $\green{2}, \pink{4}, \purple{8}$start color #28ae7b, 2, end color #28ae7b, comma, start color #ff00af, 4, end color #ff00af, comma, start color #9d38bd, 8, end color #9d38bd.
• $\blue{\text{ages}}[1]$start color #6495ed, start text, a, g, e, s, end text, end color #6495ed, open bracket, 1, close bracket tiene el valor $\pink{4}$start color #ff00af, 4, end color #ff00af.

Funciones

• Esto crea una función llamada $\blue{\text{sayHello}}$start color #6495ed, start text, s, a, y, H, e, l, l, o, end text, end color #6495ed que cuando sea llamada escribirá el texto $\text{\green{"Hello world!"}}$start text, start color #28ae7b, ", H, e, l, l, o, space, w, o, r, l, d, !, ", end color #28ae7b, end text en la pantalla en las coordenadas $(\pink{100, 200})$left parenthesis, start color #ff00af, 100, comma, 200, end color #ff00af, right parenthesis.

• Esta función $\blue{\text{sayHello}}$start color #6495ed, start text, s, a, y, H, e, l, l, o, end text, end color #6495ed ahora tiene dos parámetros de entrada, $\pink{x}$start color #ff00af, x, end color #ff00af y $\pink{y}$start color #ff00af, y, end color #ff00af, para definir las coordenadas del texto.

Objetos

• Esto crea un objeto vacío llamado $\blue{\text{snowman}}$start color #6495ed, start text, s, n, o, w, m, a, n, end text, end color #6495ed.

• El objeto $\blue{\text{snowman}}$start color #6495ed, start text, s, n, o, w, m, a, n, end text, end color #6495ed ahora contiene tres propiedades: $\text{\blue{snowman}.\green{age}} = \pink{2}$start text, start color #6495ed, s, n, o, w, m, a, n, end color #6495ed, point, start color #28ae7b, a, g, e, end color #28ae7b, end text, equals, start color #ff00af, 2, end color #ff00af y $\text{\blue{snowman}.\green{color}} = \pink{\text{"white"}}$start text, start color #6495ed, s, n, o, w, m, a, n, end color #6495ed, point, start color #28ae7b, c, o, l, o, r, end color #28ae7b, end text, equals, start color #ff00af, start text, ", w, h, i, t, e, ", end text, end color #ff00af. La tercera propiedad de $\text{\blue{snowman}}$start text, start color #6495ed, s, n, o, w, m, a, n, end color #6495ed, end text es un arreglo llamado $\text{\green{likes}}$start text, start color #28ae7b, l, i, k, e, s, end color #28ae7b, end text.

¡Diviértete!