Basic Introduction To TypeScript

 

What Is TypeScript?

 

Setting Up TypeScript

 

Write “Hello World” In TypeScript

 

Types In TypeScript

 

Functions In TypeScript

 

Array & Tuples In TypeScript

 

Unions In TypeScript

 

Interfaces In TypeScript

 

Arrays & Interfaces In TypeScript

 

Advanced TypeScript Concepts

 

Classes In TypeScript

 

Classes & Objects In TypeScript

 

Constructor In TypeScript Classes

 

Constructor In TypeScript Classes – Advanced

 

Access Modifiers in Classes in TypeScript

 

Shorthand Initialization of TypeScript Classes

 

Static Keyword In TypeScript

 

Inheritance in TypeScript

 

Advanced TypeScript Concepts

 

Interfaces In TypeScript

 

Multiple Interfaces In Classes In TypeScript

 

Interface Extends In Classes In TypeScript

 

Method Overriding In Classes In TypeScript

 

Abstract Classes In TypeScript

 

Readonly Properties In TypeScript

 

Modules In TypeScript

 

Compiling Modules In TypeScript

 

 

Angular 9 – Basic Concepts

 

What Is Angular?

 

Setting Up Angular

 

Understanding The Project

 

Components In Angular

 

component.ts File – Explained

 

Data Binding In Angular

 

HTML Attributes vs. DOM Properties

 

JavaScript Expressions in Data Binding in Angular

 

Class Binding In Angular

 

Style Binding In Angular

 

 Angular 9 – Advanced Concepts

 

 

Event Binding In Angular

 

JavaScript Events In Angular

 

Two Way Data Binding In Angular  – Part 1

 

Two Way Data Binding In Angular  – Part 2

 

Generating Array With Data Binding In Angular

 

Understanding Directives In Angular

 

Attribute Directives In Angular

 

Interactive Directives In Angular

 

Host Listeners in Attribute Directives In Angular

 

Angular 9 – Code Ninja Concepts

 

Structural Directives In Angular

 

ngIfElse Directives In Angular

 

ngFor Directive In Angular

 

ngSwitch Directive in Angular

 

ng-template in Angular

 

TemplateRef & ViewContainerRef in Angular

 

Input Decorator In Angular

 

Create Custom Structural Directive in Angular  – Part 1

 

Create Custom Structural Directive in Angular  – Part 2

 

Http Requests & API

 

Introduction to HTTP Requests and API

 

How HTTP Requests Work?

 

Getting Observable Response

 

HTTP Params

 

Output Decorator In Angular

 

Set In Angular

 

Get In Angular 9

 

Full Angular 9 Application Practice

 

Introduction To Covid- API

 

The Covid- Documentation

 

Styling The Application

 

HTTP Requests – The Network Tab & Status Codes (Part )

 

HTTP Requests – The Network Tab & Status Codes (Part )

 

Posting Data To The Server

 

Posting Dynamic Data

 

Completing The Styling of Summary Section of Application

 

Sending Request to Covid API and Retrieving Observable

 

Sending Data From App Component To Summary Component using Input Decorator

 

Playing with Angular Life Cycle to Get the Data

 

Breaking Down The Array To Get Single Data Into a New Component

 

Getting the Single Country Data into View

 

All Countries Data Listed

 

Sorting The Listed Data Accordingly

 

Fixing Bugs in Covid API

 

Angular Material

 

Introduction to Angular Material

 

Installing Angular Material

 

Typography In Angular Material

 

Buttons In Angular Material

 

Toggle Buttons In Angular Material

 

Badges In Angular Material (Part )

 

Badges In Angular Material (Part )

 

Chips In Angular Material

 

Icons In Angular Material

 

Progress Spinner In Angular Material

 

Progress Bar In Angular Material

 

Cards In Angular Material

 

Divider and Expansion Panel In Angular Material

 

Lists In Angular Material

 

Steppers In Angular Material

 

Tabs In Angular Material

 

Grid List In Angular Material

 

Making Layout In Angular Material

 

Toolbar In Angular Material

 

Menu In Angular Material

 

Angular Material – Advanced Components

 

Sidenav Angular Material

 

Side Drawer Angular Material

 

Pagination Angular Material

 

Tables In Angular Material

 

Making Of Table Columns In Angular Material