Training Calendar


Total Visitors

48.2%United States United States
26%Malaysia Malaysia
5.6%Philippines Philippines
3.2%Russian Federation Russian Federation
2%Japan Japan
1.7%India India
1.7%Australia Australia
1.1%Singapore Singapore
1.1%China China
0.8%Nepal Nepal

Today: 1
Yesterday: 5
This Week: 16
Last Week: 30
This Month: 68
Last Month: 103
Total: 13179

Introduction to Angular JS


Course Overview

This course teaches participants on how to use AngularJS to facilitate development of single-page web applications that use the Model-View-Controller (MVC) design pattern.




  • Understand the design of single-page applications and how AngularJS facilitates their development
  • Properly separate the model, view, and controller layers of your application and implement them using AngularJS
  • Master AngularJS expressions, filters, and scopes
  • Build Angular forms
  • Elegantly implement Ajax in your AngularJS applications
  • Write AngularJS directives
  • Unit test and end-to-end test your AngularJS applications



All attendees must have substantial prior experience developing with JavaScript. If attendees will not have prior JavaScript experience, we would be delighted to precede this class with a one- or two-day intensive JavaScript primer.


Angular JS - Schedule

Day 1

09.00am – 10.00am

Introduction to AngularJS

  • What does AngularJS do for me?
  • Who controls AngularJS?
  • How can I get AngularJS?
10.00am – 10.30am


10.30am – 12.45pm

Our first AngularJS application

  • A basic application
  • Using angular-seed
  • Two-way data binding
  • Directives
  • Model, View, Controller from AngularJS perspective

12.45pm – 02.15pm


02.15pm – 05.00pm

Single Page Applications

  • Creating Angular Modules
  • Using Angular's Routing Service
  • Routing Basics
  • Accessing URL Data
  • Using the $location Service
  • Creating a Skeleton Single Page Application

Day 2

09.00am – 10.00am


  • Managing Scope
  • Setting up Behavior
  • Building a basic controller
  • A more advanced controller

10.00am – 10.30am


10.30am – 12.45pm


  • Models
  • How to create a model
  • Explicit models
  • Implicit
  • models


  • Angular's take on the View: a little
  • bit different
  • Tying a View to a Controller
  • Tying a View to a model

12.45pm – 02.15pm


02.15pm – 05.00pm


  • Expressions are lightweight code snippets
  • Expression capabilities
  • Limitations
  • The border between expressions and $eval


  • Standard filters
  • Writing your own filter
  • Tying filters together


  • What are scopes?
  • What do scopes provide?
  • Scope lifecycle
  • Scopes as glue between controller and view
  • Scope hierarchies
  • Scope and events

                                                                        Day 3

09.00am – 10.00am

Angular Forms

  • Angular forms vs HTML forms
  • Angular form control

10.00am – 10.30am


10.30am – 12.45pm

Form events

  • The form controller
  • Form validation
  • CSS classes for form data

Ajax, Data, and Angular

  • High level interactions with
  • servers
  • Low-level server interactions with
  • $http
  • The deferred/promises API
  • Making RESTful Service calls
  • with $resource

12.45pm – 02.15pm


02.15pm – 05.00pm


  • Teaching HTML new tricks
  • Binding text and attributes
  • Directive processing lifecycle

    • DOM Processing

    • Compilation

    • Linking
  • A basic directive
  • Directives and scopes
  • Creating reusable directives
  • Turning directives into components

Testing in Angular

  • Unit testing

    • Working with Dependency Injection
    • Other unit testing issues