Real Time Project

Angular Training Course Content


  • Introduction to web development
  • Traditional vs Modern Web Development
  • Traditional Servers vs Node JS
  • Old and Modern JavaScript
  • Issues with ES5 JavaScript
  • ES5 vs ES6 JavaScript
  • Why to use & Advantages of TypeScript
  • Angular JS vs Angular 2/4/5/6
  • Current Web Development Scenario


  • Typing System
  • TypeScript Types
  • Enums, Consts & Type aliases
  • Arrays Types
  • Functions
  • Optional, Default parameters
  • Fat Arrow Functions
  • Interfaces
  • Object Oriented Programming
  • Classes and Class Constructors
  • Properties, Methods, Getters and Setters
  • Generics and Decorators

Introduction to Angular

  • Angular Installation
  • Angular CLI
  • Serving and Building the Application
  • Application Structure
  • Angular Modules
  • Root and Featured Modules
  • Lazy loading
  • Imports, Declarations, Providers and Dependencies


  • What are Components and their role
  • Root Component
  • Component Syntax
  • Selectors, Templates and Styles
  • Nested Components
  • Component Life Cycle
  • Initialization Hooks
  • Destroy Hooks
  • View Encapsulation
  • Web Components
  • Re-usable Components
  • Adding Components Dynamically
  • Entry Components

Data Bindings

  • Angular Data Bindings
  • String Interpolation
  • Property & Event Bindings
  • Two Way Data Binding
  • Template Variables
  • Component Communications
  • Input and Output
  • ViewChild
  • Content Projection
  • Events and Event Emitters
  • Listening to Event Emitters
  • Container & Presentational Components
  • Smart & Dumb Components


  • Angular Directives
  • Attribute Directives
  • Built-In Attribute Directives
  • Structural Directives
  • Built-In Structural Directives
  • NgIf, NgFor  and NgSwitch Directives
  • ng-container
  • ng-template and template outlets
  • ng-template context
  • Custom Directives
  • Element Refs, Renderers
  • Host Binding, Host Listeners


  • What are Pipes
  • Built-In Angular Pipes
  • Currency Pipe
  • Number Pipe
  • Percent Pipe
  • Lower and Upper Case Pipes
  • Date Pipe
  • Custom Pipes
  • Custom pipe with parameters
  • Pure and Impure Pipes


  • What are Services in Angular
  • Injectable Services
  • Dependency Injection
  • Singletons
  • Export and Import Services
  • Shared Services
  • Providing Services
  • Services at Component Level
  • Global Services

Template Driven Forms

  • Forms Module
  • Template Driven Forms
  • NgForm & NgSubmit
  • NgModel and Two way Bindings
  • Form Validations
  • Touched & Untouched states
  • Pristine & Dirty states
  • Valid and Invalid
  • Form Submit
  • Password & Confirm Password Validations
  • Handling Check Boxes & Radio Buttons
  • Handling Select, Range inputs

Reactive Forms

  • What are Reactive Forms
  • Reactive vs Template Driven Forms
  • Form Group
  • Form Control
  • Form Array
  • Form Builders
  • Form Validators
  • Required, Min, Max, Pattern Validators
  • Custom Validators
  • Custom Async Validators
  • Subscribing to Form Values
  • Setting & Patching the Forms
  • Resetting the Form
  • Form Status & Status Changes
  • Handling Check boxes, Radio Buttons, Select options, Ranges etc.,
  • Dynamically Generating Input Fields

HTTP & Reactive JS

  • HTTP Module
  • Promises
  • Reactive Programming
  • Observables
  • Subscriptions
  • Subjects
  • Behavior Subjects
  • Get, Post, Put & Delete Requests
  • Error Handling
  • Working with APIs
  • HTTP interceptors


  • What are Routes
  • How to Configure Routes
  • Router Outlet
  • Router Link & Navigation
  • SPA (Single Page Application)
  • Route Parameters
  • Subscribing to route parameters
  • Routes for Root Module and Child Modules
  • Query Parameters and subscribing to them
  • Activated Routes
  • Route Guards
  • Implementing Can Activate Guard
  • Implementing Can Deactivate Guard
  • Child Routes


Please wait...

Angular Training FAQs

Is it AngularJS or AngularJS2 or Angular 2 or Angular 4/5/6 Training ?

In short it is Latest Angular Training and the current version is Angular 6.

Why so many Names?

AngularJS was a hugely successful JavaScript framework from Google, which started experiencing performance issues in several applications. Initially Google released several minor versions to address many issues, then instead of modifying the framework further, decided to build a Completely New framework from the scratch and named it as Angular.

As the new framework came after AngularJS, several developers started calling it AngularJS 2, but it is entirely different from AngularJS, and it is simply Angular.

Is Angular is better than AngularJS?

Definitely, Angular, the current framework from Google uses Microsoft’s TypeScript, is much more powerful than AngularJS, future oriented and addresses all the issues which were experienced in AngularJS.

What are the Prerequisites to learn Angular?

Basic knowledge on HTML, CSS and JavaScript (want to learn these as well ? please let us know, we provide training on HTML, CSS and JavaScript too).

Then we provide training on TypeScript and Angular

Is it Classroom Training or Online Training

It is Classroom Training. Are you looking for Online Training? Please let us know…

What is the Course Duration?

The duration of Complete Angular Training with TypeScript is One Month.

Do you provide Training on Weekends as well?

Yes, we provide training during the weekends to working professionals or to other required students.