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
    In this video, you will learn how to import the necessary functions for animating an Angular app. FREE ACCESS
  • Playable
    2.  Setting up animation triggers
    2m 7s
    Learn how to create and use triggers to start animations. FREE ACCESS
  • Locked
    3.  Setting up animation states
    3m 8s
    In this video, you will learn how to set up states that can be animated to and from. FREE ACCESS
  • Locked
    4.  Setting up animation transitions
    3m 34s
    In this video, learn how to set up transitions between animation states. FREE ACCESS
  • Locked
    5.  Attaching Animations
    4m 15s
    In this video, you will learn how to attach an animation to a view element. FREE ACCESS
  • Locked
    6.  Using the wilcard animation state
    2m 25s
    Learn how to use the wildcard state to match any animation state. FREE ACCESS
  • Locked
    7.  Using the void animation state
    4m 8s
    Find out how to use the void state to setup enter and leave animations. FREE ACCESS
  • Locked
    8.  Setting up a keyfame animation
    4m 19s
    In this video, you will learn how to set up complex animations using keyframes. FREE ACCESS
  • Locked
    9.  Setting up parallel animation groups
    3m 28s
    In this video, find out how to configure the timing for animations that happen in parallel. FREE ACCESS
  • Locked
    10.  Using animation callbacks
    3m 15s
    In this video, you will learn how to use callbacks to take action when an animation starts or ends. 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 on some of our courses, which can be shared on any social network or business platform.

Digital badges are yours to keep, forever.

YOU MIGHT ALSO LIKE

Course Angular 11: Working With Forms
Likes 48 Likes 48  
Channel Wintellect Angular
Likes 3 Likes 3  
Course Angular 11: Working With Angular Modules
Likes 144 Likes 144