1. HTML Basics

2. CSS Overview

ü  How Web Works?

ü  What is a Web Page?

ü  HTML Basic

ü  HTML Fundamentals

ü  HTML Attributes

ü  HTML Styles

ü  HTML Controls

ü  HTML Formatting

ü  HTML Forms

ü  CSS Syntax

ü  CSS Id & Class

ü  CSS Styling

ü  CSS Box Model

ü  CSS Margins, Dimensions, Display

ü  CSS Navigation Bar

3.  Fundamentals of Typescript

4. Introduction to Angular

ü  What is Typescript

ü  Basic Data Types & Variables

ü  Variables in Typescript

ü  Type Assertion and Annotation

ü  Operators & their types

ü  Decision making constructs

ü  Loops

ü  Using Arrays

ü  Functions

ü  Classes

ü  Constructor

ü  Inheritance

ü  Abstract Class

ü  Interfaces

ü  Generics

ü  What is Angular?

ü  Different versions of angular

ü  Angular CLI

ü  NPM and NodeJs Installations

ü  Angular Project setup

ü  First Angular Application

5. Components

6. Components & Databinding

ü  Introduction to Components

ü  Creating components

ü  Role of AppModule & Component Declaration

ü  Registering Components

ü  Using Registered Components

ü  Creating Components with CLI

ü  Multiple components & passing data

ü  Nesting Components

ü  Component templates

ü  Component Styles

ü  Understanding Component Selector

ü  Introduction to Modules & Databinding

ü  Splitting Apps into Components

ü  Property & Event binding overview

ü  Binding to Custom Properties

ü  Assigning an Alias to Custom Properties

ü  Binding to Custom Events

ü  Assigning an Alias to Custom events

ü  Custom Property and Event Binding Summary

ü  Understanding View Encapsulation

ü  Using Local References in Templates

ü  Getting Access to the Template & DOM with @ViewChild

ü  Projecting Content into Components with ng-content

ü  Understanding the Component Lifecycle

ü  Lifecycle Hooks in Action

ü  Lifecycle Hooks & Template Access

7. Directives

8. Services & Dependency Injection

ü  Understanding Directives

ü  Using ngIf to Output Data Conditionally

ü  Enhancing ngIf with an Else Condition

ü  Output Lists with ngFor

ü  Styling Elements Dynamically with ngStyle

ü  Applying CSS Classes Dynamically with ngClass

ü  Creating Basic Attribute Directive

ü  Using the Renderer to build Better Attribute Directive

ü  More about Renderer

ü  Listen to Host Events using HostListener

ü  Bind to Host Properties using HostBinding

ü  Binding to Directive Properties

ü  Behind the scenes of Structural Directives

ü  What is ngSwitch?

ü  Introduction to Dependency Injection

ü  Why do we need Services?

ü  Creating a Logging Service

ü  Injecting the Logging Service into Components

ü  Creating a Data Service

ü  Understanding Hierarchical Injector

ü  How many Instances of Service?

ü  Injecting Services into Services

ü  Using Service for Cross-Component Communication

9. Routing

10. Template Driven Forms

ü  What is Routing?

ü  Why do we need a Router?

ü  Setting up and Loading Routes

ü  Navigating with Router Links

ü  Understanding Navigation Paths

ü  Styling Active Router Links

ü  Navigating Programmatically

ü  Using Relative Paths in Programmatic Navigation

ü  Passing Parameters to Routes

ü  Fetching Route Parameters

ü  Fetching Route Parameters Reactively

ü  Route Observables

ü  Passing Query Parameters and Fragments

ü  Retrieving Query Parameters & Fragments

ü  Setting up Child(Nested) Routes

ü  Configuring the Handling of Query Parameters

ü  Redirection & Wildcard Routes

ü  Outsourcing the Route Configuration

ü  Introduction to Route Guards

ü  Protecting Routes with can activate

ü  Controlling Navigation with can deactivate

ü  Passing static data to a Route

