Course outline for Angular

Pre-requisites for learning Angular

  • Participants must have good knowledge of JavaScript and TypeScript
  • Functional programming concepts like closures and the behavior of the this keyword
  • Object oriented programming concepts like Constructor functions and prototypes
  • ES6 basic concepts especially arrow functions, classes, let, const, module support, template strings.
  • A working knowledge of Node.js

Lab Setup

Installation Setup

Hardware Configuration

Participants must have access to a system with the following hardware configuration:

  • 2GB of free RAM, 20GB of free disk space and full network connectivity

Software configuration

  • Ubuntu 20.04/22.04 Desktop Edition (sudo/root access required)
  • Firefox and Chrome browsers


2-5 days

Training Mode

Online training for Angular

We provide:

  • Instructor led live training
  • Self-paced learning with access to expert coaches
  • 24x7 access to cloud labs with end to end working examples

All jnaapti sessions are 100% hands-on. All our instructors are engineers by heart. Activities are derived from real-life problems faced by our expert faculty. Self-paced hands-on sessions are delivered via Virtual Coach.

Classroom training for Angular

Classroom sessions are conducted in client locations in:

  • Bengaluru
  • Chennai
  • Hyderabad
  • Mumbai
  • Delhi/Gurgaon/NCR

Note: Classroom training is for corporate clients only

Detailed Course Outline for Angular


  • Dynamic Components
  • Anchor Directive
  • Loading Component
  • Resolving Component
  • AdComponent Interface
  • Final and banner

Component Interaction

  • Passing data between parent and child
  • Interaction between parent and child
  • Communication between them via service

Lifecycle Hooks

  • OnInit
  • OnDestroy
  • OnChanges
  • DoCheck
  • Lifecycle Sequence
  • AlterView
  • Content Projection


  • Binding Syntax
  • property Binding
  • Binding Target
  • Attribute, class, and style bindings
  • Event Binding
  • Two way binding
  • Structural Directives
  • Pipe operator
  • Custom Events


  • Binding to user input events
  • Form validation
  • Template driven forms
  • Reactive Forms

Dependency Injection

  • Hierarchical Dependency Injectors
  • Injector Tree


  • Introduction to Routing and History APIs
  • Introduction to Router
  • URL parameters
  • Redirects


  • Injectable services
  • Async Services and Promises
  • Creating a services
  • HTTP services
  • Observables
  • RxJs operator


  • jasmine
  • Karma
  • Protractor
  • Angular testing utilities