Using Animation

Angular 2    |    Intermediate
  • 10 Videos | 37m 43s
  • Includes Assessment
  • Earns a Badge
Likes 4 Likes 4
You can make your Angular app experiences richer by including animations. Examine the basics of animation and how to use animations in Angular apps.

WHAT YOU WILL LEARN

  • import the necessary functions for animating an Angular app
    create and use triggers to start animations
    set up states that can animated to and from
    set up transitions between animations states
    attach an animation to a view element
  • use the wildcard state to match any animation state
    use the void state to setup enter and leve animations
    set up complex animations with keyframes
    configure timing for animations that happen in parallel
    use callbacks to take action when an animation statsr or ends

IN THIS COURSE

  • Playable
    1. 
    Installing the animation funcions
    2m 3s
    UP NEXT
  • Playable
    2. 
    Setting up animation triggers
    2m 7s
  • Locked
    3. 
    Setting up animation states
    3m 8s
  • Locked
    4. 
    Setting up animation transitions
    3m 34s
  • Locked
    5. 
    Attaching Animations
    4m 15s
  • Locked
    6. 
    Using the wilcard animation state
    2m 25s
  • Locked
    7. 
    Using the void animation state
    4m 8s
  • Locked
    8. 
    Setting up a keyfame animation
    4m 19s
  • Locked
    9. 
    Setting up parallel animation groups
    3m 28s
  • Locked
    10. 
    Using animation callbacks
    3m 15s

EARN A DIGITAL BADGE WHEN YOU COMPLETE THIS COURSE

Skillsoft is providing you the opportunity to earn a digital badge upon successful completion of this course, which can be shared on any social network or business platform

Digital badges are yours to keep, forever.

YOU MIGHT ALSO LIKE