What's included
8 live meetings
8 in-class hoursHomework
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.
Syllabus
8 Lessons
over 8 WeeksLesson 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:
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
$20
weekly or $160 for 8 classes1x per week, 8 weeks
60 min
Live video meetings
Ages: 12-17
3-8 learners per class