Coding Games: JS and P5

A 501c3 Proudly Helping Youth and Teens Succeed Since 1978

Course Details

About This Course

JavaScript is the backbone of the internet and an advanced language in its own right. It's extensively supported to help creators build whatever they can imagine on the web. From front-end to back-end, there's no more versatile language. Whether they're starting off tweaking websites and HTML, inserting their own games and features, or working on the full stack for their own personal project, JavaScript has them covered. They will build amazing websites and fun, interactive games, then share them online.

Tools: JavaScript, P5.js

Topics Covered

Use programming logic to create game mechanics

Build games from start to finish

Practice game design principles with engaging activities

Book Now

Sample Schedule

What To Expect

In this course, students will develop their JavaScript programming skills and design game mechanics through a combination of interactive, instructor-led lessons, collaboration, and independent project work.

Here’s a sample of what a week in the course could look like! Please keep in mind that students will progress at varying paces; this is a general outline of key material and the overall student experience.

Monday

Students will learn the basics of JavaScript, including an introduction to variables, math operators, and the p5 Web Editor, and start exploring game design techniques.

Tuesday

Building upon the fundamentals, students will practice JavaScript programming skills through conditional statements, functions, and the p5.play library. Then, they’ll start planning a top-down shooter game by creating art assets and graphics.

Wednesday

To add complexity to their games, students will add sprites and art assets to the game using p5 functions. Then, they will learn to program game mechanics including 2-D player movements, boundaries, projectiles, and obstacles.

Thursday

Next, students will program additional layers of engagement by incorporating features like collision detection, movement speed, and game over conditions.

Friday

To complete the week, students will refine their game features, add scores, and finalize their personal projects.

Frequently Asked Questions

What is the online class experience like?

Virtual online classes feature structured small-group sessions led by expert instructors. Each week includes live teaching of our personalized, world-class curriculum, plus peer collaboration, social time, and independent project work. Sprinkled with games, challenges, and entertainment, there is always something to keep the group actively engaged.

What are the Technical Requirements?

To run this online course with The Learnatory, students will need a Mac, Windows, or Chromebook computer, a webcam, and a stable internet connection with access to Zoom video conferencing.

What are the Software Requirements?

Any course-specific installation requirements will be communicated after registration.

How many students are in each class?

Our classes maintain an 8:1 student to teacher ratio ensuring every student receives individualized attention. In most classes, there is also an assistant teacher or intern to assist.

What is JavaScript?

Like Python and other great coding languages for kids and teens, JavaScript is an excellent option for those wanting to learn more about programming. If you think back to the last time you clicked through an interactive webpage or game - that is, one that responded on-screen to your button clicks, mouse drags, and more - that was JavaScript in action. While HTML forms the body of a webpage, JavaScript can be thought of as the brains of the operation.

Why should my students learn JavaScript?

If your students have ever dreamed of creating their own website or creating their own video game: they don’t have to choose! This course will help them build strong JavaScript and HTML skills, must-haves for web developers and game designers alike. Learn more about JavaScript and web design for kids and teens.

What college and career opportunities can this course lead to?

Not only are web developers and game designers in high demand from big-name companies, freelancing and creating your own schedule is a very viable option for this skillset. The flexibility of freelance and the in-demand nature of coding skills is a combination that opens a lot of doors for kids’ future in STEAM!

Is this course suitable for all skill levels?

Yes, this course is designed for beginner to advanced students. Our 8:1 student to teacher ratio ensures that each student receives individual attention and has the freedom to learn at their own pace.

Coding Games: JavaScript and P5

Details