Live Chat
Monday - Friday 8am - 6pm EST Chat Now
Contact Us
Monday - Friday 8am - 8pm EST 1-866-716-6688 Other Contact Options

Cart () Loading...

    • Quantity:
    • Delivery:
    • Dates:
    • Location:


Web Essentials: Angular 2 (TT4165-A2)

Learn how to use Angular 2 for building web applications.

GK# 5100

Course Overview


In this course, you will learn about Angular 2. This course provides practical and hands-on experience with a great option for building sophisticated web applications. If you are building for the web, Angular 2 will change the way you write web interfaces and work across multiple browsers and platforms.


  • Delivery Format:
  • Date:
  • Location:
  • Access Period:


What You'll Learn

  • Angular 2 overview
  • Reasons to use Angular 2
  • How Angular 2 reduces the amount of code that you have to write to add rich functionality to both existing and new web pages
  • Use ES6 within the Angular 2 architecture
  • Facilitate deployment and loading using the Node Package Manager
  • TypeScript
  • How routers support web application navigation
  • Dependency Injection (DI)
  • How Angular 2 implements DI
  • Work with the various aspects of the Angular 2 architecture to implement clean, responsive web interfaces
  • Best practices for using Angular 2
  • Use Angular 2 with HTTP to support JSON, REST, and other services
  • Support WebSockets using Angular 2
  • Facilitate testing and running Angular 2 applications using various tools and techniques


Viewing outline for:

Virtual Classroom Live Outline

1. Angular2 Architecture Overview

  • Modules and Components
  • Template Syntax
  • Binding, Directives, and Services
  • Using Module Loader SystemJS
  • Using Angular2 with Twitter's Bootstrap Library
  • Angular2 Quickstart

2. ES6

  • Template Literals
  • Multi-Line and Template Strings
  • Scoping
  • Arrow Function Expressions

3. Node Package Manager (NPM)

  • NPM Overview
  • Using NPM for Angular2 Functionality

4. TypeScript

  • Why Use Typescript
  • Typescript Module System
  • Angular2 with TypeScript
  • TypeScript Decorators
  • Transpilers
  • Componentrouter Service

5. Routers

  • Routers for Client-Side Navigation
  • RouterOutlet and Links
  • Multiple Views
  • Parameterized Routes
  • Passing Data to Routes
  • Nested Child and Auxiliary Routes
  • AsyncRoute and Lazy Loading

6. Dependency Injection

  • Dependency Injection (DI) Pattern and Significance
  • Angular2's Dependency Injection Framework
  • Providers

7. Bindings and Events

  • Template, Data, and Event Bindings
  • Two-Way Bindings
  • Observables
  • Pipes

8. Directives

  • Built-in Directives
  • Working with Directives

9. Component communication

  • Input and Output Parameters
  • Mediator Design Pattern
  • Changing Templates
  • Component Lifecycle
  • ngOnChanges

10. Angular2 Forms

  • Angular2 Forms API
  • Form Directives
  • Form Types
  • Form Validation

11. Angular2 Best Practices

  • Upgrading from Angular 1.x
  • Angular2 Style Guide

12. Angular2 with HTTP

  • Creating a Web Server for Angular 2, JSON, REST, and Other Services
  • Working with Promises
  • WebSocket Protocols

13. Unit Testing Angular2

  • Testing dependencies
  • Unit testing with the Jasmine Library
  • Angular Testing Library
  • Webpack
  • Automating Build and Deployment processes

14. Grunt Task Runner

  • Overview of Grunt Task Runner
  • Using Grunt with NPM

Who Should Attend


Experienced web developers

Course Delivery

This course is available in the following formats:

Virtual Classroom Live

Experience expert-led online training from the convenience of your home, office or anywhere with an internet connection.

Duration: 3 day

Request this course in a different delivery format.