Angular JS

User Rating

This course is designed for the development enthusiast who are interested in making their career in front-end web development. This course will help students gain in-depth knowledge of Angular concept such as facilitating the development of single page web applications.


Avg Salary Hike


Job Openings


Course Curriculum


There is no eligibility for joining this course. Any person can join this course.

There are no prerequisites for joining this Angular course.

CH-1 Single Page Application

·         Introduction to Angular.JS

·         Introduction to Single Page Application

·         Basics in Angular.JS

·         Setting up the Environment for development

·         Overall architecture of Single Page Application

·         Your First Angular App

CH-2 Typescript and ESNext

·         Introduction to Typescript and ESNext

·         Environment setup for Typescript

·         Introduction to variables( var, let & Const)

·         Type – primitive

·         Types - Reference and Special Types

·         Operators - Spread and Backticks

·         Operators - Destructor and Rest

·         Classes

·         Interface

·         Arrow Functions

·         Modules

·         Fetch

·         Async or await

CH-3 Decorators

·         Module Introduction and an overview of Angular Modules

·         What are decorators

·         Angular Modules and the @NgModule Decorator

·         Declarations

·         Imports and Exports

·         providers, bootstrap, and entryComponents

·         Angular Application Bootstrap Mechanis


CH-4 Component Decorator

·         Module Introduction

·         Angular Components and the @Component Decorator

·         Creating an Angular Component using the Angular CLI and on StackBlitz

·         Component Decorator Metadata

·         View Encapsulation - Emulated, ShadowDom, None

·         Data Binding - String Interpolation - {{ }}

·         Property Binding - []

·         Event Binding - ()

·         @Input and @Output Property Decorators

·         Two-way Data Binding - [()]

·         Attribute Binding - [attr.]

·         Class Binding - [class.]

·         Style Bindings - [style.]

·         Introduction to Lifecycle Hooks in Angular

·         Using Lifecycle Hooks in Angular

·         View Queries - View Child, View Children, Content Child, Content Children

·         Change Detection Mechanism in Angular. ZoneJS, NgZones

CH-5 Angular Routing

·         Introduction to Routing

·         Implementing Routing in an Angular App

·         Creating a User List. Setting the stage for Child Routing

·         Abstracting the user link to a separate component

·         Implementing Child Routes

·         Path Match and Route Types

·         Introduction to Route Guards in Angular

·         CanActivate and CanActivateChild Guards in Angular

·         CanDeactivate Guard in Angular

·         Prefetching Data for a Component using Resolve


CH-6 Dependency Injection

·         Introduction to Section

·         DI as a Pattern, DI as a Framework and Types of Providers

·         Hierarchical Dependency Injection

·         Introduction to Services in Angular

·         GET data from a Rest API using HttpClient

·         CRUD Operations using HttpClient, HttpParams and HttpHeaders

·         Observables and Operators in Observables - Map, Retry, Catch

·         Behaviour Subject and Sharing Data using Behavior Subjects

CH-7 Deep Dive

·         Introduction to Section

·         Introduction to Directives

·         Built in Structural Directives

·         Built in Attribute Directives

·         Building custom Attribute Directives

·         Building Custom Structural Directives

·         Introduction to Pipes in Angular

·         Using Built In Pipes

·         Creating Custom Pipes in Angular

·         Pure and Impure Pipes in Angular

·         Decorators Revisited

CH-8 Angular JS Forms

·         Introduction to Section

·         Types of Form Building Strategies in Angular

·         Creating Long Bootstrap forms quickly using VS Code using Emmet

·         Adding FormControl(s) to a Template Driven form using the ngModel directive

·         Getting the JavaScript Object Representation of a form using ngForm directive

·         Disabling the Submit Button on a Form using form's $invalid flag

·         Getting the JavaScript Object Representation of a form in TypeScript Class

·         Adding Checkbox, Radio Buttons and Select List to your Template Driven Form

·         Creating Subsections in the form using NgModelGroup directive

·         Steps to implement a Reactive form in Angular

·         Quickly creating a Bootstrap form for our Reactive form using Emmet

·         Creating a Reactive form in the TypeScript class & connecting it to the template

·         Adding form Validations to a Reactive Form

·         Dynamically Adding or Removing FormControl(s) or FormGroup(s) using FormArray(s)

·         Adding Synchronous Custom Validations to your Reactive Form

·         Adding Async Custom Validations to your Reactive Form

·         Resetting the value of a form

·         Building Custom Decorators in Angular

·         Building a Custom Lifecycle Hook Class Logger Decorator

·         Building Custom Property Decorator in Angular

CH-9 Third Party Libraries

·         Creating an Angular CLI Project with SCSS as a base style

·         Introducing Material Design Bootstrap into your Angular CLI Project

·         Adding a Navbar in your header

·         Adding Material Design Buttons

·         Adding Cards

·         Using Material Design Dropdowns and Form Inputs

·         Introducing Angular Material into your Angular CLI Project on the top of MDB

·         Adding Radio Buttons, Slide Toggle, Slider, Progress Bar and Spinner

·         Introduction to Firebase

·         Creating an App using the Firebase Console

·         Setting up your Angular CLI Project to support Firebase

·         Interacting with Firebase Realtime Database using methods on AngularFireList

·         Adding and Reading Data from Realtime Database in Firebase

·         Updating and Deleting Data from Realtime Database in Firebase


Still Wondering what to do!

Get a Free Counselling

Click Here to Contact Us