TypeScript Masterclass 2025 Edition - React + NodeJS Project

Introduction To Primitive Types

String, number and boolean

Null and undefined Types

Bigint Type

Symbol Type

★ Practice: The Primitive Types ★

★Solution: The Primitive Types★

Introduction To TypeSystem

Any Type

Unknown type

Type Alias

Inference, Annotation, Duck Typing and Declaration

Union Types

Quick Conditional Types

Understanding Type Hierarchy

Type Casting

★Practice: Type System★

★ Solution: Type System ★

Introduction To Objects

Working With Objects

Type Alias For Objects

Nested Objects

Index Signatures With Objects

Optional And Readonly Properties

Union Types With Objects

Discriminating Unions

Intersection Types

★Practice: Strictly Type an Object★

★Solution: Strictly Type an Object★

Introduction To Arrays And Enums

Strictly Typing Arrays

Tuples

Readonly Arrays and Tuples

Enums

Enums are Available At Runtime

Enums Vs Objects

Computed Enums

Enums as Unions and Types

★Practice: Arrays and Enums★

★Solution: Arrays and Enums★

Declaring Functions

Default and Optional Parameters

Custom Parameters And Return Types

Function Call Signatures

Anonymous Functions

Void and never Types

Async Functions

Rest Parameters And Arguments

Parameter Destructuring

Introduction to Function Overloading

Function Overloading In TypeScript

★Practice: Functions in TypeScript★

★Solution: Functions in TypeScript★

What are Generics

Generic Function Declarations

Generic and Constraints With Arrays

Generics With Objects

Keyof Type Operator

Generic Default Values

Implementing A Polymorphic Function

Problems With Function Overloads

Using Generics Instead Of Function Overloads

★Practice: Implement Map Function★

★Solution: Implement Map Function★

What Are Classes

Running TypeScript In Browser

Creating First Class And Instance

Constructor Function

This Keyword

Classes as Types

Optional And Readonly Fields

Inheritance With Classes

Super Method

★ Practice: Classes Exercise 1 ★

★Solution: Classes Exercise 1★

Access Modifiers

Public Members

Protected Members

Private Members

Which Access Modifier to Use?

Overriding Methods In Child Classes

Shorthand For Constructor

More Control Over Classes

Using Mutators - Setters

Using Accessors - Getters

Static Members

Understanding Static Blocks

Generics With Classes

Generics Use Case

Concrete Implementation With User Type

Intro To Mixins

Composing New Classes With Mixins

★Practice: Classes Exercise 2★

★Solution: Classes Exercise 2★

Module Introduction - Abstract Classes And Interfaces

Introduction To Abstract Classes

Shared methods in Abstract Classes

Protected Constructor And Child Classes

Adding Holidays To Classes

Print Holidays Method

Method Overriding In Child Class

Introduction to Abstract Methods

Introduction to Interfaces

Extending Interfaces using extends keyword

Inheriting From Multiple Interfaces

Interfaces and Generics

Assigning Generics To Interfaces

Using Multiple Types as Generics

Using interfaces with classes

Multiple Classes Using the Same Interface

Implementing Multiple Interfaces

Multiple inheritance in classes using interfaces

Interfaces and Access Modifiers

Declaration Merging Interfaces

Difference Between a Type and an Interface

Difference Between a Abstract Class and an Interface

Difference Between Interfaces and Abstract Classes 2

What should you use? Abstract Class or Interfaces

Module Introduction - The TypeScript Compiler

Setting up a Base Project

Including and Excluding Files

RootDir and outDir

Setting a Compilation Target

TypeScript Core Libs

Type Checking Options

JS in Browser Using Liver Server

Understanding Source Maps

Module Introduction - Prototypes And Objects

This Keyword In JS

Weird Behaviour Of The This Keyword

Constructor Functions

Javascript’s Own Constructor Function

Understanding Prototypes

Prototypical Inheritance Theory

Inheriting The User Properties

Inheriting The User Prototypes

Alternate Methods Of Creating Objects

Introduction To Property Descriptors

DefineProperty Method

