First Month Free — use code BTS40. Offer valid for 80 credits plan.Learn More
20
credits per class
Class
Play

Programming HTML, CSS, Javascript - Fast, Cheap, Good Sliders

Completed by 17 learners
Ages 10-15
Live One-Time Class
In this single lesson, students will use HTML, CSS, and Javascript to create and style a single page web application that has interactive checkboxes with logical operators.
Average rating:
5.0
Number of reviews:
(61 reviews)

Live video meetings
Meets once
2-6 learners per class
55 min

What’s included

1 live meeting
55 mins in-class hours

Class Experience

In this course, students will learn how to create a web based application using fundamental HTML, CSS, and Javascript and using checkboxes with logical operators. 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. Understanding conditional statements and how to render data is essential no matter which language your student is pursuing. This project is a fun and interactive way to display those conditional statements. 

This class will show and explain how to create a basic HTML layout, style it with CSS, and then use Javascript to manipulate the state of objects with conditional statements. 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 add more checkboxes with more conditional statements. 

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

Joined January, 2021
5.0
61reviews
Profile
Teacher expertise and credentials
Howdy! My name is Chris and I personally believe they should be teaching coding languages in our classrooms. The courses I teach focus on interactivity and building on programming fundamentals. It's so important to me that students get the opportunity to create something unique during our time together. My classes will always endeavor to have a sense of humor and while producing applications that lead to greater understanding of not only the computer language, but also the actions we take while playing games. This approach means students are not only entertained, but really remember the underlying aspects of the lesson, and most importantly, are able to apply them to new challenges.

Reviews

924 total ratings, 497 with reviews

Review summary for this teacher
The reviews overwhelmingly praise the teacher Jyoti Mehta for her engaging, interactive, and patient teaching style. Students seem to really enjoy her coding classes, finding them fun and challenging in a positive way. She is described as encouraging, supportive, and skilled at explaining concepts clearly and appropriately for different age groups. Many students express excitement and eagerness to take more classes with her.
This summary was AI-generated from parent reviews
Zoé loved this class and learned a lot ! The student at-home experiments... 
Jonas D.on Sep 1
Mrs.Mehta is an excellent science teacher who makes learning engaging... 
Lilyon Apr 18
I cannot recommend this science teacher highly enough! Mrs.Mehta's... 
Lilyon Mar 18
The teacher is quite passionate about the content and making sure the... 
Denise C.on Dec 24, 2024
I learned a lot in this class; the teacher was very nice.  Would take... 
Sam D.on Dec 2, 2024
Ms. Mehta connected so well with my very shy son and he learned a lot... 
Beth M.on Sep 8, 2024

Parents also liked
Coding With My Agent - Block Coding
Ms. Mareeka
4.8
(139)
$14 per class
Next session at 12 AM on Thursday
Group Class
24 wks, 1/wk, 1 hr
9-13
Let's Learn About Coding: Minecraft Education Edition Style!
Ms Felicia
5.0
(40)
$143 per session
1-on-1 Lessons
On Demand
6-18
1:1 Block-Based Coding with Scratch and MakeCode
SRS Music & STEAM
4.9
(26)
$43 per session
1-on-1 Lessons
On Demand
7-13
Make Coding Fun: Learn To Do Block-Based Coding Projects
Coach Joe Teaches (Special Education/Admin)
4.9
(679)
$10 per week
Self-Paced Class
4 weeks
7-14
Beats With Blocks: Electronic Music Coding in Scratch
Coco Coders
4.8
(977)
$10 per week
Self-Paced Class
4 weeks
6-16
Make Coding Fun: Three Block-Based Coding Projects (Autism, ADHD, Neurodiverse)
Coach Joe Teaches (Special Education/Admin)
4.9
(679)
$10 per week
Self-Paced Class
4 weeks
7-13
Next Level Block Based Coding - FLEX Microbit Program Sensors, Animations, Music
Michael Cohen Chess - Coding - 3D Printing Teacher
4.9
(561)
$15 per week
Self-Paced Class
4 weeks
9-13
(1:1) Make Magic in Minecraft - Create Dungeons & Dragons (Spells & Abilities)
Chris Rudder
5.0
(1)
$45 per session
1-on-1 Lessons
On Demand
12-17
Scratch Video Game Coding: Fun Programming
Michelle Lewis Scratch Coding STEM Educator
5.0
(22)
$49 per session
1-on-1 Lessons
On Demand
7-17
Scratch Programming: One-On-One Coding Sessions
Sprout Academia
4.9
(255)
$65 per session
1-on-1 Lessons
On Demand
6-13
Coding Scratch Full Semester Series - Introduction to Scratch: Coding & Gaming
Young Art: Art Education, Fashion Design, Coding
4.7
(4,895)
$20 per class
Next session at 10 PM on Mon 10/6
Group Class
16 wks, 1/wk, 55 min
9-14
Scratch Coding 1-On-1: Personalized Projects & Programming for Kids
Bloom
4.8
(154)
$40 per session
1-on-1 Lessons
On Demand
6-13
Scratch Coding
Mehrab Ahmad
5.0
(3)
$20 per class
Next session at 9 PM on Wednesday
Group Class
1/wk, 55 min
7-12
Scratch Coding Beginners Code-A-Thon Game & AI Programming! (Flexible Schedule)
Coding Doctors Learning Lab, Inc.
4.8
(1,277)
$10 per week
Self-Paced Class
5 weeks
7-12
Scratch Coding Mini-Game Programming Camp: Poppy Playtime Escape Run!
Young Art: Art Education, Fashion Design, Coding
4.7
(4,895)
$20 per class
Next session at 9 PM on Monday
Group Class
1 wk, 3/wk, 55 min
9-14
Beginner Coding Class With Minecraft: Level 1 - The Basics of Programming
Playful Digital Learning
4.8
(611)
$36 per class
Next session at 8 PM on Monday
Group Class
1 wk, 5/wk, 1.50 hr
8-13
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