Angular 2

Course description

Angular 2 is the successor of the popular AngularJS 1.x framework. It provides several new features, better performance, but also a completely new syntax. An Angular 2-app is basically a collection of components brought together within modules. The key to understanding Angular 2 is understanding how Components are built and how they interact with each other through Services, Inputs, and Outputs. Although the version numbering (“Angular 1” vs. “Angular 2”) suggests a simple upgrade path, this is definitely not the case.

Angular 2 is a completely different framework, utilizing new concepts and languages (ECMAScript 6, TypeScript). Knowledge cannot simply be transferred between 1 and 2, nor is upgrading an existing Angular 1 app a trivial task.

In this course you will learn how to build components and build a non-trivial app using components, services, routing and communication with RESTful API’s. With the knowledge gained in this course you are among the first to be informed about the ins and outs of this new framework. You can start immediately, building your first Angular 2 apps!

Target Audience

This course is intended for developers who have a thorough knowledge of HTML, CSS and JavaScript.


§ HTML, CSS, JavaScript

§ Experience with other MV * -frameworks (like .NET MVC or Spring MVC) is helpful, but not absolutely necessary.

§ Practical experience with different platforms and browsers (Internet Explorer, Firefox, Chrome) and debugging JavaScript.

§ Experience with AngularJS 1.x and modular development of (web)apps is useful to understand the differences and new concepts. However, it is not necessary to have previous knowledge of AngularJS.

§ Some knowledge of the Node.js platform and installing packages.

§ Some knowledge of the English language. Many websites, documentation and background information is available only in English.

Table of Contents – high level overview

§ Why Angular 2? Differences with Angular 1(aka “AngularJS”)

§ Angular 2 basics and architecture overview

§ Installation and configuration

§ Hello World example – different routes to your first application

§ Working with angular-cli

§ Building and debugging Components with TypeScript

§ Component metadata, templates and styles

§ Dependency Injection

§ Data binding in all its glory

§ Building and using Services

§ Working with external data and Http

§ Applications as a ‘Tree of components’

§ Passing data between components

§ Routing

§ Forms – Template driven forms and Model driven forms


Some suggestions for textbooks to be used in, or after the training. The books are optional. Course contents and labs/exercises can be followed without them.

§ For English speaking trainees: NG-book 2, available at as
e-book or print version.