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 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
-
4m 20sDuring this video, you will learn how to add the ngAnimate module as a dependency to an AngularJS application. FREE ACCESS
-
4m 26sIn this video, learn how to create, enter, and leave transition animations for AngularJS directives such as ngInclude, ngView, ngIf, and ngSwitch. FREE ACCESS
-
3. Working with Child Animations4m 37sIn this video, find out how to ensure that transition animations for nested directives work as expected. FREE ACCESS
-
4. Entering and Leaving with ngRepeat6m 24sLearn how to animate ngRepeat items when they enter and leave the DOM. FREE ACCESS
-
5. Move Animations with ngRepeat3m 21sIn this video, find out how to create a move transition animation for the AngularJS directive ng-repeat. FREE ACCESS
-
6. Add and Remove Animations with ngClass5m 3sIn this video, you will create, add, and remove animations for AngularJS directives such as ng-show, ng-hide, and ng-class. FREE ACCESS
-
7. Animating ngHIde and ngShow4m 33sIn this video, you will animate the ngHide and ngShow directives in AngularJS. FREE ACCESS
-
8. Animating Form Validation4m 13sIn this video, find out how to create animations that run when Angular performs form validation. FREE ACCESS
-
9. Animating Forms and ngMessages4m 36sIn this video, you will create animations for the AngularJS directive ngMessages. FREE ACCESS
-
10. Using CSS Keyframe Animations7m 29sLearn how to use CSS keyframe animations in AngularJS. FREE ACCESS
-
11. Using CSS Animation Libraries4m 20sIn this video, you will use CSS animation libraries with AngularJS. FREE ACCESS
-
12. Animating a Custom Directive4m 33sLearn how to add support for AngularJS animation to a custom directive. FREE ACCESS
-
13. Working with $animate Promises3m 1sFind out how to work with promises returned by the methods in the $animate service. 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
Channel
Learn Angular
