450
Coding Web Games: A Clicker Game W/ HTML, CSS, and Javascript
Completed by 272 learners
Ages 10-15
Live Group Class
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 hoursClass 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
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 ]
Related categories
Parents also liked
Web Design for Kids: HTML & CSS & WordPress
AI Code Academy
4.7
(1,804)
$21 per class
Next session at 3 PM on Sat 6/14
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,804)
$18 per class
Next session at 3 PM on Mon 6/16
Group Class
2 wks, 5/wk, 1 hr
10-15
Web Development Summer Camp for Beginners : Create Fun Websites With HTML & CSS
Create N Learn: Game-Based Learning & Future Skill
4.9
(98)
$15 per class
Next session at 11 PM on Sunday
Group Class
2 wks, 4/wk, 55 min
9-12
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
Coding - Intro to HTML and CSS for Website Creation for Beginners Level 2
Einsteins Square: Chess, Coding, Math, Art, Games
4.8
(5,908)
$20 per class
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,258)
$15 per class
Next session at 4 PM on Mon 6/16
Group Class
2 wks, 4/wk, 55 min
10-14
Coding - Intro to HTML and CSS for Website Creation for Beginners Level 1
Einsteins Square: Chess, Coding, Math, Art, Games
4.8
(5,908)
$20 per class
Next session at 3 AM on Sunday
Group Class
10 wks, 1/wk, 50 min
9-14
Build Awesome Websites With HTML, CSS & AI Design Tools (Beginner Friendly)
PopSkool: English, Music, Art, Math, Coding & More
5.0
(100)
$15 per class
Next session at 4 PM tomorrow
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
(153)
$12 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
$15 per class
Next session at 6 PM on Sunday
Group Class
1/wk, 55 min
9-14
Summer Learning: HTML Adventure for Kids
Dr. Nathan
5.0
(23)
$50 per class
Next session at 9 PM on Mon 6/30
Group Class
1/wk, 45 min
7-11
Web Programming Weeklong Camp
MissB aka Bhavana R (Coding)
4.9
(39)
$80 per class
Next session at 5:30 PM on Mon 8/4
Group Class
1 wk, 5/wk, 1.50 hr
10-15
Web Design & Coding Summer Camp: Build Your First Website for Beginners
Sora Schools, Inc.
$30 per class
Next session at 2 PM on Mon 7/14
Group Class
1 wk, 5/wk, 1.50 hr
10-14
1:1 Coding Sessions: Java, Python, HTML, CSS, JavaScript (Customizable)
MissB aka Bhavana R (Coding)
4.9
(39)
$70 per session
1-on-1 Lessons
On Demand
9-18
Advanced Web Coding for Kids: Create Dynamic Sites With HTML, CSS & Javascript
PopSkool: English, Music, Art, Math, Coding & More
5.0
(100)
$15 per class
Next session at 5 PM tomorrow
Group Class
8 wks, 1/wk, 55 min
9-14
Private Lessons for All Levels of Computer Programming- Scratch, Python, HTML
Coding Doctors Learning Lab, Inc.
4.8
(1,258)
$49 per session
1-on-1 Lessons
On Demand
10-16
More to explore
Animal Sketching
Gift Koomp
Japanese History
Wayside School
Science Orchard
Learn Letters
Lets Learn Stem
Writing Novel
Coding And Animation In Scratch for Beginners Private Lessons 7-11
The French Corner
Dungeons And Dragons Dragon Of Icespire Peak
Academic Courses
English By The Books
Wings Of Fire Sculpting
Shy
Watercolor Wings Of Fire
Wake Up Java
Light Of Xaryxis
Singing When You Are Winning
Click Tutoring And Learning