Course details

Animation and Internationalization

Animation and Internationalization

Target Audience
Expected Duration
Lesson Objectives
Course Number
Expertise Level

Animation and internationalization features can be used to enhance web applications and widen audience scope. This course covers how to implement CSS-based and JavaScript-based animation in AngularJS. You will learn how to use animation libraries such as animate.css within your applications, and how to internationalize and localize your AngularJS applications with features such as the ngPluralize directive, localization rule sets, and locale scripts.

Target Audience
Web developers looking to expand their skills with AngularJS


Expected Duration (hours)

Lesson Objectives

Animation and Internationalization

  • start the course
  • 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
  • use JavaScript animations along with ngAnimate in AngularJS
  • use JavaScript animation frameworks and libraries in AngularJS
  • debug CSS and JavaScript animations
  • define internationalization(i18n) and use the ngPluralize directive
  • define localization(l10n) in the context of AngularJS and describe how to use prebundled rule sets or locale scripts with associated caveats to provide localization support for an AngularJS app
  • use locale scripts to implement localization in AngularJS
  • write localizable plural messages in AngularJS using messageFormat syntax extensions
  • provide language translations based on locale keys in an AngularJS app
  • use JavaScript animations, including JavaScript animations combined with CSS animations in AngularJS
  • Course Number:

    Expertise Level