– Angular: Animations

Angular: Animations with: Joseph Labrecque is now available on LinkedIn Learning and on!

Motion is the key to modern web applications. Angular 4 is ready. Explore the native animation capabilities of this popular JavaScript library and build expressive applications. This project-based course uses the Angular 4 CLI and its animations module to create and animate an interactive demo. Find out how to set parameters such as duration, delay, easing, and callbacks, which allow you to adjust the timing and sequence of your animation. Instructor Joseph Labrecque also shows how to animate isolated elements of your application using the query and stagger functions. Once you understand how to animate a new project, Joseph takes you through the process of animating interactions within an existing Angular application—a custom video player. Finally, discover how to compile and package the project for distribution on the web.

Topics Include:

  • Installing the Angular CLI
  • Creating a new project
  • Verifying the animations package
  • Configuring project routes
  • Animating components
  • Triggering animation between states
  • Stepped and parallel animation
  • Writing reusable animations
  • Animating individual items with query and stagger
  • Animating an existing Angular project

Duration: 2h 7m


Leave a Reply

Your email address will not be published. Required fields are marked *