Back To Training Programmes

Angular JS 2 Development

Date: 26th June 2017
Duration: 4 Days
Grant Aided Cost: €1,600
Location: Dublin
Course Code: ICT332
Note:

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.

  • 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

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.

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

  • 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

 

Back To Training Programmes

Email us now to see if there are places available

Your Details

 

Verification