0345 4506120

Building Web Applications with Angular

Learn Angular and build responsive, enterprise-strength applications that run smoothly on desktop and mobile devices with this Angular training course. Angular provides a robust framework that facilitates the development of richly interactive applications running on multiple platforms. Gain experience building components, creating directives, modularising applications, and building template-driven forms.

This Angular course includes 23 hours of Instructor-Led Training (ILT) or Virtual Instructor-Led Training (VILT) presented by a real-world Angular 4 expert instructor.This course is compatible with Angular 4 and Angular 5.

What are some of the features of Angular 6?

Angular is an enterprise-strength tool for efficiently building browser and mobile based user-interfaces.

What is the difference between Angular 6 and AngularJS?

Angular is a complete redesign of Angular JS. It builds on the lessons learned during the life of AngularJS. Specifically Angular is Component oriented while AngularJS is directive based. AngularJS was MVC-based while Angular uses data-bound components. Angular is designed to support mobile devices AngularJS was not.

Key Features of this Angular Training:

  • After-course instructor coaching benefit
  • After-course computing sandbox included: You'll be given remote access to a preconfigured virtual machine for you to redo your hands-on exercises, develop/test new code, and experiment with the same software used in your course.
  • End-of-course exam included

Learning Objectives

You Will Learn How To:

  • Create device-independent Angular applications
  • Develop Components using TypeScript, Templates, and Decorators
  • Consume REST services using Observables
  • Modularise applications with the Component Router
  • Capture and validate input with template-driven forms

Pre-Requisites

Requirements

Experience developing web pages at the level of JavaScript Essentials for the Full Stack Developer Using ECMAScript

Recommended Experience

Knowledge of HTML and CSS

Course Content

Angular Introduction

Architectural overview

  • Simplifying development of complex modern applications
  • The organisation of an Angular app
  • Supporting multiple client devices
  • Configuring an Angular development environment
  • Bootstrapping your first Angular application

Getting started with TypeScript

  • Transpiling TypeScript to JavaScript
  • Building an app with TypeScript

Constructing User Interface (UI) Components

Defining components

  • Structure of a component
  • Introducing the component hierarchy
  • Declaring metadata with the @Component decorator
  • Controlling HTML5 generation with Templates
  • Displaying repeating data with *ngFor
  • Conditional generation of DOM content

Debugging techniques and strategies

  • Interpreting framework error messages
  • Exploring the component hierarchy with Augury

Reducing code complexity with Dependency Injection (DI)

  • Principles of DI
  • Creating loosely coupled applications
  • Configuring providers and declaring Injectables
  • Satisfying dependencies with Provider metadata

Testing Angular Components & Functionality

Structuring test strategies

  • Unit testing vs. integration testing
  • Working with mock Angular components
  • Asynchronous testing with ES6 arrow functions

Leveraging 3rd party tools

  • Defining tests with Jasmine
  • Automating tests with Angular CLI and Karma
  • Building and running a Protractor test

Adding Interactivity to Your Applications

Coordinating Component interaction

  • Passing data from parent to child with Input bindings
  • Listening for property changes with ngOnChanges
  • Binding a model to display with interpolation

Managing events

  • Detecting and responding to user interaction
  • Capturing browser events
  • Emitting custom events to trigger behaviour

Navigation and Data Transformation

Creating modular applications

  • Controlling application flow with the Component Router
  • Dividing application functionality across multiple Component trees
  • Parameterizing routes for dynamic navigation

Manipulating data with Pipes

  • Formatting dates for display
  • Chaining pipes to combine functionality
  • Filtering data with custom Pipes

Building Interactive Forms

Displaying and capturing data

  • Developing forms with ngFormModel and FormBuilder
  • Creating a form from a business object
  • Two-way binding between input controls and data model

Validating form input

  • Leveraging HTML5 and custom validation
  • Providing user feedback from validators

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