Angular JS Training

SECTION 1:

INTRODUCTION

What is AngularJS ?

History of AngularJS ?

Sweet spot of AngularJS.

Complete Solution for Client-Side.

How AngularJS Works as Single Page Application ?

What is Two-Way Data Biding and How it works ?

Practical:

Implementation of AngularJS into your Application.

A synchronization of Controller and View.

Simple Application with Two-way Data Binding.

SECTION 2: 

STRUCTURE OF ANGULARJS

Overview of Library Files.

How to Configure AngularJS Application ?

What is Root Element in AngularJS ?

How to Bootstrap the Web Apps by using ng-app ?

How to Extend HTML DOM with additional attributes ?

What is AngularJS Expression and how to use ?

Practical:

Simple Application using ng-app, ng-init, ng-model and ng-bind.

SECTION 3:

UNDERSTANDING CONTROLLERS AND SCOPES ?

What is Controller in AngularJS ?

Uses of Controller ?

How to call Controller methods ?

How to pass parameter values to the Controller ?

Overview of Controller Inheritance.

Limitations of Controllers.

What is Scope in Controller ?

How Scope act as Data-Model ?

Overview of Scope Hierarchies.

How to pass Scope values to View ?

How to Receive View data to the Scope ?

Practical:

Get Form data into Controller.

How to access Controller Methods?

Controller inheritance Example.

SECTION 4:

UNDERSTANDING DIRECTIVES

What is Directive in AngularJS ?.

What are the List of Directives ?

Features of Directives.

How to Attach Directives in Views.

How to create Custom Directive ?

How to set Custom Directives as Element, Attribute, Class and Comment?

What is Isolating scope of a Directive ?

How to Create a Directive which Wraps Other Elements ?

Practical:

Separate header, footer and attach in view through “ng-include” Directive.

Show and hide Views based on values through “ng-if” Directive.

How to use “ng-repeat” and clone HTML elements using ng-repeat ?

SECTION 5:

UNDERSTANDING FILTERS

What is Filters in AngularJS ?

What are the List of Filters in Angularjs ?

Features of Filters.

How to use Filters as Service and use in js ?

How to pass parameters in Filters ?

Practical:

Create a Application with Applying All Filters.

SECTION 6: 

UNDERSTANDING FORMS IN ANGULARJS.

How form works in AngularJS ?

How to pass form data to AngularJS ?

How to do form Validation in AngularJS ?

What are the form states ?

How form states and CSS Classes work together dynamically ?

How to do custom validation ?

What is ng-message and how to use in forms ?

Practical:

Real time form validations by using various states.

Dynamic form validations by using “ng-messages” directive.

SECTION 7:

UNDERSTANDING DEPENDENCY INJECTION ?

Define Dependency Injection.

Why DI (Dependency Injection) ?

How to use DI ?

List of Dependency Annotation ?

SECTION 8: 

UNDERSTANDING COMPONENTS AND MODULES

Overview of Services.

What is Factory ?

What is Providers ?

How to Create Custom Services, Factory and Providers ?

How to Inject components into other components ?

What are the 2 Modules in AngularJS ?

Where and When to use these 2 modules ?

Practical:

Creating a Calculator application by using Services and Factories.

SECTION 9: 

ROUTING IN ANGULARJS ?

What is Routing ?

How to use Routing ?

How to use $routeProvider ?

How to divide a template into multiple templates ?

How to attach divided multiple templates in views ?

How Routing converts our Application as SPA ?

How to pass/receive parameters in url-path ?

Practical:

Applying Routing in a Real Time Application

How to convert a regular Application into Single Page Application ?

SECTION 10: 

HTTP COMMUNICATION SERVICE WITH JSON

Features of http service in AngularJS ?

Configuration of $http Service methods.

What are the $http methods and where to use it ?

How to pass view-data to server side with $http ?

How to pass parameters with $http ?

What is cache in $http ?

How to receive Success Callback and Error Callback in $http ?

Practical:

How to connect remote server by using $http Service.

How to pass your form data to server-side language by using $http Service.

Implementing CURD Operations in a real time Application by using $http Service.

SECTION 11: 

LIST OF INBUILT SERVICES

anchorScroll

animate

cacheFactory

interpolate

interval

location

log

rootScope

timeout

window and more

SECTION 12:

LIST OF ANGULARJS INBUILT METHODS.

JSON Properties and Methods

copy

equals

angular.fromJson

angular.toJson and more