First Month Free — use code BTS40. Offer valid for 80 credits plan.Learn More
This class is no longer available, but we found something similar!
%20(600%20%C3%97%20400%20px)%20(4).png?fit=crop&height=144&width=144&quality=80&strip=true)
.png?fit=crop&height=144&width=144&quality=80&strip=true)
20
Programming HTML, CSS, Javascript - Joke Generator - LOL!
Completed by 29 learners
Ages 10-15
Live One-Time Class
Average rating:
5.0
Number of reviews:(61 reviews)
Live video meetings
Meets once
2-4 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 interacting with an API. 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. APIs, or application program interfaces, are vital tools for businesses in all industries. They allow the capabilities of one computer program to be used by another. This class will show and explain how to create a basic HTML layout, style it with CSS, and then use JavaScript to connect to an API that delivers content to our web based application. 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 display data from a public API. This lesson will require a computer with internet access.
Learning Goals
-Basic HTML Layout with markdown sections for titles, body paragraph, and interactive buttons.
-Intermediate CSS Styling applying background colors, text colors, element location, and interactive animations.
-Intermediate Javascript creating variables, adding event listeners, crafting functions, and displaying data from the DOM.
-Basic API Data Handling like sending headers as objects for authentication, asynchronous functions, and receiving JSON data.Other Details
Parental Guidance
CodeSandbox.io is an online code editor and prototyping tool that makes creating and sharing web apps faster. As a teacher on the platform and according to the class content policy, I can use materials--such as CodeSandbox.io --in my classroom presentations and lectures as long as I am not linking to them or giving learners under 13 a way to click in to any of these sites.
External Resources
In addition to the Outschool classroom, this class uses:
Sources
Our API and joke source is https://icanhazdadjoke.com/. Students can find API documentation at the site for further experimentation.
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
12 total ratings, 9 with reviews
Related categories
Parents also liked
Intro to Web Development: Year-Long HTML, CSS, & Javascript Projects for Kids!
Faruk Hasan
4.8
(157)
$11 per class
Next session at 1:50 PM on Sat 9/27
Group Class
1/wk, 35 min
11-15
.png?fit=crop&height=90&width=120&quality=80&strip=true)
Web Design for Beginners : Create 6 Awesome Websites With HTML, CSS & Javascript
Create N Learn: Game-Based Learning & Future Skill
4.8
(515)
$14 per class
Next session at 2 PM tomorrow
Group Class
16 wks, 1/wk, 55 min
10-13
Web Design for Kids: HTML & CSS
AI Code Academy
4.7
(1,874)
$21 per class
Next session at 3:30 PM on Sat 9/27
Group Class
10 wks, 1/wk, 1 hr
9-14
Coding - Intro to HTML and CSS for Website Creation for Beginners Level 2
E Square ⭐ Chess ⭐ Coding ⭐ Math #1 in +ve Reviews
4.8
(6,046)
$20 per class
Next session at 10 PM on Sun 10/19
Group Class
10 wks, 1/wk, 50 min
10-15
Coding - Intro to HTML and CSS for Website Creation for Beginners Level 1
E Square ⭐ Chess ⭐ Coding ⭐ Math #1 in +ve Reviews
4.8
(6,046)
$20 per class
Next session at 2 AM tomorrow
Group Class
10 wks, 1/wk, 50 min
9-14
Build a Website for Beginners! A STEM Class on HTML and CSS
Maryfrances
4.8
(68)
$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
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
HTML Coding: Build Your Own Real Website: Coding Workshop (Meets 2X per Week)
Coding Doctors Learning Lab, Inc.
4.8
(1,277)
$14 per class
Next session at 9 PM on Tue 10/28
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
Coding 1:1 - 45 Minutes (Java, Python, HTML, CSS, Javascript and More)
MissB aka Bhavana R (Coding)
4.9
(47)
$53 per session
1-on-1 Lessons
On Demand
9-18
Coding 1:1 - 60 Minutes (Java, Python, HTML, CSS, Javascript, and More)
MissB aka Bhavana R (Coding)
4.9
(47)
$70 per session
1-on-1 Lessons
On Demand
10-18
Creative Coding for Beginners – Art, Games, Stories, and Sounds in Javascript!
Terry D [Code & Art, JavaScript, M.Ed]
5.0
(54)
$20 per class
Next session at 3:30 PM on Mon 9/29
Group Class
8 wks, 1/wk, 55 min
11-14
Computer Programming, Coding, Python, Javascript, C#, C++ One on One Tutoring
Dragon Academy by Trammell Classes, DnD,Coding,RPG
4.8
(756)
$36 per class
Next session at 12:30 AM on Tuesday
Group Class
1/wk, 25 min
7-12
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?
Financial Assistance
Homeschool Resources
Tutoring
More to Explore
Classes by Age
Classes by Grade
Get The App
