COAP:COAP-3000/week4: Difference between revisions
Jump to navigation
Jump to search
mNo edit summary |
mNo edit summary |
||
| Line 21: | Line 21: | ||
'''AniJS language''' | '''AniJS language''' | ||
AniJS | AniJS uses the HTML <nowiki><code>data-</code></nowiki> 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 {{goblock|http://anijs.github.io/}} | * Go to {{goblock|http://anijs.github.io/}} | ||
| Line 33: | Line 33: | ||
=== Wednesday lesson === | === Wednesday lesson === | ||
(TBA, probably use of the Greensocks library) | |||
=== Project 4 === | === Project 4 === | ||
Revision as of 19:08, 8 April 2018
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
Important resources
Wednesday lesson
(TBA, probably use of the Greensocks library)