About this course

Course type Performance Plus
Course code QAANGULAR2
Duration 3 Days

Google's Angular framework (often referred to as Angular 2) is the next iteration of the widely known AngularJS framework which allows developers to build smart client-side applications that enhance the user experience. This course is a practical walk-through for both those entirely new to Angular and those coming from AngularJS; and leverages the power of TypeScript to help build highly scalable applications.

AngularJS (Angular 1) is covered in the course Developing MVC single-page web applications using AngularJS (QAANGULARJS). This course is applicable to Angular version 2 and beyond.


It is essential you understand the face of contemporary web development to attend this course. We insist upon JavaScript experience equivalent to the skills covered in Programming with JavaScript (QAJAVSC) and be familiar with TypeScript to a level covered in our Programming with TypeScript course QAPTS

Please note: Before attending this class delegates must have a Microsoft account (signing up one is free). The instructions on how to set up a Microsoft account can be found here.


This course uses TypeScript for all code demonstrations and exercises and so it is essential that attendees have experience equivalent to the skills covered in Programming with TypeScript (QAPTS)

1. Introduction

a. Evolution and lessons learned
b. Semver
c. AngularJS to Angular

2. TypeScript Refresher

a. Static Types
b. Classes
c. Modules
d. Decorators

3. Setting up the environment

a. Quickstart
b. Angular CLI
c. WebPack

4. Overview of Angular2

a. Eight core components
b. Bringing them together
c. Hello World

5. Components in depth

a. Templates
b. Data binding
c. Built in directives

6. Services

a. Why services
b. Creating our service
c. Dependency Injection

7. Routing

a. Configuring the Router
b. Setting up your first routes
c. Child Routes
d. Route Guards
e. Lazy Loading

8. Observables (rxjs)

a. Using the http module

9. Forms

a. How to build forms in Angular
b. Validation
c. Handling form submission

10. Pipes

a. Using Pipes to transform our data
b. Stateless (pure) pipes
c. Statefull pipes
d. Async pipes

11. Testing

a. Tools and setup
b. Writing our first Karma test
c. Testing components
d. Isolated unit tests

Performance Plus

3 Days


This course is authored by QA

Delivery Method

Delivery method


Face-to-face learning in the comfort of our quality nationwide centres, with free refreshments and Wi-Fi.

Trusted, awarded and accredited

Fully accredited to ensure we provide the highest possible standards in learning

All third party trademark rights acknowledged.