DUBLIN | 26th June to 29th June 2017 | BOOK HERE

DUBLIN | 4th to 7th December 2017 | BOOK HERE


Course Description

(Updated March 2017)

Angular 2 is a complete rewrite of the Angular framework, incorporating the latest standards in ECMAScript and unifying many of the diverse elements found in Angular 1. Angular 2 has now been officially launched, and this course is based on the final version.

What You’ll Learn

  • Angular architectural concepts
  • Creating and testing Angular apps
  • Templates
  • Displaying data and accepting user input
  • Dependency injection
  • Pipes
  • Directives
  • Routing and navigation
  • Lifecycle hooks
  • Calling REST services



4 days


Target Audience

This course is aimed at web developers who are familiar with JavaScript and HTML, and who want to start using Angular 2 to create structured and maintainable web apps.


Course Pre-requisites

  • Familiarity with HTML and JavaScript programming
  • Experience in AngularJS 1.x is beneficial but not required


Course Summary

  • Angular 2 Essentials: Angular 2 vs Angular 1; Angular 2 architecture components; Development tools state-of-play
  • TypeScript and ECMAScript 6 Essentials: Overview of TypeScript and ECMAScript 6; Transpilation; Using the TypeScript Playground; Configuring and using the TypeScript transpiler
  • Understanding TypeScript Syntax: Variables and types; Functions; Classes; Generics; Inheritance; Interfaces
  • Creating a Simple Angular 2 Application: Structure of an Angular 2 application; Importing Angular libraries; Angular bundles; Angular components; Templates; Binding expressions; Bootstrapping Angular
  • Data Binding: A closer look at data binding; Two-way data binding; Using built-in pipes; Defining custom pipes; Applying pipes programmatically; Built-in structural directives
  • Configuration: A closer look at SystemJS; Loading multiple modules; Configuring SystemJS; Using a package manager
  • Tooling: Overview of Node Package Manager, Bower, Grunt, and Gulp; Using Bower to manage client packages; Defining static content; Gulp tasks
  • 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
  • Angular 2 Routing: Getting started with routing; The role of routing in Single Page Applications; Route parameters; Lazy loading
  • Calling Rest Web Services: Overview of Rest services; Calling Rest services from Angular 2; Using the conditional navigation operator
  • Web Sockets: Web Sockets concepts; Calling Web Sockets from JavaScript; Using RxJs Observables with Web Sockets
  • Testing Angular Code: Setting the scene for unit testing; Getting started with Jasmine; Using Jasmine to test Angular code
  • Implementing Custom Directives: Attribute directives; Specifying parameters and events; Structural directives; Transclusion


See more Internet Technologies courses