COAP:COAP-3000/week4

Objectives

• use JavaScript libraries
• create animations with AniJs
• create animations with Greensocks

Week 3 topics - Some cool CSS

This week you will learn how to create animations with JavaScript libraries.

Monday lesson

• Using JavaScript libraries (principles)
• Creating animations with AniJs

AniJS language

AniJS uses the HTML <code>data-</code> attribute to define a simple language to create interface elements and animations.

You can compose sentences with the following logic:

If: Event(click, scroll, mouseover and more) , On: Html element (css selector) , Do: Actions or Animations (Rotate animation) , To: Html element to modify

• Go to
  http://anijs.github.io/

Important resources

• AniJS sentence definitions

Wednesday lesson

(TBA, probably use of the Greensocks library)