Angular 2 is an open source framework formed and maintained by the developers. It is used by the developers to develop the web applications. Angular js is a programming which contains the logic components, data and presentation. AngularJs is the complete java script based open-source front end of web application framework. The angularjs framework works by reading the HTML page, which has embedded into it additional custom tag attributes.


  • Introduction to Javascript
  • Javascript OOPS
  • Javascript JSON
  • Javascript AJAX
  • Javascript closures
  • Javascript module pattern
  • Prototype
  • Constructor
  • ES6 New Features


  • Introduction to Typescript
  • Typescript Classes
  • Typescript Array, String, Tuples, Union, Interface
  • Constants and scoped variables
  • Arrow function
  • Inheritance
  • Template String &
  • Modules


  • Composition of an Angular2 Application
  • Sample Application

First Things First

  • Selection of Language
  • Selection of an Editor
  • Set up an Angular 2 Application
  • How to run an Angular 2 Application
  • Modules – Loading Modules and Hosting the Application

Introduction to Components

  • What is a Component?
  • Creation of Component Class
  • Defining of Metadata with a Decorator
  • Import of Data & Inputs
  • Demo: Creation of App Component
  • Bootstrapping the App Component
  • Demo: Bootstrapping the App Component

Data Binding & Pipes

  • Property Binding
  • Event Binding
  • Two-way Binding
  • Transformation of Data through Pipes

Templates, Interpolation, and Directives

  • Template Structuring
  • Building the Component
  • Use of Component as a Directive
  • Binding with Interpolation
  • Adding Logic with Directives: ngFor
  • Adding Logic with Directives: ngIf

More on Components

  • Define Interfaces
  • Use of Lifecycle Hooks
  • Encapsulating Component Styles
  • Building Custom Pipes

Services and Dependency Injection

  • Work Structure
  • Develop a Service
  • Register the Service
  • Inject the Service

 Nested Components Construction

  • Composition of Nested Component
  • Use of Nested Component
  • Passing Data to a Nested Component Using @Input
  • Passing Data from a Component Using @Output

Retrieving Data Using HTTP

  • Observables and Reactive Extensions
  • Set Up
  • How to send Http Request
  • Subscribe to an Observable

Navigation and Routing Basics

  • Set Up
  • Configure Routes
  • Tie Routes to Actions
  • Place View
  • Passing Parameters to a Route
  • Activate a Route with Code

Navigation and Routing Additional Techniques

Angular 2 Setup Revisited

  • TypeScript Configuration File (tsconfig.json)
  • index.html File Libraries
  • npm Package File (package.json) and TypeScript Definitions File (typings.json)