Intro to Computer Science: Game Design (HTML, CSS, JS)

Intro to Computer Science: Game Design (201b) introduces building the educational game designed in Intro to Computer Science: Web Design (201a). This course teaches how to take a bare-bone prototype to a polished browser-based game. This process . infuses computer science knowledge and game design skills through gaining a great deal of real programming experience in HTML, CSS, and JavaScript.  

Recommended & Required:


  • Completing this course takes 30-35 hours
  • Cloud-based tools are used for this course. No software installation
  • Intro to Computer Science: Web Design is a required prerequisite for this course
  • After completing this course, we suggest continuing on with 3D Game Design & Coding with Unity and JavaScript

How It Works:


Intro to Computer Science: Game Design is Intro to Computer Science: Web Design's action-packed sequel. You now learn how to build a dynamic game with JavaScript based on your original design. You learn how to enhance it with digital art, sound, a scrolling scene, win/lose functionality, scrolling enemies and collectables. You are encouraged to learn more coding by adding optional extra "ingredients" to your game including (but not limited to) splash screens, extended scenes, timers, score, and health bars.

Skills and Competencies Covered:


Game Design Concepts: Research, Concept Development (Backstory, Goals), Writing a Design Plan, Paper-Prototyping, Play-Testing, Debugging, Presenting, Publishing

Coding Concepts: Event Listeners, If Statements, Mouse Events, Game Loop, Variables, Booleans (true/false), For Loops, Arrays, Logical Operators (and, or, not), Predicates, Comments

Design and Production Concepts: Drawing and Paint Tools, Importing Assets, Integrated Development Environment, File Management, GitRepository

Learn more about how Globaloria can help your school.