Please enable JavaScript to use CodeHS

Introducción a la Informática en JavaScript (Golden) (2022)

Description

En esta lección, los estudiantes serán presentados al concepto de usar temporizadores para la animación. Ahora, en lugar de tener programas de gráficos que permanezcan igual, el contenido cambia cada vez que se ejecuta el temporizador. El primer programa que los estudiantes verán es una pelota en movimiento, por lo que discutir esto con la clase como una demostración en el proyector es muy útil.

Objective

Students will be able to:

  • Explain in their own words how animation works
  • Create animation in programs using the setTimer function
  • Explain what a callback function is
Description

En esta lección, veremos más ejemplos con temporizadores y comenzaremos a hacer animaciones más interesantes. Los estudiantes usarán temporizadores y el aleatorizador para crear animaciones en el lienzo.

Objective

Students will be able to:

  • Create programs with timers to create increasingly challenging animations
  • Analyze existing programs and explain how they create animations
  • Utilize the Randomizer to generate random events in their animations
Description

En esta lección, los estudiantes usan temporizadores en combinación con las otras ideas que han aprendido, incluidos más gráficos y coordinar matemáticas para crear diferentes objetos. Los fantasmas aleatorios sirven como un ejemplo divertido para mostrar cómo puede modificar las cosas una vez que tenga los bloques de construcción básicos para hacerlos más legibles y más fáciles de alterar.

Objective

Students will be able to:

  • Explain the general workflow of creating an animation program
  • Analyze animation programs and identify similarities and differences
  • Create increasingly challenging animations using timers, graphics, and the Randomizer
Description

En esta lección, los estudiantes se basan en el uso de temporizadores y utilizan las declaraciones de los temporizadores dentro de los temporizadores para cambiar dinámicamente lo que están haciendo las animaciones.

Objective

Students will be able to:

  • Create increasingly challenging animations that simulate movement using timers
Description

En esta lección, los estudiantes se introducen en la forma en que se puede tomar la entrada del mouse del usuario utilizando el método hecho para hacer clic en el mouse.

Objective

Students will be able to:

  • Describe how events are different than timers
  • Use mouse click events to create programs that respond to user clicks
Description

En esta lección, los estudiantes aprenden cómo extender los eventos del mouse para hacer animaciones interactivas utilizando el movimiento de arrastre del mouse.

Objective

Students will be able to:

  • Explain how events are different from timers.
  • Create interactive programs that use events to respond to the mouse moving
Description

En esta lección continuamos utilizando la entrada del usuario a través del mouse para crear programas interactivos.

Objective

Students will be able to:

  • Explain how events are different from timers.
  • Create interactive programs that use events to respond to the mouse moving.
Description

En esta lección, los estudiantes aprenderán cómo usar teclas de teclado para controlar los eventos. Captura de eventos del teclado cuando el usuario presiona las teclas en el teclado. Esto permite a los estudiantes escribir programas que tomen aportes del teclado para cambiar lo que está sucediendo en el programa.

Objective

Students will be able to:

  • Explain how events are different from timers.
  • Create interactive programs that use events to respond to the keyboard input.
Description

En esta lección, los estudiantes crearán programas que combinen múltiples ideas de esta unidad.

Objective

Students will be able to:

  • Synthesize the skills and concepts learned in the Animation and Games unit to create advanced, interactive programs.
Description

En esta lección, los estudiantes revisan el contenido con un cuestionario de 25 preguntas al final de la unidad.

Objective

Students will be able to:

  • Prove their knowledge of various concepts in animation through a multiple choice quiz