Developing AngularJS Web Applications

Developing AngularJS Web Applications

Course Code: ANGJS

Duration: 3 days


Developing AngularJS Web Applications Course Overview

The Developing AngularJS Web Applications course focuses on using AngularJS 1 to facilitate development of single-page web applications that use the Model-View-Controller (MVC) design pattern.

This course will teach you how to use AngularJS directives and expressions in HTML5 documents and write AngularJS controllers, filters and services to build a complete Single Page Web Application (SPA).

Exercises and examples are used throughout the course to give practical hands-on experience with the techniques covered.

Course Objectives

By the end of the course delegates should be able to:

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

Who will the Course Benefit?

The Developing AngularJS Web Applications course is aimed at staff and consultants working as part of a development team using AngularJS 1, HTML5 and JavaScript along with other development technologies to develop quality software including Programmers, Designers, Testers, Quality Analysts and anyone who needs a good understanding of the use of AngularJS 1 within Web development.

Skills Gained

The delegate will learn and acquire skills as follows:

  • Creating dynamic data-driven HTML5 templates, views and controllers
  • Coding loosely-coupled modules, controllers and services with JavaScript
  • Creating and utilising models
  • Understanding and using Angular Expressions for data binding
  • Managing Angular Scopes
  • Designing Angular Forms
  • Using Ajax and JSON to retrieve data
  • Producing reusable custom AngularJS directives

Developing AngularJS Web Applications Training Course

Course Introduction

  • Administration and Course Materials
  • Course Structure and Agenda
  • Delegate and Trainer Introductions


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


  • 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?
  • Model, View, Controller from the AngularJS Perspective


  • 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

Session 4: MODELS

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

Developing AngularJS Web Applications Training Course

Session 5: VIEWS

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


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

Session 7: FILTERS

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

Session 8: SCOPES

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

Developing AngularJS Web Applications Training Course


  • Angular forms vs HTML forms
  • Angular form controls
  • Form events
  • The form controller
  • Form validation
  • CSS classes for form data


  • High level interactions with servers
  • Low-level server interactions with $http
  • The deferred/promises API

Session 11: DIRECTIVES

  • Teaching HTML new tricks
  • Binding text and attributes
  • Directive processing lifecycle
  • DOM Processing
  • Compilation
  • Linking
  • Directives and scopes
  • Course technical content is subject to change without notice.
  • Course content is structured as sessions, this does not strictly map to course timings. Concepts, content and practicals often span sessions.


Substantial prior experience with JavaScript and HTML5.

Pre-Requisite Courses

Public Scheduled Events

Classroom & Live Virtual Instructor-Led Training

Duration: 3 days

Price: £1,450.00 exc. VAT 

Please contact us to review your requirements and schedule a date.

Why Choose StayAhead?

  • Leading indpendent UK training provider, established 1992
  • Formidable reputation for quality and expertise
  • Flexibility comes from developing our own independent courses
  • Course not meeting your needs? Private courses can be tailored specifically for you
  • Public Schedule & Closed Intructor-Led training - Classroom and Virtual

StayAhead Live Virtual Classroom

Join live instructor-led classroom training from the comfort of your home or office.
All the convenience and benefits of the classroom experience without the hassle and costs of travel and accommodation.

Our Customers Include

missing image
missing image
missing image
missing image
missing image
missing image
missing image
missing image
missing image
missing image
missing image
missing image
missing image
missing image
missing image
missing image
missing image
missing image
missing image
missing image
missing image
missing image
missing image
missing image

Our Course Curriculum

Facebook LinkedIn Twitter Instagram E-Mail
+44 (0)20 7600 6116
Copyright © 2020 StayAhead Training Ltd
Cookies   /   Privacy Policy