The AngularJS Course

AngularJS Training

Welcome to the Angular Course. Here are the exercises…


Course Notes


In which we get some Angular running in a browser.


Where we discover the spooky magic that is Angular data binding (of course it's not magic really, as we shall very soon see).

More on Binding

In which we bind expressions to classes and attributes and add conditional logic to our templates.


Controllers glue the scope to the template.

Scope and Scope Inheritance (View Model)

$scope is an object in which you can store your models

Watch and the digest cycle

Here we delve into the workings of the digest cycle and discover the logic behind Angular data binding.

Dependency Injection (DI)

Dependency Injection allows us to require components simply be referring to them. Learn about DI and also split your code into sensible modules.

Unit Testing with Karma (Testacular)

All good developers write unit tests. We will too.


Fun and simple homework. It's like school

Repeat and Filter

The show-off feature of Angular. This stuff makes clients really happy.


Drop JSON into your $scope and it will automatically bind it to the template.

Templates and the Template Cache

Talking to the template cache directly can make your app feel more responsive. Learn how.

The Animation Framework

Angular will inspect your

Writing Custom Filters

A filter is a function for modifying and presenting data. We learn to write and use our own.

Writing Services

Services are singleton objects that act as repositories of useful functions. How to make them, and when to use them.


Tidying up asynchronous code using promises.

Writing Directives

Directives tell the Angular compiler how to transform the DOM. They are the guts of Angular. You will learn all about them.

Directive Compilation

We look at how the Angular compiler traverses the DOM, oreder of compilation, and when to use the compile, link and controller functions.

Isolate Scopes

One of the most misunderstood features of directives. We learn, in detail, how to control the scope hierarchy.

Homework 2

Again, like school, but better paid.

Directive Transclusion

Transclusion allows us to pass template content to a directive as an attribute. This is a lot more useful than it sounds. Here we see why.

Create, Read, Update, Delete

We put it together and talk to a real RESTful API to build a little content driven app

Build a back end with WebAPI

Build a simple API with WebAPI, then integrate from it.

Form Validation

We validate our inputs the right way


End to end integration testing.


Resource is an ORM for REST. Powerful and terse AJAX.


Learn about routing, Pushstate, and how to make an Angular site SEO friendly without hashbangs

UI Router

The UI Router is an alternative state based router for Angular. Learn all about it.

comments powered by Disqus