Choose your language:

Hong Kong
New Zealand
United Kingdom
United States

Introduction to AngularJS

Course Code



3 Days

This is an advanced JavaScript course. Participants are expected to come to this class with a solid JavaScript background. Participants need to understand functional programming in JavaScript, including passing function references, closures, and self-executing functions.
Introduction to AngularJS training teaches participants how to use the freely-available AngularJS library to simplify building modern web applications. Participants will learn how to write single page applications (SPA), how to manipulate the behavior of controllers, and create dynamic views. This course will include coverage of core library elements like event handling, AJAX calls, and keeping data values in the appropriate scope. We will introduce directives and testing frameworks to enable developers to migrate to a full-stack AngularJS application.
This course is designed for web developers moving projects to the AngularJS framework.

Introduction to AngularJS
What does AngularJS do for me?
Who controls AngularJS?
How can I get AngularJS?

Our First AngularJS Application
A basic application
Using angular-seed
The pieces of the puzzle

  • Two-way data binding
  • Directives

How it fits together

  • How much of the page is an Angular application?
  • What does Angular see as a model?

Model, View, Controller from the AngularJS Perspective

Single Page Applications
What do we mean by Single Page Application?
Creating Angular Modules
Using Angular’s Routing Service

  • Routing Basics
  • Accessing URL Data

Creating a Skeleton Single Page Application

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

Working with the View
Displaying data in the view with Expressions
Looping over data with repeaters

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

Event handling

Angular Mechanics

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


  • What is a Provider?
  • Values and Constants
  • Factories
  • Services

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

Directives: an Introduction
Writing our own directives
Using scope

Using Templates Testing in Angular
Unit testing with Jasmine and Angular
End to End testing with Protractor

Building a Full-Stack Angular Application
Introduction to the application

  • Behind-the-scenes on the server-side
  • Data provided by MongoDB

Organizing the project
Building controllers
Shaping data in the view


Send Us a Message
Choose one