Search

$40

weekly
or $320 for 8 classes
Class

Learn Animation Using Javascript

Completed by 1 learner
Ages 12-17
Live Group Course
In this exciting and fun class, learners will use their coding skills to build animated objects on a webpage using JavaScript and canvas.
Average rating:
4.9
Number of reviews:
(37 reviews)

Live video meetings
1x per week, 8 weeks
1-3 learners per class
45 min

What's included

8 live meetings
6 in-class hours
Homework
1 hour per week. There will be optional homework offered per week. It should not take more than 20-30 minutes.

Class Experience

US Grade 6 - 9
Beginner Level
Learn from the best!
----------------------------
This class is full of exciting and fun things to learn.

We will delve into animation of objects on a web page, mainly using JavaScript.
For example, we will build a bouncing ball on the page. We will also use HTML and CSS to add controls to our web page so that we can change the speed, direction and colors of the ball mid-flight! Learners love to explore what they can do using these technologies.

We will learn:

1) Using Canvas to draw lines and circles
2) Changing colors, calculating coordinates to build a scene/character
3) Animating a ball to bounce
4) Adding controls to the page to interact with the object
5) Detecting Collisions
6) Complete project: Putting it all together using CSS, HTML, JavaScript


The class is structured to meet for an hour. I will share my screen and demonstrate what we are trying to do.  The concepts used in the code will be explained thoroughly. 

The learners will then be able to code along and try things on their own. If they get stuck they can let me know and we can debug the issue using chat or a screen share.

Each session will build on concepts learned in previous sessions. We will revise concepts so learners can retain better. Throughout the class, I may ask questions to check learner engagement. 

While most learners love such creative classes, learners who listen carefully, ask questions and follow directions tend to retain the most from these classes.

Recordings will also be available to the learners if they need to listen to it later.

Simple homework will be assigned at the end of most sessions. (10-20 mins)

Learning Goals

Students will learn JavaScript animation and some skills in HTML and CSS.

Syllabus

8 Lessons
over 8 Weeks
Lesson 1:
Introduction to JavaScript and Canvas
  
45 mins online live lesson
Lesson 2:
Drawing Basic Objects
45 mins online live lesson
Lesson 3:
Building A Scene Using Multiple Objects
45 mins online live lesson
Lesson 4:
Basics Of Animation
45 mins online live lesson

Other Details

Parental Guidance
We will code on a third party website called onecompiler.com. This website does not require a login. Learners will need to type their code in the left hand side and click a button to Run their program. The program will run on their server and show the results on the right hand side.
Pre-Requisites
Learners should be comfortable typing a lot of text, copying and pasting text from one location to another as well as sharing their screen to show their code.
External Resources
In addition to the Outschool classroom, this class uses:
Sources
We will use the site onecompiler.com to type our code and run it. It does not need a login.

Meet the teacher

Joined February, 2023
4.9
37reviews
Profile
Teacher expertise and credentials
Master's Degree in Information Technology from Carnegie Mellon University
Hi there! I am a software professional with over 20+ years of programming experience in the tech industry as a software engineer and an engineering manager. I have a BE in Computer Science and a Masters in Software Engineering from Carnegie Mellon University. I absolutely love sharing my love of coding with others! I am well aware of the skills useful in the tech industry and ensure I guide my students accordingly so they fully understand what they are learning and how it may be used in future.


Parents also liked
1:1 Javascript/P5.Js for Ages 9-14
Coco Coders
4.8
(974)
$60 per session
1-on-1 Lessons
On Demand
9-14
JavaScript / p5.Js Computer Science Coding Club: Games, Animations, and More
Coco Coders
4.8
(974)
$20 per class
Next session at 6 PM today
Group Class
1/wk, 55 min
9-13
Project-Based Javascript Coding (Level 1)
AI Code Academy
4.7
(1,787)
$21 per class
Next session at 3 PM on Saturday
Group Class
10 wks, 1/wk, 1 hr
9-14
Summer Camp: Javascript Coding 4 Kids (Intro)
Dr. Elliott Heflin, Jr.
4.6
(405)
$19 per class
Next session at 10 PM on Mon 5/12
Group Class
5 wks, 2/wk, 55 min
8-13
Creative Coding with P5.js – Game Design for Grades 6–8 using JavaScript
Create N Learn: Game-Based Learning & Future Skill
4.9
(39)
$15 per class
Next session at 9 PM tomorrow
Group Class
8 wks, 1/wk, 55 min
12-14
Kids' Coding Quest: JavaScript Games Edition
MS. JEN of ARTISTIC KIDS WORKSHOP
4.7
(6)
$12 per class
Next session at 12 AM on Tue 6/3
Group Class
4 wks, 2/wk, 55 min
9-14
Javascript Coding for Beginners Level 1 -Project Based Learning
Einsteins Square: Chess, Coding, Math, Art, Games
4.8
(5,847)
$20 per class
Next session at 6 PM on Mon 7/21
Group Class
12 wks, 1/wk, 50 min
10-15
Semester of Javascript: From Basics to Big Ideas!
Coco Coders
4.8
(974)
$18 per class
Next session at 2 PM on Mon 6/2
Group Class
10 wks, 1/wk, 55 min
10-15
Creative Coding 1-On-1 [Digital Art + Games + Animation in JavaScript]
Terry D [Code & Art, JavaScript, M.Ed]
5.0
(48)
$30 per session
1-on-1 Lessons
On Demand
9-15
8 - 10 Years Old: Mobile App Creation With JavaScript - Level 1
Jamesetta James
4.7
(178)
$15 per class
Next session at 1 PM on Mon 5/12
Group Class
1 wk, 1/wk, 1.50 hr
8-10
Summer Camp: Project Based Javascript for Kids (Level 2)
AI Code Academy
4.7
(1,787)
$23 per class
Next session at 3 PM on Mon 6/16
Group Class
2 wks, 5/wk, 1 hr
10-15
Project-Based Javascript Coding (Level 2)
AI Code Academy
4.7
(1,787)
$22 per class
Next session at 3 PM on Saturday
Group Class
10 wks, 1/wk, 1 hr
10-13
Summer Camp: Project Based Javascript for Kids (Level 1)
AI Code Academy
4.7
(1,787)
$22 per class
Next session at 3 PM on Mon 6/16
Group Class
2 wks, 5/wk, 1 hr
9-13
Kids Learn Web Development: HTML, CSS & Javascript Projects With Github!
Faruk Hasan
4.8
(149)
$12 per class
Next session at 11 PM on Tue 7/1
Group Class
1/wk, 35 min
11-15
11 -13 Years Old: Mobile App Creation With JavaScript - Level 1
Jamesetta James
4.7
(178)
$15 per class
Next session at 1 PM on Tue 5/13
Group Class
1 wk, 1/wk, 1.50 hr
11-13
1:1 Coding Sessions: Java, Python, HTML, CSS, JavaScript (Customizable)
MissB aka Bhavana R (Coding)
4.9
(37)
$70 per session
1-on-1 Lessons
On Demand
9-18
See More Classes
Home
Search
Give a Gift Card
Open currency, time zone, and language settings
Language & Region
Log In