Angular is a framework and platform for building single-page client apps using TypeScript and HTML. Angular is written in TypeScript. It implements primary as well as optional functionality as a set of TypeScript libraries that you import into your applications.

The architecture of an Angular app relies on certain basic concepts. The fundamental building blocks are NgModules, which provide a compilation context for components. NgModules collect related code into functional sets; an Angular app is defined by set of NgModules. An app always has at least a root module that allows bootstrapping and typically has many more feature modules.

  • Components define views, which are sets of screen elements that Angular can choose among and modify according to your program logic and data.
  • Components use services, which provide specific functionality not directly related to views. Service providers can be injectedinto components as dependencies, reusable, making your code modular as well as efficient.

Components and modules, and services are classes that use decorators. These decorators mark their type and provide metadata that tells Angular way to use them.

  • The metadata for a component class associates it with a templatethat defines a view. A template combines ordinary HTML with binding and Angular directives markup that allow Angular to modify the HTML before rendering it for display.
  • The metadata for a service class provides the information Angular needs to make it available to components through dependency injection (DI).



Radiant Teachlearning offers Angular 9 Training Program in Classroom and Virtual instructor Led/Online mode.



Duration: 28 hours


  • Basic HTML & CSS Knowledge.
  • Intermediate JavaScript knowledge.

Course Content

Setup & Introduction

  • Angular CLI
  • Schematics
  • Project Structure
  • json file content and walkthrough


Typescript Basic

  • Installation
  • Typescript Compiler
  • Type & Basic types
  • Classe and Interface
  • Enum
  • Modules & namespace
  • Decorators



  • Javascript module
  • NgModule



  • Component decorator
  • Creating component
  • Data binding
  • Event binding
  • Life Cycle Hooks



  • Creating directive
  • Difference between component & Directive
  • Standard angular provided directives
  • ngFor
  • ngIf
  • ngClass
  • ngStyle
  • ngSwitch
  • Others as with course flow
  • Host Listener and Host Binding



  • Creating Custom Pipe
  • Pure vs Impure Pipe
  • Angular provided pipes



  • Observer Pattern
  • Observable
  • Creating observable
  • Promise Vs Observable
  • Pipe
  • Operators
  • Map
  • FlatMap
  • SwitchMap
  • concat
  • buffer
  • throwErro
  • catchError
  • retry
  • debounce
  • groupBy
  • combineAll
  • combinelatest
  • zip
  • interval
  • filter
  • distinctUntilChange
  • distinctUntillChangeByKey
  • Subject
  • Plain Subject
  • Behaviour Subject
  • Replay Subject


Dependency Injection (DI)

  • Concept
  • How it is getting used in angular.
  • DI vs Singleton Pattern
  • Services
  • Providers (component providers, modules providers, lazy-loaded providers)
  • Injector Tree – basic
  • @Injector, ProvidedIn and Injectorn service
  • Injection Token


HTTP Module

  • “Making AJAX Calls
  • get
  • post
  • delete
  • put
  • request”
  • Http Request Interceptor
  • Http Response Interceptor
  • Common Pitfalls


  • Defining routes / Route Configurations
  • Root Routes vs Child Routes
  • RouterLink and RouterLinkActive
  • Route Activation (with code)
  • Router outlet
  • Nested routes
  • Secondary routes
  • Grouping and Component less routes
  • ActivatedRoute
  • Router Service
  • Snapshot
  • Lazy loading using angular router
  • Reading Route parameters
  • Route Data Resolve
  • Route Guard / Route Protection
  • Router Event
  • Reacting to router event
  • Debugging Route Event
  • Preloading Feature Modules and Preloading Strategies



  • Declaratove Form
  • Forms Module
  • Forms Binding
  • Validation and state
  • Submitting Form
  • Reactive Form
  • Reative form basic
  • Creating form controls
  • Form builder
  • Listening for value change
  • Dynamically duplicating forms elements
  • FormGroup and its benefits
  • Validators
  • Dynamically updating validators
  • “Cross element validators”
  • Creating custom validators
  • Creating custom validators with parameters
  • Creating async validator


Introduction Angular Material

  • How to use 3rd party UI component library.
  • Using of material component during the course of project.



Unble To Find a Batch..?

Request a Batch