ü  Resolving Dynamic Data with the resolve Guard

ü  Understanding Location strategies

ü  Understanding Observables

ü  Introduction to handling forms

ü  Why do we need Angular's help?

ü  Template Driven(TD) v/s Reactive Approach

ü  Creating Template driven Forms & Registering Controls

ü  Submitting & Using the Form

ü  Understanding Form State

ü  Accessing the Form with @ViewChild

ü  Adding Validation to check User Input

ü  Built-in Validators & Using HTML5 Validation

ü  Using the Form State

ü  Outputting Validation Error Messages

ü  Set Default Values with ngModel Property Binding

ü  Using ngModel with Two-Way-Binding

ü  Grouping Form Controls

ü  Handling Radio Buttons

ü  Setting & Patching form values

ü  Using Template Driven Form Data

ü  Resetting Template Driven Forms

11. Reactive Forms

12. Pipes

ü  Introduction to Reactive Approach

ü  Creating a Reactive Form in Code

ü  Syncing HTML and Form

ü  Submitting Reactive Forms

ü  Adding Validation to Reactive Forms

ü  Getting Access to Controls

ü  Grouping Controls

ü  Arrays of Form Controls

ü  Creating Custom Validators

ü  Using Error Codes with Reactive Forms

ü  Creating Custom Async Validator

ü  Introduction to Pipes

ü  Why are Pipes useful?

ü  Using Pipes

ü  Parameterizing Pipes

ü  Chaining Multiple Pipes

ü  Creating a Custom Pipe

ü  Parameterizing a Custom Pipe

ü  Creating a Filter Pipe

ü  Pure & Impure Pipes

ü  Understanding async Pipes

13. Making HTTP Requests

14. Authentication & Route Protection

ü  Introduction to Http Requests

ü  How HttpRequests Work in SPAs

ü  Sending Requests

ü  Adjusting Request Headers

ü  Sending GET Requests

ü  Sending a PUT Request

ü  Observable Operators

ü  Using Returned Data

ü  Catching Http Errors

ü  Using 'async' Pipe with Http Requests

ü  Introduction to Authentication

ü  How Authentication works in SPAs

ü  About JSON Web Tokens

ü  Creating Signup Page & Route

ü  Setting up Firebase SDK

ü  Signing Users Up

ü  Signing Users In

ü  Requiring & Sending Token

ü  checking & Using Authentication Status

ü  Adding Logout Button

ü  Route Protection & Redirection Example

15. Angular Modules & Optimizing Apps

16. HttpClient

ü  The idea behind Modules

ü  Understanding App Module

ü  Understanding Feature Modules

ü  Creating a Feature Module

ü  Registering Routes in Feature Modules

ü  Understanding Shared Modules

ü  Creating a Shared Module

ü  Creating the Auth Feature module

ü  Understanding Lazy Loading

ü  How Modules & Services Work Together

ü  Understanding the Core Module

ü  Creating a Basic Core Module

ü  Using Ahead-of-time compilation

ü  Using AOT Compilation with CLI

ü  Introduction to HttpClient

ü  Unlocking the HttpClient

ü  Request Configuration & Response

ü  Requesting Events

ü  Setting Headers

ü  Http Parameters

ü  Progress

ü  Interceptors

ü  Modifying Requests in Interceptors

ü  Multiple interceptors

17. Angular Animations

18. Unit Testing in Angular Apps

ü  Introduction to Angular Animations

ü  Animation Triggers & State

ü  Switching between States

ü  Transitions

ü  Advanced Transitions

ü  Transition Phases

ü  The "void" State

ü  Using Keyframes for Animations

ü  Grouping Transitions

ü  Using Animation Callbacks

ü  Why Unit Tests?

ü  Analysing the CLI Testing Setup

ü  Running Tests with CLI

ü  Adding Components and Some Tests

ü  Testing Dependencies: Components & Services

ü  Simulating Async Tasks

ü  Isolated v/s Non-isolated Tests