How Classes Are Syntactic Sugar On Prototypes

Introduction to Decorators

Creating First Decorator

Add a Replacement Function

Adding an Initializer to greet()

Creating a Separate @bound Decorator

Introduction To Decorator Factories

Strictly Typing Decorators

Understanding Field Decorators

Class Decorators

Decorators For Accessors & Mutators

Enhancing Accessor Decorators

Introduction to Decorators

Strictly Typing Decorators

Writing Our First Decorator

When Are Decorators Invoked

Introduction To Decorator Factories

Changes To Decorators In TypeScript 5

Adding To Prototype

Interfaces For Prototypes

Adding Functions to Prototypes

Using Same Decorator With Multiple Classes

Method Decorators

Static Method Decorators

Decorators For Method Parameters

Decorators For Class Properties And Accessors

Multiple Decorators And Returning Values from Class Decorators

Decorator Composition and Evaluation

Advanced TypeScript Concepts

Sub Types And Super Types

Type Soundness

Nominal vs Structural Type System

Type Widening and Type Narrowing

Totality

Discriminated Unions and Exhaustiveness Checking

Intro To Built In Utility Types

How Do Utility Types Work Behind The Scenes

Awaited<Type>

Record<Keys, Type>

Pick<Type, Keys>

Omit<OldType, Keys>

Partial<Type>

Required<Type>

Readonly<Type>

String Manipulation Types

Satisfies Operator (TS Version 5 feature)

Creating Types From Types

Generic Interfaces

Keyof Operator

Typeof Operator

Indexed Access Types

Mapped Types

Conditional Types

Template Literal Types

Introduction To Type Guards

Typeof Type Guards

Truthiness Narrowing

Equality Narrowing

In Operator narrowing

InstanceOf Type Guards

Introduction To Namespaces

Starting With Namespaces

Namespaces In Multiple Files

Working With ESM Modules

Mixed Module Interoperability

Transitioning JavaScript to TypeScript

First Declaration File

Reusable Types With Interfaces

Function Overloads With Declaration Files

Using Namespaces In Declaration Files

Declaration For Classes

Ambient Declarations

Using @Types Packages

An Overview Of What We Will Build

Learning Paths From Here

Creating NodeJS + Express Setup

Installing TypeScript With Node

Auto-reloading During Development

Testing API Endpoints - Postman and httpYac

Dependency Injection and Inversion of Control

Understanding The Need for Dependency Injection

Configuring Inversify

Performing First Dependency Injection

IsSingletonScope vs isTransientScope

Introduction to Controllers

Organizing Routes

Dependency Injection For Routes

Inter-modular Dependencies

Creating Task Controller Methods

Introduction To Mongoose

Creating a MongoDB Instance

Configuring Mongoose With Express

Understanding Schema and Model

Creating Schema Interface

Creating First Schema

Creating a Task

Get All Tasks

Update Task

Why We Need Additional Validation

Configuring Express Validator

Creating Validator Files

Validating Incoming Request

Validator For Query Params

Using Status Codes

Introduction To Services

Creating Task Service

Using Task Service

Introduction To Providers

Creating First Provider

Using The UpdateTaskProvider

Using Validated Data

Adding Default Values To Queries

Optimizing Get Provider

Error Handling In POST Route

Changing Response Format

Creating Custom Middleware

Add Cross Origin and ENV Files

React Typescript Project With Vite

Integrating ShadcnUI + TailwindCSS

Enabling Dark Mode

Installing React Router

Planning Layout Development

Setting Layout For Tasks Page

Tasks Counter Component

Props For Tasks Counter

Creating Task Component

Props For Task Component

Creating The Task Sidebar

Creating User Profile Component

Create TaskForm

Client Server Synchronization

Using Zod For Form Validation

Create Task Form

Handling Controlled Components

Introducing Tanstack Query

Setup Tanstack Query

Create Task Mutation Hook

Strictly Typing Response

Using The Mutation Hook

Create Query Hook For Tasks

Using Query Hook For Tasks

Mutation Hook For Updating Task

Refreshing Tasks