Outschool
Search

weekly
or for 40 classes
Class
Play

Web Design and Games for Kids: Bring Your Ideas to Life With HTML, CSS, and JS!

New class
Ages 9-14
Live Group Course
Join our dynamic web development course for kids aged 9-14, where they'll learn HTML, CSS, and JavaScript through fun projects like animating characters and creating web games.
Average rating:
5.0
Number of reviews:
(1 reviews)

Live video meetings
2x per week, 20 weeks
2-10 learners per class
75 min

What's included

40 live meetings
50 in-class hours
Homework
1 hour per week. included
Certificate of Completion
included

Class Experience

US Grade 5 - 8
Beginner Level
Students will learn the fundamentals of web development, including HTML, CSS, and JavaScript. They will create animated characters, build personal websites, and develop interactive web games. Lessons feature hands-on projects, interactive coding sessions, discussions, and real-time feedback to enhance learning. Other classes available on the weekend if these days do not work with your schedule. 

https://outschool.com/classes/web-design-and-games-for-kids-learn-to-code-with-html-css-and-js-nmjd6DJL?utm_source=transactional&utm_medium=email&utm_campaign=organizer-activity-published

Learning Goals

Learn the basics of HTML, CSS, and JavaScript: Understand how to create and style web pages and add interactivity.
Develop animated characters and personal websites: Use HTML and CSS to create animated characters like bunnies and dinosaurs, and build a personal website to showcase projects.

Syllabus

40 Lessons
over 20 Weeks
Lesson 1:
Setup and Preparation
 Introduction to HTML, CSS, and JavaScript. Set up and explore the coding environment. Use the browser inspector to explore the HTML of different websites. 
75 mins online live lesson
1 assignment
Lesson 2:
HTML Basics
 Building the foundation of webpages. Learn the basics of HTML, including the structure and use of entry-level tags. Create a simple webpage. 
75 mins online live lesson
Lesson 3:
CSS Basics
 Styling your webpages. Introduction to CSS and how it can be used to style HTML elements. Apply classes and IDs to style the webpage created in the previous lesson. 
75 mins online live lesson
Lesson 4:
Creating Animated Characters - Bunny Project
 Bringing a bunny to life. Use CSS and basic JavaScript to create and animate a bunny character. 
75 mins online live lesson

Other Details

Learning Needs
Structured Lessons: Lessons are broken down into manageable, clearly defined sections to maintain focus. Interactive Activities: Engaging, hands-on projects that involve active participation to keep students involved. Frequent Breaks...
Parental Guidance
This class does not include any content that is upsetting, scary, or requires special safety precautions. All activities are designed to be age-appropriate and engaging for learners aged 9-14. Parental Guidance: In this class, we will use Tynker for coding practice and project work. Tynker is a COPPA-compliant platform, ensuring safety for learners under 13. To get started, students will need to visit tynker.com/classcode and paste in the class code that I will share with them upon signing up for the class. Parental supervision is recommended to assist with account creation and ensure privacy and security. Steps to Get Started on Tynker: Visit Tynker Class Code Page: Go to tynker.com/classcode. Enter Class Code: Paste in the class code provided to you upon sign-up. Create Account: Follow the prompts to create an account. Parents should help with this process to ensure the information is entered correctly and privacy settings are properly configured. By following these steps, students can safely and securely join our coding class and start their learning journey with Tynker. If you have any questions or need further assistance, feel free to reach out to me or consult Tynker’s support page for more information.
Pre-Requisites
There are no prerequisite requirements for this class. It is designed for beginners, so no previous classes or coding experience is necessary. All you need is curiosity, creativity, and a willingness to learn! We will start from the basics.
External Resources
In addition to the Outschool classroom, this class uses:

Meet the teacher

Joined July, 2024
5.0
1reviews
Profile
Teacher expertise and credentials
I have over 12 years of coding experience and hold a B.A. in Interactive Media and Design with a specialization in Audio Engineering from Living Arts College. I have worked professionally as a designer, web developer, and currently as a UX Developer. Additionally, I am currently building my own VR game, combining my expertise in web development and interactive media.

Reviews


Parents also liked
Web Design for Kids: HTML & CSS & WordPress
AI Code Academy
4.7
(1,779)
per class
Next session at 3 PM on Saturday
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,779)
per class
Next session at 3 PM on Mon 6/16
Group Class
2 wks, 5/wk, 1 hr
10-15
Coding - Intro to HTML and CSS for Website Creation for Beginners Level 2
Einsteins Square: Chess, Coding, Math, Art, Games
4.8
(5,808)
per class
Next session at 7 PM on Tuesday
Group Class
10 wks, 1/wk, 50 min
10-15
Coding - Intro to HTML and CSS for Website Creation for Beginners Level 1
Einsteins Square: Chess, Coding, Math, Art, Games
4.8
(5,808)
per class
Next session at 7 PM tomorrow
Group Class
10 wks, 1/wk, 50 min
9-14
Build Your Own Website Using HTML, CSS, & Javascript-Summer Camp Coding Workshop
Coding Doctors Learning Lab, Inc.
4.8
(1,247)
per class
Next session at 11 PM on Mon 5/26
Group Class
2 wks, 4/wk, 55 min
10-14
Beginners Web Development with the Basics: HTML, CSS & JavaScript (Intro)
Curtis Butler
per class
Next session at 4 PM on Friday
Group Class
1 wk, 1/wk, 1 hr
14-18
Project-Based Web Development for Kids (Year-Long): Learn HTML, CSS & Javascript
Faruk Hasan
4.8
(147)
per class
Next session at 11 PM on Tue 7/1
Group Class
1/wk, 35 min
10-15
Web Programming Weeklong Camp
MissB aka Bhavana R (Coding)
4.9
(37)
per class
Next session at 7 PM on Mon 7/14
Group Class
1 wk, 5/wk, 1.50 hr
10-15
"Kids' Coding Quest: Building Awesome Websites Together"
MS. JEN of ARTISTIC KIDS WORKSHOP
4.7
(6)
per class
Next session at 4 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
(37)
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
(495)
per class
Next session at 6 PM on Sun 4/13
Group Class
6 wks, 1/wk, 50 min
7-12
Web Development and Graphic Design - 5 Day - Summer Camp
Fleming Tech Camps
4.9
(25)
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
(495)
per class
Next session at 8 PM on Mon 4/21
Group Class
6 wks, 1/wk, 50 min
13-18
Coding Trial Class
MissB aka Bhavana R (Coding)
4.9
(37)
per session
Next session at 4:30 PM on Friday
1-on-1 Lessons
On Demand
9-18
Scratch Programming: One-On-One Coding Sessions
BrainBytes
4.9
(241)
per session
1-on-1 Lessons
On Demand
6-13
Weekly Minecraft Intermediate Coding Fun! Awesome Coding Projects Every Week
Code Kids
4.8
(1,532)
per class
Next session at 3 PM today
Group Class
1/wk, 55 min
8-12
See More Classes
Home
Search
Give a Gift Card
Open currency, time zone, and language settings
Language & Region
Log In