šŸ“š Start the school year strong—save $30 with code BEYOND30. Offer valid for new Members only.
450
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

56 total ratings, 32 with reviews

Review summary for this class
The reviews overwhelmingly praise the instructor, Terence, for his engaging teaching style, patience, and ability to explain complex concepts in a relatable way. Students of varying ages and skill levels found the class enjoyable and felt that they learned a lot about JavaScript, web programming, and coding. Many students expressed excitement to continue learning and taking more classes with Terence. If you or your child is interested in coding and web development, this class is highly recommended.
This summary was AI-generated from parent reviews
Parent-submitted images
Amazing teacher. This is the second class my son has completed with... 
Momon Sep 12, 2022
This was my daughters second class with Terence. She learned so much... 
Debra C.on Sep 11, 2022
Great class, amazing teacher who truly engages with students! Among the... 
Jamie H.on Aug 13, 2022
My son loves this class and teacher! He has learned a lot and has fun!
Mila B.on Apr 8, 2022
My kid loved this class and Terence was very knowledgeable and... 
Ad T.on Feb 10, 2022
My 12 year old really enjoyed this class and would recommend it. ... 
Alissa P.on Oct 12, 2021
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
AI Code Academy
4.7
(1,865)
$21 per class
Next session at 11:30 PM on Wed 8/27
Group Class
10 wks, 1/wk, 1 hr
9-14
Personalized 1-On-1 Tutoring: Build Your First Website With HTML & CSS
Antonia Burroughs
$60 per session
1-on-1 Lessons
On Demand
3-18
Web Development Summer Camp for Beginners : Create Fun Websites With HTML & CSS
Create N Learn: Game-Based Learning & Future Skill
4.8
(399)
$15 per class
Next session at 11 PM tomorrow
Group Class
2 wks, 4/wk, 55 min
9-12
Coding - Intro to HTML and CSS for Website Creation for Beginners Level 1
E Square ⭐#1 for Positive Reviews ā—† Chess ā—† Coding
4.8
(6,009)
$20 per class
Next session at 6 PM tomorrow
Group Class
10 wks, 1/wk, 50 min
9-14
Coding - Intro to HTML and CSS for Website Creation for Beginners Level 2
E Square ⭐#1 for Positive Reviews ā—† Chess ā—† Coding
4.8
(6,009)
$20 per class
Next session at 8 PM tomorrow
Group Class
10 wks, 1/wk, 50 min
10-15
Build a Website for Beginners! A STEM Class on HTML and CSS
Maryfrances
4.8
(67)
$10 per week
Self-Paced Class
5 weeks
9-14
1-on-1 Private Lessons Intro to Website Design: HTML and CSS Coding, Wordpress
Jennifer Paul BFA, MFA
$60 per session
1-on-1 Lessons
On Demand
14-18
Build Awesome Websites With HTML, CSS & AI Design Tools (Beginner Friendly)
PopSkool: English, Music, Art, Math, Coding & More
4.9
(267)
$15 per class
Next session at 4 PM today
Group Class
8 wks, 1/wk, 55 min
10-14
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
Web Design for Beginners : Create 6 Awesome Websites With HTML, CSS & Javascript
Create N Learn: Game-Based Learning & Future Skill
4.8
(399)
$14 per class
Next session at 2 PM tomorrow
Group Class
16 wks, 1/wk, 55 min
10-13
HTML Safari -- Coding & Tech -- Meets Once per Week
Teacher Lee
$15 per class
Next session at 6 PM tomorrow
Group Class
1/wk, 55 min
9-14
HTML Coding: Build Your Own Real Website: Coding Workshop (Meets 2X per Week)
Coding Doctors Learning Lab, Inc.
4.8
(1,281)
$14 per class
Next session at 12 AM on Tue 9/16
Group Class
5 wks, 2/wk, 50 min
11-14
STEM Coding: Create Your Amazing 'All About Me' Website With HTML (Ages 8- 14)
Conding Conductor Sarah
$18 per week
Self-Paced Class
1 weeks
8-14
HTML | Beginner | 04 Week | Learn HTML W/ 2 Hero Chickens, Buk Buk & Nugget
Sidney - KidsSpeakCode
4.8
(1,188)
$16 per week
Self-Paced Class
4 weeks
13-18
Cluck and Code: An Introduction to HTML and Web Development With Chickens | SP
Sidney - KidsSpeakCode
4.8
(1,188)
$18 per week
Self-Paced Class
2 weeks
11-15
Advanced Web Coding for Kids: Create Dynamic Sites With HTML, CSS & Javascript
PopSkool: English, Music, Art, Math, Coding & More
4.9
(267)
$15 per class
Next session at 6 PM today
Group Class
8 wks, 1/wk, 55 min
9-14
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