Contenido principal
Unidad: Introducción a JS: dibujo y animación
Acerca de esta unidad
Aprende cómo utilizar el lenguaje JavaScript y la biblioteca ProcessingJS para crear dibujos y animaciones divertidas.Si eres nuevo por acá, ve nuestro video introductorio y obtén un breve recorrido de nuestro curso de programación. Después, ¡ponte a programar!
Te vamos a mostrar los conceptos básicos de programación y cómo dibujar figuras.
¡Te vamos a mostrar cómo colorear y delinear tus figuras!
Cubriremos cómo utilizar variables para almacenar valores, animar tus dibujos y más.
Aprende cómo animar tus dibujos.
Aprende cómo hacer programas que dibujen figuras con base en la ubicación del ratón, como apps de dibujo.
Aprende cómo utilizar expresiones variables para cambiar el tamaño de las partes de tu dibujo en relación a otras partes. (Esto requiere un poco más de matemáticas, así que si sientes que aún no tienes una buena comprensión de las fracciones, puedes saltarte esto).
Aprende cómo mostrar texto en el lienzo, cambiar su tamaño, colorearlo y animarlo.
Haz tu código más reutilizable al agruparlo en funciones y luego haz que esas funciones acepten parámetros y regresen valores.
Aprende
¡Enséñale a tu programa a tomar decisiones!
Aprende
¿Cómo puedes averiguar qué es lo que está mal con tu código? Aprende consejos y trucos para depurar tus programas.
¿Estás repitiendo algo una y otra vez? ¡Los bucles están aquí para ayudar!
Aprende
Practica
Aprende cómo escribir código de JavaScript que sea fácil de leer y entender, con buen uso de sangría, espaciado, nombres y comentarios.
Practica
¡Almacena múltiples valores en tus variables con arreglos!
Aprende
Aprende cómo almacenar datos complejos en objetos.
Aprende
Cómo utilizar conceptos orientados a objetos en JavaScript para hacer código más reutilizable.
Ahora que entiendes los fundamentos de la programación, aprende técnicas que te ayudarán a ser más productivo y a escribir un código más hermoso.