Getting Started with CSS-based Animations
AngularJS 1
| Intermediate
- 13 Videos | 1h 2m 25s
- Earns a Badge
Animation can enhance both your web application and the user's experience. Learn how to implement CSS-based animation in AngularJS, including how to use animation libraries such as animate.css within your applications.
WHAT YOU WILL LEARN
-
add the ngAnimate module as a dependency in an AngularJS application
create, enter, and leave transition animations for AngularJS directives such as, ngInclude, ngView, ngIf, ngSwitch
ensure that transition animations for nested directives work as expected
animate ngRepeat items entering and leaving the DOM
create a move transition animation for the AngularJS directive ngRepeat
create, add, and remove animations for AngularJS directive such as ng-show, ng-hide, and ng-class
animate the ngHide and ngShow directives in AngularJS -
create animations that run when Angular performs form validation
create animations for the AngularJS directive ngMessages
use CSS keyframe animations in AngularJS
use CSS animation libraries in AngularJS
add support for AngularJS animation to a custom directive
work with promises returned by the methods in the $animate service
IN THIS COURSE
-
1.Adding ngAnimate4m 20sUP NEXT
-
2.Enter and Leave Animations4m 26s
-
3.Working with Child Animations4m 37s
-
4.Entering and Leaving with ngRepeat6m 24s
-
5.Move Animations with ngRepeat3m 21s
-
6.Add and Remove Animations with ngClass5m 3s
-
7.Animating ngHIde and ngShow4m 33s
-
8.Animating Form Validation4m 13s
-
9.Animating Forms and ngMessages4m 36s
-
10.Using CSS Keyframe Animations7m 29s
-
11.Using CSS Animation Libraries4m 20s
-
12.Animating a Custom Directive4m 33s
-
13.Working with $animate Promises3m 1s
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.
