Getting Started with CSS-based Animations
AngularJS 1
| Intermediate
- 13 Videos | 1h 55s
- 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 applicationcreate, enter, and leave transition animations for AngularJS directives such as, ngInclude, ngView, ngIf, ngSwitchensure that transition animations for nested directives work as expectedanimate ngRepeat items entering and leaving the DOMcreate a move transition animation for the AngularJS directive ngRepeatcreate, add, and remove animations for AngularJS directive such as ng-show, ng-hide, and ng-classanimate the ngHide and ngShow directives in AngularJS
-
create animations that run when Angular performs form validationcreate animations for the AngularJS directive ngMessagesuse CSS keyframe animations in AngularJSuse CSS animation libraries in AngularJSadd support for AngularJS animation to a custom directivework 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.