AngularJS online training

Angular JS Course Content

    Angularjs Essentials

  • Angular.js
  • Single Page Web Application
  • Single Page Web App Challenges
  • Applying Angular.js to HTML File
  • Angular.Module
  • The ng-app Attribute
  • Creating a Data Module
  • Controller
  • Creating a Controller
  • The $scope Object
  • Creating a View
  • Creating Controller Behavior
  • Working with Directives

  • About Directives
  • Directive Categories
  • Types of Directives
  • Built-in Directives
  • The ng-init Directive
  • The ng-bind Directive
  • The ng-init & ng-bind as Attribute
  • The ng-init & ng-bind as CSS Class
  • Expressions
  • Input Elements With Expressions
  • Expression Gets Controller Data
  • Forms of Directives
  • ng-app vs. data-ng-app vs. x-ng-app
  • The ng-init scope
  • Expression within ng-init
  • The ng-checked Directive
  • The ng-class Directive
  • ng-class – Evaluating a string
  • ng-class – Evaluating an Object
  • ng-class – Evaluating an array
  • The ng-style Directive
  • The ng-show Directive
  • The ng-hide Directive
  • The ng-if Directive
  • Implication of ngIf Directive
  • The ng-readonly Directive
  • The ng-selected Directive
  • The ng-open Directive
  • The ng-switch Directive
  • The ng-value Directive
  • Custom Directives
  • The directive Method
  • The template Field
  • Simple Custom Directive
  • The templateUrl Field
  • The templateUrl Field - String
  • The templateUrl Field – function
  • Scopes in Custom Directives
  • Type of Scopes
  • Custom Directive inherits Scope Object
  • Shared Scope
  • Inherited Scope
  • Isolated Scope
  • Pass data as a String using @
  • Passing Data as Object using =
  • The replace Option
  • The transclude Option
  • The transclude Option using ngTransclude
  • Multiple Directives for Same Element
  • The priority Option
  • The terminal Option
  • Angular Expression vs JS Expression
  • Working with Controllers

  • About Controller
  • Creating Controller
  • The ng-controller Directive
  • About $scope Object
  • Controller $scope Object Visibility
  • Adding Behavior to a Scope Object
  • Multiple Controller
  • Single Controller Multiple Views
  • Single Controller Multiple Views Scope – Primitive Option 1
  • Single Controller Multiple Views Scope – Primitive Option 2
  • Single Controller Multiple Views Scope – Reference Option 1
  • Single Controller Multiple Views Scope – Reference Option 2
  • Nested Controller
  • Nested Controller Visibility
  • Nested Controller Visibility using $parent
  • Automatically Create New Property
  • The ng-init vs controller Visibility
  • Working with Models & Data Bindings

  • The ng-repeat Directive
  • Iterate Object Properties using ng-repeat
  • Iterate Object Properties using ng-repeat in Angular.js Version 1.3
  • Iterate Object Properties using ng-repeat in Angular.js Version 1.4
  • Iterate Array of Objects using ng-repeat
  • Formats of ng-repeat Directives
  • Using (key, value) in expression Format
  • Built-in ng-repeat Properties
  • The ng-class-odd & ng-class-even
  • Repeating Multiple Top Level Elements
  • How ng-repeat behaves when Collection Changes?
  • How ng-repeat behaves when Collection contains Duplicate elements?
  • The track by Expression
  • The track by $index Option
  • The track by Custom Function Option
  • The track by Object ID Option
  • Default track by Option
  • Nested ng-repeat
  • Model
  • About Data Bindings
  • Kinds of Data Bindings
  • One Way Binding
  • The ng-bind-template Directive
  • The ng-bind-html template
  • Two way Bindings
  • Single Source of Truth
  • Dynamically Creating the Property
  • Dynamically Creating the Object
  • Check Property Exists
  • The ng-bind vs ng-model
  • One Time Binding
  • Preventing Inline Data Binding
  • Working with Form Elements

  • The input[text] Element
  • The textarea Element
  • The input[checkbox] Element
  • The input[radio] Element
  • The select Element
  • Statically specify the option element – Single Selection
  • Statically specify the option element – Multiple Selection
  • Unknown Option
  • Dynamically generate the option element
  • The ngOptions Directive
  • Changing the selection value
  • Forms for Array Data Source
  • label for value in array
  • select as label for value in array
  • label disable when disableexpr for value in array
  • label disable when disableexpr for value in array track by trackexpr
  • Creating optgroup Elements
  • label group by group for value in array
  • label group by group for value in array track by trackexpr
  • Forms for Object Data Source
  • label for (key , value) in object
  • select as label for (key , value) in object
  • label group by group for (key, value) in object
  • label disable when disable for (key, value) in object
  • select as label group by group for (key, value) in object
  • select as label disable when disable for (key, value) in object
  • The ngRepeat vs ngOptions
  • The ngList Directive
  • Working with Events

  • Simple Click Event
  • Pass Data To Event Handler
  • Click Event
  • Blur Event
  • Focus Event
  • Change Event
  • Cut Copy Paste Event
  • Key Event
  • Mouse Event
  • Working with Form Validations

  • About Form Validation
  • Angular.js Form Validation
  • The form element for Angular.js
  • Need for the name Attribute
  • Need for the novalidate Attribute
  • Need for the ngSubmit Directive (Optional)
  • Input Controls Name Attribute
  • Input Controls Validation Attributes
  • The required Attribute
  • Type Attributes Validation Tokens
  • The input[type=email] Validation
  • The input[type=number] Validation
  • The input[type=url] Validation
  • Built-in Validation Tokens
  • Supported Validation Directives
  • Validation Variables
  • The $valid Variable
  • The $invalid Variable
  • The $pristine Variable
  • The $dirty Variable
  • The $error Variable
  • HTML & Angular Attributes vs Error
  • Type Attributes vs Error
  • Working with Routing

  • The $location Service
  • The $location vs window.location
  • The location.absUrl Method
  • The location.protocol Method
  • The location.host Method
  • The location.port Method
  • The location.url Method
  • The location.path Method
  • The location.hash Method
  • The url & path & hash Method
  • The location.search Method
  • Routing
  • The angular-route.js file
  • URL Routes
  • About $routeProvider
  • Routing Syntax
  • The when Method
  • The templateUrl Configuration Option
  • The otherwise Method
  • Methods for Loading HTML
  • The ng-view Directive
  • Simple Route Program
  • ngView directive creates new scope
  • URL Segments
  • Pass Parameters in Route URLS’s
  • Type of Route Parameters
  • Conservative Route Parameters
  • Accessing Routes & Route Parameters
  • Eager Route Parameters
  • Optional Route Parameter
  • The $route Service
  • The current Property
  • Configuration Modes
  • Configuration Parameters
  • The html5mode(mode) Parameter
  • The hashPrefix(prefix) Parameter
  • The Hashbang Mode
  • The HTML5 Mode
  • Hashbang mode vs HTML5 mode
  • The Script Directive
  • The ng-include Directive
  • Partial View
  • Partial View without closing Tag
  • Dynamically Loading the Partial View
  • The ngInclude Same Scope Data
  • The ngInclude New Scope Data
  • Working with Filters

  • About Filters
  • Applying Filters
  • Simple Filter
  • The OR Operator with Filter
  • Types of Filters
  • Built-in Filter For Single Value
  • The Currency Filter
  • The number Filter
  • The date Filter
  • The format String
  • Predefined Localizable Formats
  • The date Format
  • The json Filter
  • The uppercase Filter
  • The lowercase Filter
  • Built-in Filter For Collection Value
  • The filter Filter
  • The orderBy Filter
  • The limitTo Filter
  • Working with Functions

  • Objectives
  • StringFunctions
  • Copy
  • Extend
  • ForEach
  • Equal
  • CheckingFunction
  • JSONRelatedFunctions
  • Working-with-JqLite

  • Objectives
  • Element
  • Retrieve Data
  • CSSRelated Methods
  • Properties And Attributes
  • Data
  • Empty
  • Wrap
  • Ready
  • Events
  • Append After
  • Append After With JQuery
  • Parent Next
  • Parent Next With JQuery
  • Detach Remove Element
  • Retrieve Elements
  • Retrieve Elements JQuery
  • Eq
  • Working-with-Services

  • Angular.js Services
  • Type of Services
  • Built-in Services
  • The $window Services
  • Custom Services
  • Using factory Method
  • Consuming the Services
  • Using Service Method
  • The provider Method
  • The constant Method
  • The value Method
  • The decorator Method
  • The $delegate Injection
  • Services are Singleton Object
  • Dependency Injection (DI)

  • About Dependency Injection
  • Angular.js Dependency Injection
  • Angular.injector
  • Annotating Service Name
  • Implicitly from the function parameter names
  • Dependency Injection and Minification
  • Overcome Angular.js DI approach?
  • Using $inject
  • Using $inject – Different Order
  • Inline Annotation for Parameters
  • Strict Dependency Injection
  • Working with Animations

    Communicating with Servers

Contact Us

Tel: 91-8897400222
EMAIL: info@mentorsinn

Testimonials

"The "AngularJS" training was pretty good, and though I was the only one in the online session the class was very much interactive, it was a very good experience, and I am also looking forward to take more trainings from Mentors Inn on other technologies as and when required for me."

- Sunil (Angular JS)