Call Us: +32 2 466 00 16
Follow Us:

Building web apps with Angular 2 and TypeScript

Training code
Book this course

Introduction to Angular 2

  • Evolution in Web App Development
  • Angular 2 Core and Modules
  • TypeScript, Dart, Plain Old JavaScript

Strongly Typed JavaScript with TypeScript

  • Writing Application-Scale JavaScript
  • Type-Safe JavaScript Development with TypeScript
  • Implementing Types, Classes and Inheritance
  • Namespaces and Modules

Angular Core Concepts

  • Components
  • Modules
  • Services
  • Dependency Injection
  • Directives

Data Binding

  • The Importance of Binding
  • Component to View
  • Structural Directives
  • Local Template Variables
  • Value Conversion
  • View to Component


  • Using Multple Components
  • Input and Output
  • ViewChild and ContentChild
  • EventEmitter
  • Directive Life Cycle

Attribute Directives

  • Introduction
  • Built-in Directives
  • Custom

Structural Directives

  • Introduction
  • Built-in Directives
  • Custom

Dependency Injection and Providers

  • Terminology
  • Dependency Injection Basics
  • Services
  • Providers
  • Provider Options
  • Factory Providers
  • Dependency Injection Tokens


  • Using a Pipe
  • Built-in Pipes
  • Custom Pipes
  • Stateful versus Stateless

Working with Forms

  • What's in a Form
  • Responding to Changes
  • FormBuilder
  • Data Validation

Reactive Extensions for JavaScript

  • What are Reactive Extensions
  • Observable and Observer
  • Generating Sequences
  • Cold versus Hot Observables
  • Querying Observable Sequences
  • Error Handling
  • Dealing with Backpressure

Talking to the Server

  • Sending and Receiving Data
  • Observables versus Promises

Building a Single Page Application

  • What is a SPA
  • Router Library
  • Route Configuration
  • Parent-Child Navigation
  • Life Cycle Hooks

Change Detection

  • Zones
  • How Change Detection Works
  • Immutables and Observables

Jasmine Test Framework

  • Challenges for testing
  • Jasmine Introduction
  • Features: Asserts, Suites, Async, Spies
  • Karma Test runner

Testing in Angular

  • Unit Testing
  • Writing Testable Code
  • Getting Started
  • Testing Services, Pipes and Components
  • Testing Angular Features

In recent years a lot of effort has gone into making HTML and JavaScript a better place for web apps rather than just web content. With Angular 2, you can exploit these new and modern concepts to take it to the next level. By using a Componentized approach, Angular 2 is better equipped than ever to build performant data-driven web-apps. While Angular 2 takes care of Data Binding, Navigation and Server Communication; TypeScript allows you to use the most advanced features JavaScript has to offer on any browser. Features like strong typing make your application more maintainable, better structured and flexible. Enjoy this beautiful synergy between Google's Angular and Microsoft's TypeScript.

This course targets professional web developers who are are looking for a kick-start into the world of Angular 2 and TypeScript. Participants of this course need to have a good understanding of JavaScript, HTML and CSS and a notion of node.js and npm.

© 2017 U2U All rights reserved.