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