AngularJS

In AngularJS training course, Participants will learn how to: bootstrap AngularJS application; use AngularJS markup and expressions; create and use controllers; use built-in services and create custom services; turn application into a SPA using routing; and create custom elements and handle events using directives.

COURSE AGENDA

  • Attaching the controller with ng–controller
  • Connecting the $scope to the controller
  • Implementing controller properties and methods
  • Employing the controller as syntax
  • Bootstrapping the application with ng–app
  • Modularizing functionality with angular.module()
  • Managing dependencies with dependency injection
  • Annotating modules for minification
  • Features and benefits of AngularJS
  • Extending HTML for web applications
  • Separating concerns and testability
  • Dissecting the digest cycle
  • Observing expressions with $scope.$watch()
  • Integrating external libraries with $scope.$apply()
  • Binding to HTML with ng-model
  • Interleaving AngularJS expressions with HTML
  • Displaying sets of data with ng–repeat
  • Piping data into AngularJS filters
  • date
  • currency
  • filter
  • orderby
  • Manipulating forms and inputs with the form controller
  • Binding to input fields
  • text
  • date
  • radio
  • checkbox
  • select
  • Toggling form control state with ng–show and ng–disabled
  • Exploiting HTML5 attributes: required, min, max, pattern
  • Harnessing $error, $dirty, and $invalid in expressions
  • Styling with Angular CSS classes: ng–valid, ng–invalid, ng–pristine, ng–dirty
  • Binding image source URLs with ng–src
  • Incorporating bound links with ng–href
  • Providing local rules
  • Applying localization with ngPluralize and ngMessageFormat
  • Leveraging the ngAria module
  • Dividing application functionality across multiple views
  • Specifying the ng–view and page layout
  • Configuring the $routeProvider service
  • Mapping route URLs to templates
  • Performing CRUD operations with the $http service
  • get()
  • post()
  • delete()
  • put()
  • Retrieving JSON data asynchronously
  • Mapping JSON data into JavaScript objects
  • Unit testing controllers with Jasmine
  • Mocking HTTP with $httpbackend
  • Extending AngularJS
  • Selecting the appropriate provider
  • constant
  • value
  • factory
  • service
  • Coding a custom filter
  • Implementing restrictions for elements or attributes
  • Specifying template markup or templateUrl
  • Isolating directive scope
  • Producing one and two-way data bindings
  • Including the ngAnimate module
  • Hooking into AngularJS animation triggers
  • Writing CSS transitions and animations
  • Incorporating drag and drop