Angular JS Training

AngularJS Training Objectives

Students will:

• 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

AngularJS Training Outline

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

How it fits together

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

Creating a Skeleton Single Page Application

Controllers

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

Models

How to create a model

Explicit models

Implicit models

Views

Angular's take on the View: a little bit different

Tying a View to a Controller

Tying a View to a model

Expressions

Expressions are lightweight code snippets

Expression capabilities

Limitations

The border between expressions and $eval

Filters

Standard filters

Writing your own filter

Tying filters together

Scopes

What are scopes?

What do scopes provide?

Scope lifecycle

Scopes as glue between controller and view

Scope hierarchies

Scope and events

Angular Forms

Angular forms vs HTML forms

Angular form controls

Form events

The form controller

Form validation 

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

Teaching HTML new tricks

Binding text and attributes

Directive processing lifecycle

A basic directive

Directives and scopes

Creating reusable directives

Turning directives into components