Animation

Angular 4    |    Intermediate
  • 11 Videos | 48m 9s
  • Includes Assessment
  • Earns a Badge
Likes 7 Likes 7
Angular apps are made richer by using animations. Explore the basics and use of animation and keyframe animations in Angular.

WHAT YOU WILL LEARN

  • import the package and functions for doing animations
    create animation triggers to define animations
    configure and use animation states
    set up transitions between animation states
    attach an animation to a view element
    use the wildcard state to match any animation state
  • use the void state to do animations for elements not attached to a view
    set up complex animations with keyframes
    configure timing for animations that happen in parallel
    use callbacks to take action when an animation starts or ends
    create and use animations in an Angular app

IN THIS COURSE

  • Playable
    1. 
    Installing the Animation Package
    4m 30s
    UP NEXT
  • Playable
    2. 
    Setting Up Animation Triggers
    1m 43s
  • Locked
    3. 
    Setting Up Animation States
    4m 3s
  • Locked
    4. 
    Setting Up Animation Transitions
    4m 15s
  • Locked
    5. 
    Attaching Animations
    4m 13s
  • Locked
    6. 
    Using the Wildcard Animation State
    4m 12s
  • Locked
    7. 
    Using the Void Animation State
    3m 40s
  • Locked
    8. 
    Setting Up a Keyframe Animation
    4m 8s
  • Locked
    9. 
    Setting Up Parallel Animation Groups
    4m 9s
  • Locked
    10. 
    Using Animation Callbacks
    4m 8s
  • Locked
    11. 
    Exercise: Use Animations in an Angular App
    4m 9s

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