for 5 classes
Class

Coding Web Games: A Clicker Game W/ HTML, CSS, and Javascript

Completed by 272 learners
Ages 10-15
Live Group Class
In each 75 minute, project driven class, we'll build a web game. We'll peek into the fundamentals of building a web app while learning about the computer science principles that are embedded within every step.
Average rating:
4.8
Number of reviews:
(326 reviews)

Live video meetings
1x per week, 5 weeks
3-8 learners per class
75 min

What's included

5 live meetings
6 hrs 15 mins in-class hours

Class Experience

In this project based course, students will learn with a mix of lecture and project labs. We will be alternating between lecture or discussion to build intuition and have a lab to put it into practice. During the class, we'll be learning about the core concepts at a depth where students will know enough to do more and research things on their own. We'll be focusing on principles not technicalities!

Classes will be structured with primers(Do nows) and followup questions at the end of lab along with homework.

In this class, we'll be making a basic web game to learn about front end programming concepts and the main, universal skills needed to work on popular web applications like Facebook or even Outschool.

Week to week, each session will be focusing on a lab but students have the opportunity to extend those concepts or code as they see fit in their own time.

Session 1: What is a website? How does the web work?
Session 2: Proper HTML practices. CSS conventions.
Session 3: Dynamic, Modern, Vanilla Javascript
Session 4: Events + DOM
Session 5: Handling State + CSS bonus lesson

Everything used in this class is free. We use repl.it to run an environment mainly so students can collaborate and so I can assist students. Repl.it also allows students to share their website at the end of class. However, students can easily host+deploy their own website though it's not covered in class.

The main purpose of this class is to have fun coding something real while also maintaining a level of rigor that can make students ready for a job in industry!

Other Details

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!

Working in Silicon Valley, I see how accessible technology is and how most classical curriculum make you unprepared for the real world! By the end of this class, your student should be able to make projects of their own and hopefully even be on the way to interning at a technology company.

Reviews

Other classes by Terence Yang [ Video Games + Coding + Javascript ]
Other classes by Terence Yang [ Video Games + Coding + Javascript ]


Parents also liked
Web Design for Kids: HTML & CSS & WordPress
AI Code Academy
4.7
(1,797)
per class
Next session at 11:30 PM on Monday
Group Class
10 wks, 1/wk, 1 hr
9-14
Summer Camp: Web Design for Kids: HTML & CSS & Wordpress
AI Code Academy
4.7
(1,797)
per class
Next session at 3 PM on Mon 6/16
Group Class
2 wks, 5/wk, 1 hr
10-15
Personalized 1-On-1 Tutoring: Build Your First Website With HTML & CSS
Antonia Burroughs
per session
1-on-1 Lessons
On Demand
3-18
Coding - Intro to HTML and CSS for Website Creation for Beginners Level 1
Einsteins Square: Chess, Coding, Math, Art, Games
4.8
(5,883)
per class
Next session at 12 AM on Wednesday
Group Class
10 wks, 1/wk, 50 min
9-14
Coding - Intro to HTML and CSS for Website Creation for Beginners Level 2
Einsteins Square: Chess, Coding, Math, Art, Games
4.8
(5,883)
per class
Next session at 11 PM on Sunday
Group Class
10 wks, 1/wk, 50 min
10-15
Summer Camp Coding Workshop-Build Your Own Website Using HTML, CSS, & Javascript
Coding Doctors Learning Lab, Inc.
4.8
(1,256)
per class
Next session at 2 PM on Monday
Group Class
2 wks, 4/wk, 55 min
10-14
Build Awesome Websites Using HTML, CSS & AI Magic (Beginner Friendly)
PopSkool: English, Music, Art, Math, Coding & More
5.0
(20)
per class
Next session at 2 PM on Sunday
Group Class
8 wks, 1/wk, 55 min
10-14
Master Web Development: Year-Long HTML, CSS, & Javascript Projects for Kids
Faruk Hasan
4.8
(149)
per class
Next session at 11 PM on Tue 7/1
Group Class
1/wk, 35 min
11-15
HTML Safari -- Coding & Tech -- Meets Once per Week
Teacher Lee
per class
Next session at 6 PM on Sunday
Group Class
1/wk, 55 min
9-14
Web Programming Weeklong Camp
MissB aka Bhavana R (Coding)
4.9
(38)
per class
Next session at 7 PM on Mon 7/14
Group Class
1 wk, 5/wk, 1.50 hr
10-15
Website Development | Beginners - Coding
Codingal - #1 AI & Coding | Backed by Y Combinator
4.8
(10)
per class
Next session at 2 PM on Monday
Group Class
4 wks, 2/wk, 1 hr
12-17
"Kids' Coding Quest: Building Awesome Websites Together"
MS. JEN of ARTISTIC KIDS WORKSHOP
4.7
(6)
per class
Next session at 11 PM on Mon 6/2
Group Class
4 wks, 2/wk, 55 min
9-14
1:1 Coding Sessions: Java, Python, HTML, CSS, JavaScript (Customizable)
MissB aka Bhavana R (Coding)
4.9
(38)
per session
1-on-1 Lessons
On Demand
9-18
Design, Code, & Launch Your HTML5 Website W/ Objects, Music & Sounds! Ages 7-12
Raymond Mullikin (Raytoons Comics)
4.9
(504)
per class
Next session at 11 PM on Monday
Group Class
6 wks, 1/wk, 50 min
7-12
Web Development and Graphic Design - 5 Day - Summer Camp
Fleming Tech Camps
4.9
(26)
per class
Next session at 8:15 PM on Mon 6/9
Group Class
1 wk, 5/wk, 2.92 hr
10-15
Design, Code, & Launch Your HTML5 Website W/ Objects, Music & Sounds! Ages 12+
Raymond Mullikin (Raytoons Comics)
4.9
(504)
per class
Next session at 8 PM on Monday
Group Class
6 wks, 1/wk, 50 min
13-18
See More Classes
Home
Search
Give a Gift Card
Open currency, time zone, and language settings
Language & Region
Log In