Using Animation

Angular 2    |    Intermediate
  • 10 Videos | 32m 43s
  • Includes Assessment
  • Earns a Badge
Likes 7 Likes 7
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
    FREE ACCESS
  • Locked
    4. 
    Setting up animation transitions
    3m 34s
    FREE ACCESS
  • Locked
    5. 
    Attaching Animations
    4m 15s
    FREE ACCESS
  • Locked
    6. 
    Using the wilcard animation state
    2m 25s
    FREE ACCESS
  • Locked
    7. 
    Using the void animation state
    4m 8s
    FREE ACCESS
  • Locked
    8. 
    Setting up a keyfame animation
    4m 19s
    FREE ACCESS
  • Locked
    9. 
    Setting up parallel animation groups
    3m 28s
    FREE ACCESS
  • Locked
    10. 
    Using animation callbacks
    3m 15s
    FREE ACCESS

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

CHANNEL Wintellect Angular
Likes 3 Likes 3  
COURSE JavaScript Animations & Internationalization
Likes 10 Likes 10  
COURSE Angular 11: Reactive Programming With RxJS & Observables