使用 Javascript 學習動畫

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)