DiseƱo de juego
in JavaScript
Introductory JavaScript Programming
Full-Year Curriculum
Designed for High School Students
Focus on Game Development
100% Web-Based ā No Installations Needed
Hands-On, Project-Based Learning
High School Game Design Course
-
Students see their code come to life instantly
-
Students understand abstract concepts through interactive feedback
-
Students build a portfolio of real, playable projects
Curso
Programa de estudios
Introduction to JavaScript
-
9 lessons
How does a program interact with a user through input and output? What are variables in computerĀ science and what variable types does JavaScript use? How can you performĀ mathematical calculations and utilize theĀ JavaScript Math library?
Conditional Statements
-
7 lessons
What is a boolean expression? How can boolean expressions combined with if statements control the flow of a program? How can the use of nested and/or compound Ńonditional statements enhance a computer program?
Introduction to Graphics in JavaScript
-
7 lessons
How do you create basic shapes on the JavaScript canvas? How can you add text and images to your graphics? How are colors handled in computer science and how can you create custom colors in JavaScript?
Iteration
-
9 lessons
What is iteration and how can it be used in a computer program? How can loops enhance our graphic design programs? How can nested loops be used to create more complex programs?
Funciones
-
8 lessons
What is a function and how can it be used to simplify a program? How does the use of input parameters and return values expand upon the usefulness of functions? How can principles of top-down decomposition be used to create a better program design?
Animation and Events
-
7 lessons
How does basic animation work in JavaScript? What is an event and how can keyboard and mouse events be used to control the graphics. How can events be used to enhance game design?
Matrices
-
7 lessons
What is an array in JavaScript? How do you access elements in an array? How do you add and remove from an array? How are 2D arrays used?
Objetos
-
6 lessons
How do objects differ from arrays? How do you create and access data within an object? How can objects be used to simplify programs in game design?
Advanced Animation
-
4 lessons
How can frame rate be changed in animation? How can you create a scrolling screen? How can you use image data to determine a collision event?
Creating Games in JavaScript
-
3 lessons
What are the elements of a successful game? How does the software development lifecycle aid you in developing your game? How can you apply the skills you learned in this course to a final game project?
Final Exam
-
1 lesson
Demonstrate mastery of course content
-
Teacher guides and course explanations
-
Exercises and portfolio projects
-
Interactive lessons and Q&Aās
Example Projects
Want to Learn More about our Game Design Course?
-
Course explanations and teacher guides
-
Diapositivas para el aula, lecciones interactivas y actividades sin conexión
-
Exercises and Portfolio projects
-
Unit quizzes and student review questions
Programa de Ciencias de la Computación galardonado
2023
Yo aprendo
2024
Avance en tecnologĆa educativa
2024
Lo mejor de STEM
2025
Impacto de la tecnologĆa educativa
Preguntas mƔs frecuentes
Writing and understanding JavaScript syntax Designing game logic and mechanics Using variables, functions, loops, and conditionals Managing user input and game events Debugging and improving code Building complete, playable games from scratch
Logical thinking and problem-solving Creativity and storytelling Pensamiento computacional Debugging and analytical skills Persistence and independent learning