0845 450 6120

Developing AngularJS Web Applications

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.

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

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.

Reset

Learning Objectives

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

Pre-Requisites

Requirements

Substantial prior experience with JavaScript and HTML5.

Pre-Requisite Courses

  • HTML & CSS
  • JavaScript 1

Follow-On Courses

  • jQuery Web Development
  • Developing Applications with Java EE
  • PHP Programming
Notes:
  • 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.

Course Content

Day 1

Course Introduction

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

Session 1: INTRODUCTION TO ANGULARJS

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

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

Session 3: 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

Session 4: MODELS

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

Day 2

Course Introduction

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

Session 1: INTRODUCTION TO ANGULARJS

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

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

Session 3: 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

Session 4: MODELS

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

Day 3

Session 9: ANGULAR FORMS

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

Session 10: AJAX, DATA, AND ANGULAR

  • 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

Privacy Notice

In order to provide you with the service requested we will need to retain and use your contact information in accordance with our Privacy Notice. If you choose to provide us with this information you explicitly consent to us using the information as necessary to provide the request service to you. If you do not agree please do not proceed to request the service from us.

Marketing Permissions

Would you like to receive our newsletter and other information on products and services which we think will be of interest to you by email. We will always treat your information with care and in accordance with our Privacy Notice. You are free to withdraw this permission at any time.

 

Virtual Classroom

Virtual classrooms provide all the benefits of attending a classroom course without the need to arrange travel and accomodation. Please note that virtual courses are attended in real-time, commencing on a specified date.

Virtual Course Dates

Our Customers Include