Angular Js

AngularJS is a structural framework for dynamic web apps. It lets you use HTML as your template language and lets you extend HTML's syntax to express your application's components clearly and succinctly. AngularJS's data binding and dependency injection eliminate much of the code you would otherwise have to write. And it all happens within the browser, making it an ideal partner with any server technology

Duration :-1 Month

Who Can take this course - Target Audience :-

  1. 10th & 12th class students
  2. Undergraduates, Graduates and Post-Graduates
  3. Post graduate students - BCA, MCA, B.Tech , M.Tech

Pre-requisites for the Class: -

  1. Computer literate
  2. HTML
  3. JavaScript
  4. CSS
  5. Knowledge of programming techniques would be an advantage

Course Content: -

Introduction to AngularJS

  1. What does AngularJS do for me?
  2. Who controls AngularJS?
  3. How can I get AngularJS?

Single Page Applications

  1. What do we mean by Single Page Application?
  2. Creating Angular Modules
  3. Using Angular's Routing Service
  4. Creating a Skeleton Single Page Application


  1. How to create a model
  2. Explicit models
  3. Implicit models


  1. Expressions are lightweight code snippets
  2. Expression capabilities
  3. Limitations
  4. The border between expressions and $eval


  1. What are scopes?
  2. What do scopes provide?
  3. Scope lifecycle
  4. Scopes as glue between controller and view
  5. Scope hierarchies
  6. Scope and events

Ajax, Data, and Angular

  1. High level interactions with servers
  2. Low-level server interactions with $http
  3. The deferred/promises API
  4. Making RESTful Service calls with $resource

Testing in Angular

  1. Unit testing
  2. End-to-end testing

Angular Services

  1. Providers as a concept
  2. The Service Provider
  3. The Factory Provider
  4. The Provider recipe

Enhanced End-to-End Testing

  1. Introduction to End-to-End testing
  2. Setting up Protractor
  3. Configuring your browser()
  4. Grabbing elements
  5. Firing events
  6. Examining data

Our first AngularJS application

  1. A basic application
  2. Using angular-seed
  3. The pieces of the puzzle
  4. How it fits togethe
  5. Model, View, Controller from the AngularJS Perspective


  1. Where Controllers fit in, and what they do, from Angular's perspective
  2. Managing Scope
  3. Setting up Behavior
  4. Building a basic controller
  5. A more advanced controller


  1. Angular's take on the View: a little bit different
  2. Tying a View to a Controller
  3. Tying a View to a model


  1. Standard filters
  2. Writing your own filter
  3. Tying filters together

Angular Forms

  1. Angular forms vs HTML forms
  2. Angular form controls
  3. Form events
  4. The form controller
  5. Form validation

Angular User Interfaces

  1. Angular Forms
  2. Using Angular with Angular UI and Angular Bootstrap

Developing Custom Directives

  1. Teaching HTML new tricks
  2. Binding text and attributes
  3. Directive processing lifecycle
  4. A basic directive
  5. Directives and scopes
  6. Creating reusable directives
  7. Turning directives into components
  8. Transclusion
  9. Examples

Recommended next Course after this course: -

  1. ASP.Net
  2. PHP
  3. Java Programming
  4. C# Programming