Outschool
Open currency, time zone, and language settings
Log In

Learn Animation Using Javascript

In this exciting and fun class, learners will use their coding skills to build animated objects on a webpage using JavaScript and canvas.
MissB aka Bhavana R (Coding)
Average rating:
4.9
Number of reviews:
(31)
Class

What's included

8 live meetings
8 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.

There is no homework or grade assigned.
Learning Goals
Students will learn JavaScript animation and some skills in HTML and CSS.
learning goal

Syllabus

8 Lessons
over 8 Weeks
Lesson 1:
Introduction to JavaScript and Canvas
  
60 mins online live lesson
Lesson 2:
Drawing Basic Objects
60 mins online live lesson
Lesson 3:
Building A Scene Using Multiple Objects
60 mins online live lesson
Lesson 4:
Basics Of Animation
60 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:
Joined February, 2023
4.9
31reviews
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.

Reviews

Live Group Course
Share

$20

weekly or $160 for 8 classes
1x per week, 8 weeks
60 min

Live video meetings
Ages: 12-17
3-8 learners per class

About
Support
SafetyPrivacyCA PrivacyLearner PrivacyManage Data PreferencesTerms
Financial Assistance
Get The App
Download on the App StoreGet it on Google Play
© 2024 Outschool