$10
per classProgramming HTML, CSS, Javascript - Sound Board App
Completed by 13 learners
Ages 10-15
Live One-Time Class
Live video meetings
Meets once
2-6 learners per class
55 min
What's included
1 live meeting
55 mins in-class hoursClass Experience
In this course, students will learn how to create a web based application using fundamental HTML, CSS, and Javascript and using events to trigger sound effects. HTML and CSS are the foundation of the web. So, they're also the foundation for taking tech skills to the next level. Having a handle on the fundamentals will make learning another programming language like Javascript much easier. Designing custom functions which handle different events, like mouse clicks, are essential for interactive web design. This lesson introduces those concepts in a fun and customizable way. This class will show and explain how to create a basic HTML layout, style it with CSS, and then use Javascript to trigger events that activate sound effects or musical files. I will also give out a challenge after every class so students can experiment and grow their knowledge. By the end of the course, students will have the knowledge of how to create a basic web based application using HTML, CSS, and Javascript to play sound effects with a button click. We play Kahoot to warm up to HTML, CSS, and JavaScript topics so students will need access to that site. Students should be able to type on a keyboard and have some coding knowledge. This lesson will require a computer with internet access and the ability to navigate to CodeSandbox.io for a shared coding environment.
Learning Goals
-Basic HTML Layout with markdown sections for titles, body paragraph, and interactive buttons.
-Basic CSS Styling applying background colors, text colors, element location, and interactive animations.
-Basic Javascript creating variables, adding event listeners, crafting functions, and displaying data from the DOM.
Other Details
External Resources
In addition to the Outschool classroom, this class uses:
Sources
Special Thanks to Brad Traversy (https://www.traversymedia.com/) and Florin Pop (https://www.florin-pop.com/) for sharing their courses and ideas!
Meet the teacher
Teacher expertise and credentials
I have more than a decade of teaching experience including the last five years teaching online. I've also trained and worked as a full stack web developer over the last several years and am happy to bring together my two expertise to help your student. =)
Reviews
Parents also liked
Build Your Website using HTML, CSS, & JavaScript-Summer Camp Coding Workshop-
Coding Doctors Learning Lab, Inc.
4.8
(1,241)
$15 per class
Next session at 11 PM on Mon 5/26
Group Class
2 wks, 4/wk, 55 min
10-14
Web Design for Kids: HTML & CSS & WordPress
AI Code Academy
4.7
(1,767)
$21 per class
Next session at 12:30 AM on Thursday
Group Class
10 wks, 1/wk, 1 hr
9-14
Coding - Intro to HTML and CSS for Website Creation for Beginners Level 1
Einsteins Square: Chess, Coding, Math, Art, Games
4.8
(5,713)
$20 per class
Next session at 4 PM 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,713)
$20 per class
Next session at 10 PM on Sunday
Group Class
10 wks, 1/wk, 50 min
10-15
Design, Code, & Launch Your HTML5 Website W/ Objects, Music & Sounds! Ages 7-12
Raymond Mullikin (Raytoons Comics)
4.9
(486)
$16 per class
Next session at 7 PM on Sun 3/2
Group Class
6 wks, 1/wk, 50 min
7-12
Design, Code, & Launch Your HTML5 Website W/ Objects, Music & Sounds! Ages 12+
Raymond Mullikin (Raytoons Comics)
4.9
(486)
$16 per class
Next session at 10 PM on Thu 3/27
Group Class
6 wks, 1/wk, 50 min
13-18
"Kids' Coding Quest: Building Awesome Websites Together"
MS. JEN of ARTISTIC KIDS WORKSHOP
4.7
(6)
$11 per class
Next session at 2 AM on Tue 3/4
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
(35)
$60 per session
1-on-1 Lessons
On Demand
9-18
Beginner Web Development Bootcamp: Javascript, HTML, and CSS for Kids!
Faruk Hasan
4.8
(145)
$10 per class
Next session at 3:05 AM on Tue 3/4
Group Class
1/wk, 35 min
11-16
JavaScript / p5.Js Computer Science Coding Club: Games, Animations, and More
Coco Coders
4.8
(973)
$20 per class
Next session at 3:30 PM today
Group Class
1/wk, 55 min
9-13
Computer Programming, Coding, Python, Javascript, C#, C++ One on One Tutoring
Trammell Classes Dragon Academy, DnD, Coding , RPG
4.8
(721)
$36 per class
Next session at 1 AM on Saturday
Group Class
1/wk, 25 min
7-12
Kids' Coding Quest: JavaScript Games Edition
MS. JEN of ARTISTIC KIDS WORKSHOP
4.7
(6)
$12 per class
Next session at 5 PM on Mon 6/2
Group Class
4 wks, 2/wk, 55 min
9-14
Creative Coding 1-On-1 [Digital Art + Games + Animation in JavaScript]
Terry D [Code & Art, JavaScript, M.Ed]
5.0
(46)
$30 per session
1-on-1 Lessons
On Demand
9-15
Project-Based Javascript Coding (Level 2)
AI Code Academy
4.7
(1,767)
$22 per class
Next session at 12:30 AM on Thursday
Group Class
10 wks, 1/wk, 1 hr
10-13
Project-Based Javascript Coding (Level 1)
AI Code Academy
4.7
(1,767)
$21 per class
Next session at 12:30 AM on Thursday
Group Class
10 wks, 1/wk, 1 hr
9-14
Intro to Apps Coding - Make Your Own Mobile Apps Level 1 (Once a Week, 6 Weeks)
Einsteins Square: Chess, Coding, Math, Art, Games
4.8
(5,713)
$20 per class
Next session at 5 PM tomorrow
Group Class
6 wks, 1/wk, 50 min
9-14
More to explore
Primary Sources
Greek & Latin Roots Building English Vocabulary
Phonics Reading Instruction
Fnaf Social
Engaging Private Reading
Mini Piano Adventures Lesson Session
Mimic The Master 104
Exciting Entomology
Build A Robot
D&d Beginner
Math Geniuses Made Here
Abstract Drawing
Theatre Shoes
Professor Kim
Debate Tournament
Process Of Making Movie Magic
Draw Anime Cats
Mind
New Year Resolution
C Coding