Welcome to I Learn Trainings
Courses Images

Overview: AngularJS is a structural framework for creating dynamic web applications. HTML is a great declarative language for static pages. It does not contain much for creating a dynamic applications. So Angular will be filling that gap. Angular's data binding and dependency injection eliminate much of the code than we would actually write. The best part is that it all happens in the browser by making it an ideal partner with any server technology.


Course objectives:
  • Reduce the amount of code you write to build rich user interfaceapplications.
  • Increase the reliability and maintainability of UI by using databinding.
  • Retrieve data from back-end server, manipulate it and display it withease.
  • Modularise your code with the custom services anddirectives.
  • Providing two way binding ofdata.
  • Create Single Page Applications(SPA).


Pre-requisite / Target Audience:

Working knowledge of HTML and JavaScript.


Module 1: Introduction

In this module you will learn brief introduction to angular js and MVC pattern i.e. used in angular. And you will learn how to setup angular framework in local environment. You can also learn how to create your first application using angular framework.

  • Introduction toAngularJS
  • MVCArchitecture
  • ConceptualOverview
  • Setting up theEnvironment
  • FirstApplication
  • Understanding ngattributes


Module 2: Expressions and DataBiding

Inthismoduleyouwilllearnwhatexpressionsareandhowto implementexpressions,andwhatarethedifferent types expressions In angular like Number and String Expressions, Object Binding and Expressions, and also use arrays and understanding data binding.


  • Number and StringExpressions
  • Object Binding andExpressions
  • Working withArrays
  • ForgivingBehavior
  • Understanding Databinding


Module 3: Working with Directives

In this module you will learn how to make use of built-in elements of angular Core Directives, how to use directives and different types of directives like styles directives,,mouse and keyboard events directives .

  • ConditionalDirectives
  • StylesDirectives
  • Mouse and Keyboard Events Directives


Module 4: Controllers

In this module you will learn about $scope context and controllers and how to use controllers and $scope object, passing parameters to the methods and also we will learn how to create nested controllers and Scope Inheritance, Multiple Controllers and their scopes.


  • UnderstandingControllers
  • Programming Controllers & $scopeobject
  • Adding Behavior to a ScopeObject
  • Passing Parameters to theMethods
  • Having Array as members in ControllerScope.
  • Nested Controllers and ScopeInheritance.
  • Multiple Controllers and theirscopes


Module 5: Filters

In this module you will learn what are pipes ,what is the use of pipes ,and also we will learn built-in pipes In angular,how to create custom pipes and how to use those custom pipes in our code.

  • Built-InFilters
  • Uppercase and LowercaseFilters
  • Currency and Number FormattingFilters
  • OrderByFilter
  • FilterFilter
  • Creating CustomFilter


Module 6:Forms

Inthismoduleyouwilllearnhowtodealwithformsandits controlsusingangularframework,youwilllearnhow to perform validations using HTML5 attributes (minlength, maxlength, pattern etc...) and how to make use of javascriptevents.

  • Using SimpleForm
  • Working with Select andOptions
  • InputValidations
  • Using CSSclasses
  • FormEvents
  • Custom Model updatetriggers
  • CustomValidations


Module 7: Modules

In this module you will learn what are modules an why they are used. And also what is the Module Loading and Dependencies ,how to setup of application , and also we going to learn what is creation and retrievel.

  • WhyModule?
  • Module Loading andDependencies
  • Recommended Setup ofApplication
  • Creation vsRetrieval.


Module 8: Services

In this module you will learn about services and Dependency Injection (DI). And also we will learn how to creating services , and advantages of services , how to inject dependencies in a service.

  • Understanding Services
  • Developing CreatingServices
  • Using aService
  • Injecting Dependencies in aService


Module 9: Ajax in AngularJS

In this module you will learn how to use built in services of angular framework and ajax implementation using $http and $q services. And also we will learn Ajax Implementation using $http and $q Service.

  • $httpService
  • $qService
  • Ajax Impl using $http and $qService


Module 10: Routing

In this module you will learn and introduction to SPA (Single page application) and how to perform routing in angular framework.

  • Introduction toSPA
  • Creating HTMLTemplates
  • Configuring RouteProvider.


At the end of the course participants will be able to
  • Build native mobile apps for Android, iOS and using Angular1.x
  • Understand the fundamentals of Angular Forms and itsarchitecture
  • Present data in beautiful, interactivelists
  • Build forms and settingpages
  • Implement Single pageapplication(SPA)