Angular 14 Development

Angular 14 Development


This course is for those who would like a thorough look at Angular 14. We can also run courses on earlier versions of Angular, if this is what you're looking for - just contact us to discuss the details.


Familiarity with HTML and JavaScript programming


4 days. Hands on.

Course Objectives

What you'll learn:

  • Angular architectural concepts
  • Creating and testing Angular apps
  • Templates
  • Data binding and forms
  • Dependency injection
  • Pipes
  • Directives and transclusion
  • Routing and navigation
  • Calling REST services
  • Web sockets

Course Content

TypeScript Essentials

Variables and types






Creating a Simple Angular Application

Getting started with Angular CLI

Structure of an Angular application

Importing Angular libraries

Angular bundles

Angular components


Binding expressions

Bootstrapping Angular

Overview of routing

Data Binding

A closer look at data binding

Two-way data binding

Delayed binding

Applying CSS styles and classes conditionally

Using structural directives

Differences in earlier versions of Angular


Using built-in pipes


Using promises, observables, and the async pipe

Defining custom pipes

Applying pipes programmatically


Template-driven forms

Reactive forms

Dynamic (data-driven) forms

Validation techniques

Component Hierarchies

Structuring applications

Defining component inputs

Defining component outputs

The mediator pattern

Dependency Injection

Overview of dependency injection in Angular

Simple dependency injection

Using the provide() function

A hierarchy of injectors

Global provision

Injection into services

Values and factories

Closer Look at Angular Routing

Route parameters and route data

Defining multiple router outlets

Lazy loading

Router lifecycle events

Calling Rest Web Services

Overview of Rest services

Calling Rest services using HttpClient

Dealing with asynchronous results

Web Sockets

Web Sockets concepts

Calling Web Sockets from JavaScript

Using RxJs Observables with Web Sockets

Implementing Custom Directives

Attribute directives

Specifying parameters and events

Structural directives


A Closer Look at Angular CLI

AOT vs. JIT compilation

Bundling and tree-shaking

Additional techniques

Angular CLI

Virtual Courses

ALL of our courses can be delivered virtually! Our Bath public schedule courses are available as live virtual sessions, using the popular Zoom Virtual Classroom and remote labs. Delegates can test their access at:

Public Courses

On-Site Courses

Can't attend one of our public classes? Booking for multiple people?

All our courses are available on your site! Delivered for your staff, at your premises.

Contact us to find out more...