 More than 7+ Years of Experience

 Expert level Subject Knowledge and fully up-to-date on real-world industry

 Trainers have experienced on multiple real-time projects in their Industries

Create web-based Single Page Applications using Angular 10 / 11 / 12 Versions. Learn how

to make a static web page more interactive thus enhancing its user experience.

 Introduction

 Dynamic Binding

 Form Validations

 Filters

 Custom Directives

 Routing

 Making an API Call

 Modules

 Dependency Injection

Before Started with Angular 5 Topics we will give basic Overview on Angular 2/4 Versions.

Learn depth knowledge in Angular Versions 2,4,5,6 with the help of Real Time Experts. We

listed below the latest version of Angular 5 Topics.

 Project Setup and First App

 The Course Structure

 What is TypeScript

 A basic setup of Bootstrap for Styling

 Module Introduction

 How an Angular App gets loaded and started

 Components

 Creating new Component

 Understanding the role of AppModule and Component Declaration

 Understanding Component Templates

 Property Binding

 Property Binding vs String Interpolation

 Event Binding

 Bindable Properties and Events

 Passing and Using Data using Event Binding

 Two-Way Binding

 Forms Module and Two Way Binding

 Understanding Directives

 Using ngIf and Else Conditions

 Using ngStyle for Styling Angular App

 Binding to custom properties

 Binding to custom events

 View Encapsulation

 Understanding Local Reference inside Templates

 Getting Access to the templates using @ViewChild.

 Exploring Component Life Cycle

 Life cycle hooks deep dive

 Creating a basic custom attribute directive

 Exploring Renderer to create a Directive

 Understanding HostListener and HostBinding

 Exploring switch

 Creating a Service

 Injecting the service into components

 Understanding Dependency Hierarchical Injector

 Injecting a Service into other services

 Module Introduction

 Understanding the need of a Router

 Setting Up and implementing Routes

 Navigating to Router Links

 Understanding Router Paths

 Styling Router Links

 Fetching route parameters in a Reactive Way

 Passing query parameters and fragments

 Understanding Nested Routes

 Redirecting and Wildcard routes

 Redirection Path Matching

 Outsourcing the Route Configuration

 Introduction to Guards

 Understanding can activate

 Understanding can activate child

 Understanding can deactivate

 Passing Static Data to a Route

 Using a Custom observable

 Unsubscribe

 Using Subjects to pass and Listen to Data

 Understanding Observable Operators

 Module Introduction

 Need of Angular’s help

 Template Driven vs Reactive Approach

 TD: Creating the Form and Registering the controls

 TD: Accessing Form using @ViewChild

 TD: Outputting Validation Error Messages

 TD: Set Default Value with ngModel Property Binding

 TD: Using ngModel and two-way binding

 TD: Grouping Form Controls

 TD: Using Form Data

 Reactive: Creating a Form in Code

 Reactive: Submitting the form

 Reactive: Adding Validation

 Reactive: Getting Access to Controls

 Reactive: Grouping Controls

 Reactive: Exploring Error Codes

 Using Pipes

 Parameterizing Pipes

 Chaining Multiple Pipes

 Creating a custom Pipe

 Pure & Impure Pipes

 Understanding the Async Pipe

 Introduction & how HTTP request works in SPAs

 Sending POST Request

 Adjusting request headers

 Response with observable operators

 Module Introduction

 How Authentication works in SPAs

 Introduction to JWT

 Creating a Signup Page and Route

 Setting up Firebase SDK

 Signing users up

 Signing users in

 Token introduction

 Sending a token

 Route protection and redirection example.

 Classes

 Deep dive into typescripts.

Section 14: Project: This section will cover a course project where we will try to implement

all the topics we covered in each session. The course project will run after the completion of

each module.