šŸ“š Start the school year strong—save $30 with code BEYOND30. Offer valid for new Members only.
250
for 5 classes
Class

Hacking Web Games: Coding With Javascript and Modern Developer Tools

Completed by 1559 learners
Ages 10-15
Live Group Course
Learn coding, computer science and Javascript by hacking web games. Programming is a great tool to make your curious student or gamer into a computer wiz with MODERN skills they can use everyday, anywhere. (even in the age of AI)
Average rating:
4.8
Number of reviews:
(326 reviews)

Live video meetings
1x per week, 5 weeks
3-6 learners per class
60 min

What’s included

5 live meetings
5 in-class hours
Homework
1-2 hours per week. Mainly followups from the end of class so students remember/retain what they learned for next class. There's also optional reading here https://eloquentjavascript.net/ where we cover chapters 1-4.
Progress Report
1 after class completion

Class Experience

In this class, we'll go over basic computer science fundamentals while making them relevant by using them to hack online web games using Javascript. This class is a great introduction to the power of the web/programming while also being relevant to intermediate students who want to learn how to explore and actually use their knowledge.

By the end of this class, your student will walk away empowered, curious, and ready to build on the fundamentals they've learned throughout our four sessions! 

In this exercise of reverse engineering, we'll get to learn about:
-Using the browser development tools to look at the code of live websites
-Learning how websites work and mesh together
-HTML/CSS and Javascript
-The Client-side/Server-side paradigm

The Core Computer Science concepts we'll cover are:
-Variables
-Objects
-Arrays
-If Statements
-Loops
-Functions


I like to mix it up between theory and practical application so you can expect these class sessions:

Session 1:
         -Intro to Javascript
                 What is programming? Getting familiar with the browser and the console.
                 Use Browser Developer tools
        -Programming with the console
                 Basic exercises with Variables.
                 We'll learn the secrets of Javascript and do basic math! We'll learn how Javascript interprets different datatypes and operations

Session 2:
        -The Client/Server Paradigm
        -Javascript Objects/JSON
                 We'll code Javascript Objects!
                  At the end of this session, your student will have a live code example.
        -Exploring basic web games
                 How does code work to show up on your screen?
                 Going over the client/server side paradigm
       -"Hacking" game 1
                Using the console and game 1's source code to get infinite resources.
                Exercises modifying game 1 with previous computer science topics.

Session 3:
       -Review Objects
       -Overview of Arrays/lists and loops
       -loop exercises.

Session 4:
      -Introduce Functions since we've been using them throughout the course
      -Hacking Game 2
                Going through Game 2's source code and typing relevant commands/code.
                Using functions and "hacking" Game 2.

Learning Goals

Basic programming principles and data structures: Variables, Objects, Arrays, Loops, and Functions.
Most specifically, we'll try to enforce the exploratory nature of programming and how life is about iterating/trying again even if you're possibly wrong or might fail!

Syllabus

5 Lessons
over 5 Weeks
Lesson 1:
Variables and Javascript in the Browser
 We'll learn about basic programming principles and exploring Javascript/programming in Chrome's console using repl driven programming. 
60 mins online live lesson
Lesson 2:
The history of Computing and Objects
 In this lesson, we'll learn about the history of computing, from the origins to now. We'll also learn about objects, a fundamental concept for programming. 
60 mins online live lesson
Lesson 3:
Server/Client Paradigm and Hacking our First Game
 We'll learn about the internet and the server/client paradigm. We'll also review objects and hack our first web game! 
60 mins online live lesson
Lesson 4:
Lists and Loops
 This is a full hour of programming to explore arrays and loops. 
60 mins online live lesson

Other Details

Parental Guidance
This class will require an account on repl.it and chrome installed! We'll be using repl.it to run Node.js in the browser.
Supply List
We'll be using Chrome as our browser throughout the course.
Any code editor is allowed!
External Resources
In addition to the Outschool classroom, this class uses:

Meet the teacher

Profile
Teacher expertise and credentials
When I was a kid, I designed Neopets and Myspace websites and for the last three years I've been the lead instructor of a brick and mortar afterschool coding program in San Francisco. I've been private tutoring/teaching programming and math for 5 years now and believe that the best coders are also the ones who enjoy it the most.

In my previous role, I learned that helping students develop a positive growth mindset were key to a successful classroom and, thankfully, coding is one of the best ways to do that. I love helping my students grow not just as engineers but as people who are empowered to do anything with the flexible skillset they gain while learning programming.

Before, I was a engineering/computer science teacher at a private high school in San Francisco.

As a result of my experience, I've come up with a lot of coding drills and analogies that make things simple for everybody  while delivering the key concepts. That means we won't just be talking about coding but also about cooking, real estate, and more.

At the end of this course, students will hopefully want to learn more and be more willing to learn the drier more theoretical parts of Computer Science. Even if they don't, they'll walk away with the basic knowledge of how to work through things, take things apart, and put things together on the web!

Reviews

250 total ratings, 140 with reviews

