TypeScript Masterclass 2024 Edition React + NodeJS Project

TypeScript Masterclass 2024 Edition – React + NodeJS Project, available at $94.99, has an average rating of 4.5, with 356 lectures, 6 quizzes, based on 861 reviews, and has 6140 subscribers.

You will learn about Learn TypeScript from scratch starting with the basic type safety and types offered by TypeScript to advanced OOP features. Deep dive into Object Oriented Programming features offered by TypeScript. Includes lectures about classes, abstract classes, access modifiers and interfaces. Understand advanced TypeScript features such as Generics, Decorators, Totality, Type Widening, Mapped Types, Conditional Types and so on. Create a full stack application using TypeScript and learn how to use TypeScript with technologies like React, Material UI, Tanstack Query, NodeJs, TypeORM Use TypeScript with front-end frameworks like React JS, Tanstack/React Query, Context API and Material UI Use TypeScript for back-end development using NodeJS, Express, TypeORM and MySQL This course is ideal for individuals who are A JavaScript developer who wants to learn TypeScript or Developers who have NO prior experience with TypeScript or A beginner TypeScript developer who wants to learn TypeScript or Developers who want to use TypeScript with front-end frameworks like React JS and Material UI or Developers who want to use TypeScript for backend REST API development with NodeJs and TypeORM It is particularly useful for A JavaScript developer who wants to learn TypeScript or Developers who have NO prior experience with TypeScript or A beginner TypeScript developer who wants to learn TypeScript or Developers who want to use TypeScript with front-end frameworks like React JS and Material UI or Developers who want to use TypeScript for backend REST API development with NodeJs and TypeORM.

Enroll now: TypeScript Masterclass 2024 Edition – React + NodeJS Project

Summary

Title: TypeScript Masterclass 2024 Edition – React + NodeJS Project

Price: $94.99

Average Rating: 4.5

Number of Lectures: 356

Number of Quizzes: 6

Number of Published Lectures: 356

Number of Published Quizzes: 6

Number of Curriculum Items: 362

Number of Published Curriculum Objects: 362

Original Price: $94.99

Quality Status: approved

Status: Live

What You Will Learn

Learn TypeScript from scratch starting with the basic type safety and types offered by TypeScript to advanced OOP features.

Deep dive into Object Oriented Programming features offered by TypeScript. Includes lectures about classes, abstract classes, access modifiers and interfaces.

Understand advanced TypeScript features such as Generics, Decorators, Totality, Type Widening, Mapped Types, Conditional Types and so on.

Create a full stack application using TypeScript and learn how to use TypeScript with technologies like React, Material UI, Tanstack Query, NodeJs, TypeORM

Use TypeScript with front-end frameworks like React JS, Tanstack/React Query, Context API and Material UI

Use TypeScript for back-end development using NodeJS, Express, TypeORM and MySQL

Who Should Attend

A JavaScript developer who wants to learn TypeScript

Developers who have NO prior experience with TypeScript

A beginner TypeScript developer who wants to learn TypeScript

Developers who want to use TypeScript with front-end frameworks like React JS and Material UI

Developers who want to use TypeScript for backend REST API development with NodeJs and TypeORM

Target Audiences

A JavaScript developer who wants to learn TypeScript

Developers who have NO prior experience with TypeScript

A beginner TypeScript developer who wants to learn TypeScript

Developers who want to use TypeScript with front-end frameworks like React JS and Material UI

Developers who want to use TypeScript for backend REST API development with NodeJs and TypeORM

The only complete TypeScript course on the marketplace to get you building TypeScript apps like a pro.

This is the only complete course about TypeScript on the marketplace. Apart from giving you complete and in-depth knowledge about TypeScript, I also teach you how to use TypeScript in conjunction with other technologies such as ReactJS, Material UI, Tanstack Query/ React Query, Node, Express, TypeORM, and MySQL. This is important because while developing a project, in most cases, you would not be using TypeScript in isolation.

This course contains 240+ Videos which in total contain more than 19 hours of content. I teach you the latest features of TypeScript in a very practical manner providing you with the in-depth knowledge you need to master TypeScript.

