PowerSchool uses the Yahoo User Interface (YUI) Javascript library as the codebase for many functions. You can use this library for your own custom pages in PowerSchool. But where do you start? And when do you use the functions?

Animation is one of the most powerful components of the YUI library. This tutorial is here to help you know when to use animation and how to program your web pages using Javascript to do it.

By the end of the tutorial, you should know how to:

• Decide when it is appropriate to use or not use animation.
• Write the Javascript to animate a position movement for an object on a web page.
• Write the Javascript to animate a color change for an object.

To benefit from this tutorial, you should already be familiar with Javascript programming basics.

Let’s get started.