Review summary for this class
The reviews overwhelmingly praise the engaging and fun teaching style of Terence Yang, the instructor. Students found the class to be an excellent introduction to coding and JavaScript, with clear explanations and concepts made easily understandable. Many students expressed excitement about learning to hack web games and were eager to continue with advanced classes. If you're looking for an interactive and enjoyable way to introduce your child to coding, this class is highly recommended.
This summary was AI-generated from parent reviews
My son had a great time learning with Teacher Terence. He's now more... 
Irina S.on Oct 17, 2024
My 14 year old son had a great time learning JavaScript and python.... 
Erick I.on Jul 27, 2024
My child absolutely loved this course.
Gemma G.on Sep 23, 2022
My learner had a great experience. I was challenging but the end result... 
Natalie C.on Sep 16, 2022
Terence is an engaging teacher that has taught my son how to hack basic... 
Samanthaon Aug 28, 2022
My daughter absolutely loved this class.  Terence has such a great... 
Marina S.on Aug 20, 2022


Parents also liked
Try It! Make Art With Code for Beginners [Javascript]
Terry D [Code & Art, JavaScript, M.Ed]
5.0
(52)
$20 per class
Next session at 8 PM on Thu 9/4
Group Class
1 wk, 1/wk, 55 min
9-14
Javascript / P5.Js Computer Science Coding Club: Games, Animations, and More
Coco Coders
4.8
(978)
$20 per class
Next session at 12 AM on Monday
Group Class
1/wk, 55 min
9-13
Code Your Own Ecards With Secret Messages! [Digital Art + Javascript]
Terry D [Code & Art, JavaScript, M.Ed]
5.0
(52)
$10 per class
Next session at 5 PM on Mon 10/27
Group Class
2 wks, 1/wk, 55 min
10-14
After School Coding Club: Make Games With Javascript!
Coco Coders
4.8
(978)
$20 per class
Next session at 10:30 PM on Tue 9/2
Group Class
1/wk, 55 min
11-14
Project-Based Javascript Coding (Level 1)
AI Code Academy
4.7
(1,865)
$21 per class
Next session at 8:30 PM on Saturday
Group Class
10 wks, 1/wk, 1 hr
9-14
Javascript/P5.Js Creative Coding: Create Games, Animation and More!
Create N Learn: Game-Based Learning & Future Skill
4.8
(392)
$15 per class
Next session at 9 PM tomorrow
Group Class
8 wks, 1/wk, 55 min
12-14
Summer Camp: Javascript Coding 4 Kids (Intro)
Dr. Elliott Heflin, Jr.
4.6
(408)
$19 per class
Next session at 5 PM on Monday
Group Class
5 wks, 2/wk, 55 min
8-13
Creative Coding 1-On-1 [Beginners + Games + Animation in Javascript]
Terry D [Code & Art, JavaScript, M.Ed]
5.0
(52)
$30 per session
1-on-1 Lessons
On Demand
10-14
Creative Coding for Beginners – Art, Games, Stories, and Sounds in Javascript!
Terry D [Code & Art, JavaScript, M.Ed]
5.0
(52)
$20 per class
Next session at 8 PM on Thu 9/11
Group Class
8 wks, 1/wk, 55 min
11-14
Semester of Javascript: From Basics to Big Ideas!
Coco Coders
4.8
(978)
$18 per class
Next session at 3:30 PM on Tuesday
Group Class
10 wks, 1/wk, 55 min
10-15
Javascript Coding for Beginners Level 1 -Project Based Learning
E Square ⭐#1 for Positive Reviews ā—† Chess ā—† Coding
4.8
(6,006)
$20 per class
Next session at 6 PM on Mon 9/1
Group Class
12 wks, 1/wk, 50 min
10-15
Your Javascript Coach: 1:1 Game & Animation Coding
Coco Coders
4.8
(978)
$60 per session
1-on-1 Lessons
On Demand
9-14
Advanced Web Coding for Kids: Create Dynamic Sites With HTML, CSS & Javascript
PopSkool: English, Music, Art, Math, Coding & More
4.9
(263)
$15 per class
Next session at 8 PM tomorrow
Group Class
8 wks, 1/wk, 55 min
9-14
Project-Based Javascript Coding (Level 2)
AI Code Academy
4.7
(1,865)
$22 per class
Next session at 11:30 PM on Wed 9/3
Group Class
10 wks, 1/wk, 1 hr
10-13
Beats With Blocks: Electronic Music Coding in Javascript
Coco Coders
4.8
(978)
$10 per week
Self-Paced Class
4 weeks
9-17
Intro to Web Development: Year-Long HTML, CSS, & Javascript Projects for Kids!
Faruk Hasan
4.8
(156)
$11 per class
Next session at 1:50 PM on Sat 9/13
Group Class
1/wk, 35 min
11-15
See More Classes
Are you planning to use state funding, such as an Education Savings Account (ESA), Micro-grant or scholarship to help pay for your learner’s education?
Back