Once we are through with the theoretical part of the TypeScript and we understand the intrinsics of the language, we set off to build a full stack application. We build a task management application where you can create a new task and set the priority as well as the status of the task. We also build real-time task counters and work on a complete server state synchronization.

While building the front end of this application, you learn how to use TypeScript with React, Material UI, React Query, and Context API. And, when we build the REST API with Node as a backend service for the application, we get practical hands-on experience on how to use Typescript in conjunction with NodeJS along with Express, TypeORM, and Mysql database. If you are a full-stack developer, you can enjoy and build the complete project with me. And of you, skillsets are limited to the backend or front-end. You can choose the module based on your skills as these modules are self-contained and do not have a dependency on each other.

Detailed Breakdown Of Topics Covered In The Course:

What is TypeScript

How TypeScript helps You Write Better Code

Introduction To Types

Different types of types in TypeScript

Primitive types

Object types

Array types

Tuples

Enums

Unions 

Intersection types

Custom types

Type inference

Void

Never

Functions in TypeScript

Call signatures

Function overloading

Polymorphic functions   

Generics

Classes in TypeScript

Inheritance

Accessors and Mutators

Constructors

Access modifiers

Static members

Abstract classes

Method Overriding

Interfaces

Multiple inheritance with interfaces

TypeScript Compiler and how to modify it for your needs

JavaScript Prototypes and Objects

Prototypical inheritance

Property descriptors

Decorators

Decorator factories

Class decorators

Method decorators

Parameter decorators

Decorators on static members of a class

Property decorators

Multiple decorators and execution sequence

Subtypes and Supertypes

Typecasting

Type widening

Totality

Discriminated unions

Index Accessed types

KeyOff operator

Mapped types

Conditional Types 

Type definitions for third-party libraries

Building a full stack application

Application front-end using – TypeScript with React, Material UI, React Query / Tanstack Query, and Context API.

Application backend REST API using-  TypeScript with NodeJS, TypeORM, and MySql

Why You Should Learn TypeScript
TypeScript is a strongly typed programming language that builds on JavaScript. TypeScript is a superset of JavaScript and can be used along with JavaScript, allowing slow and steady upgradation. TypeScript has been voted the second most loved programming language in the Stack Overflow 2020 Developer survey.

Since the introduction of NodeJS to the community a decade ago, JavaScript has become the most widely used cross-platform programming language. While the size, scope, and complexity of JavaScript programs have grown exponentially, the JavaScript language’s ability to express the relationships between different entities of code has not. The most common errors that programmers make are type errors: a specific type of value was used when a different type of value was expected. This could result from simple typos, a failure to understand a library’s API surface, incorrect assumptions about runtime behavior, or other errors. TypeScript’s goal is to be a static type checker for JavaScript programs.

Apart from providing type checking and strict types, TypeScript comes with a bunch of features that help you to write Object Oriented Code. These features are specific to TypeScript and do not exist in JavaScript.

Who Should Take This Course?

If you are an existing JavaScript developer and want to up your JavaScript game with TypeScript. This course is a perfect fit for you.

If you already have some basic TypeScript knowledge and want to dive deep into advanced concepts. This course is a perfect fit for you.

If you want to learn how to use TypeScript and existing technologies such as React, Material UI, Context API, React Query, Node, and TypeORM. This course will help you learn TypeScript in conjunction with these technologies.

Who Should Not Take This Course?

Since TypeScript is a superset of JavaScript, this course is not for you if you have never worked on JavaScript. You do not need to be an expert at JavaScript but should have some basic knowledge of JavaScript to benefit from this course.

Suppose you are a new programmer looking for your first programming language course. Then this course is not for you. Since TypeScript builds up on JavaScript, some prior knowledge of JavaScript programming is needed to be able to take this course. 

Course Curriculum

Chapter 1: TypeScript Introduction

Lecture 1: WHATS INCLUDED IN THE COURSE

Lecture 2: DEMO OF APP WE BUILD IN THE END

Lecture 3: How To Take Full Advantage Of The Course

Lecture 4: Course Update And Change Log

Lecture 5: What Is TypeScript

Lecture 6: Setup Development Environment

Lecture 7: Setting Up TypeScript Compiler

