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

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

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

Session 6: EXPRESSIONS

  • 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

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
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.

Requirements

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.

 

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
Enquiries@StayAhead.com
Copyright © 2021 StayAhead Training Ltd
Cookies   /   Privacy Policy