Animation

Angular 4    |    Intermediate
  • 11 videos | 43m 9s
  • Includes Assessment
  • Earns a Badge
Rating 4.6 of 20 users Rating 4.6 of 20 users (20)
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

  • 4m 30s
    In this video, you will import the package and functions for doing animations. FREE ACCESS
  • 1m 43s
    Learn how to create animation triggers to define animations. FREE ACCESS
  • Locked
    3.  Setting Up Animation States
    4m 3s
    Find out how to configure and use animation states. FREE ACCESS
  • Locked
    4.  Setting Up Animation Transitions
    4m 15s
    In this video, you will learn how to set up transitions between animation states. FREE ACCESS
  • Locked
    5.  Attaching Animations
    4m 13s
    In this video, you will learn how to attach an animation to a view element. FREE ACCESS
  • Locked
    6.  Using the Wildcard Animation State
    4m 12s
    Learn how to use the wildcard state to match any animation state. FREE ACCESS
  • Locked
    7.  Using the Void Animation State
    3m 40s
    In this video, find out how to use the void state to do animations for elements that are not attached to a view. FREE ACCESS
  • Locked
    8.  Setting Up a Keyframe Animation
    4m 8s
    In this video, you will learn how to set up complex animations using keyframes. FREE ACCESS
  • Locked
    9.  Setting Up Parallel Animation Groups
    4m 9s
    In this video, you will learn how to configure the timing for animations that happen in parallel. FREE ACCESS
  • Locked
    10.  Using Animation Callbacks
    4m 8s
    In this video, you will learn how to use callbacks to take action when an animation starts or ends. FREE ACCESS
  • Locked
    11.  Exercise: Use Animations in an Angular App
    4m 9s
    In this video, you will learn how to create and use animations in an Angular app. 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: Introduction to Components
Rating 4.6 of 265 users Rating 4.6 of 265 users (265)
Channel Appcelerator
Channel Wintellect MEAN

PEOPLE WHO VIEWED THIS ALSO VIEWED THESE

Course Angular, Reactive, & Observable
Rating 4.5 of 22 users Rating 4.5 of 22 users (22)
Course Final Exam: Building Web Applications with Angular 11
Rating 3.7 of 53 users Rating 3.7 of 53 users (53)
Course Angular 6 Development: Material & Elements
Rating 4.4 of 61 users Rating 4.4 of 61 users (61)