Lecture 8: How TypeScript Helps You Catch Errors

Lecture 9: Your First TypeScript Program

Lecture 10: Deep Dive into the JavaScript File Generated by TypeScript

Lecture 11: TypeScript Type System

Chapter 2: Primitive Types

Lecture 1: Introduction To Primitive Types

Lecture 2: string, number and boolean

Lecture 3: null and undefined Types

Lecture 4: bigint Type

Lecture 5: symbol Type

Lecture 6: ★ Practice: The Primitive Types ★

Lecture 7: ★Solution: The Primitive Types★

Chapter 3: Exploring TypeScripts Type System

Lecture 1: Introduction To TypeSystem

Lecture 2: any Type

Lecture 3: unknown type

Lecture 4: Type Alias

Lecture 5: Inference, Annotation, Duck Typing and Declaration

Lecture 6: Union Types

Lecture 7: Quick Conditional Types

Lecture 8: Understanding Type Hierarchy

Lecture 9: Type Casting

Lecture 10: ★Practice: Type System★

Lecture 11: ★ Solution: Type System ★

Chapter 4: Objects In TypeScript

Lecture 1: Introduction To Objects

Lecture 2: Working With Objects

Lecture 3: Type Alias For Objects

Lecture 4: Nested Objects

Lecture 5: Index Signatures With Objects

Lecture 6: Optional And Readonly Properties

Lecture 7: Union Types With Objects

Lecture 8: Discriminating Unions

Lecture 9: Intersection Types

Lecture 10: ★Practice: Strictly Type an Object★

Lecture 11: ★Solution: Strictly Type an Object★

Chapter 5: Arrays And Enums

Lecture 1: Introduction To Arrays And Enums

Lecture 2: Strictly Typing Arrays

Lecture 3: Tuples

Lecture 4: Readonly Arrays and Tuples

Lecture 5: Enums

Lecture 6: Enums are Available At Runtime

Lecture 7: Enums Vs Objects

Lecture 8: Computed Enums

Lecture 9: Enums as Unions and Types

Lecture 10: ★Practice: Arrays and Enums★

Lecture 11: ★Solution: Arrays and Enums★

Chapter 6: Functions In TypeScript

Lecture 1: Declaring Functions

Lecture 2: Default and Optional Parameters

Lecture 3: Custom Parameters And Return Types

Lecture 4: Function Call Signatures

Lecture 5: Anonymous Functions

Lecture 6: void and never Types

Lecture 7: Async Functions

Lecture 8: Rest Parameters And Arguments

Lecture 9: Parameter Destructuring

Lecture 10: Introduction to Function Overloading

Lecture 11: Function Overloading In TypeScript

Lecture 12: ★Practice: Functions in TypeScript★

Lecture 13: ★Solution: Functions in TypeScript★

Chapter 7: Generics In TypeScript

Lecture 1: What are Generics

Lecture 2: Generic Function Declarations

Lecture 3: Generic and Constraints With Arrays

Lecture 4: Generics With Objects

Lecture 5: keyof Type Operator

Lecture 6: Generic Default Values

Lecture 7: Implementing A Polymorphic Function

Lecture 8: Problems With Function Overloads

Lecture 9: Using Generics Instead Of Function Overloads

Lecture 10: ★Practice: Implement Map Function★

Lecture 11: ★Solution: Implement Map Function★

Chapter 8: Classes In TypeScript

Lecture 1: What Are Classes

Lecture 2: Running TypeScript In Browser

Lecture 3: Creating First Class And Instance

Lecture 4: Constructor Function

Lecture 5: this Keyword

Lecture 6: Classes as Types

Lecture 7: Optional And Readonly Fields

Lecture 8: Inheritance With Classes

Lecture 9: super Method

Lecture 10: ★ Practice: Classes Exercise 1 ★

Lecture 11: ★Solution: Classes Exercise 1★

Lecture 12: Access Modifiers

Lecture 13: public Members

Instructors

Manik (Cloudaffle)
Passionate Teacher | YouTuber | Full Stack Developer

Rating Distribution

1 stars: 6 votes

2 stars: 11 votes

3 stars: 55 votes

4 stars: 252 votes

5 stars: 537 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!