Olsen Software Ltd.
Phone us +44 7989 401397
Email us info@olsensoft.com
home | training | services | content | code home > training > web > angular2 Back to top
Angular 2 Development (4 days) print Download

course overview

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

prerequisites

course details ShowHide

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