TypeScript Full Course for Beginners

By Dave Gray | Free Course on YouTube

4.3
(0 ratings)
0 students enrolled
Q
Created by Qasrawii Academy
Last updated 3/2026 EN Beginner 945 min total

What you'll learn

Complete TypeScript tutorial covering types, interfaces, generics, enums, type guards, utility types, classes, and project setup with comprehensive examples.

Course Content

10 sections • 93 lessons • 945m total length

Getting Started

10 lessons
#01 Introduction to TypeScript | TypeScript Basics & Data Types | A Complete TypeScript Course Preview
11:00
#02 Installing & Using TypeScript | TypeScript Basics & Data Types | A Complete TypeScript Course Preview
12:00
#03 Variables in TypeScript | TypeScript Basics & Data Types | A Complete TypeScript Course Preview
11:00
#04 Datatypes in TypeScript | TypeScript Basics & Data Types | A Complete TypeScript Course
14:00
#05 Type Assignment & Type Inference | TypeScript Basics & Data Types | A Complete TypeScript Course
14:00
#06 Object Type in TypeScript | TypeScript Basics & Data Types | A Complete TypeScript Course
15:00
#07 Arrays in TypeScript | TypeScript Basics & Data Types | A Complete TypeScript Course
11:00
#08 Tuples in TypeScript | TypeScript Basics & Data Types | A Complete TypeScript Course
10:00
#09 Enums in TypeScript | TypeScript Basics & Data Types | A Complete TypeScript Course
9:00
#10 The any Type in TypeScript | TypeScript Basics & Data Types | A Complete TypeScript Course
7:00

Fundamentals

10 lessons
#11 Union Type in TypeScript | TypeScript Basics & Data Types | A Complete TypeScript Course
11:00
#12 Literal Type in TypeScript | TypeScript Basics & Data Types | A Complete TypeScript Course
8:00
#13 Understanding Type Alias | TypeScript Basics & Data Types | A Complete TypeScript Course
11:00
#14 Function Return Type | TypeScript Basics & Data Types | A Complete TypeScript Course
8:00
#15 Function as Type | TypeScript Basics & Data Types | A Complete TypeScript Course
12:00
#16 Function Type for Callback | TypeScript Basics & Data Types | A Complete TypeScript Course
8:00
#17 Unknown Type in TypeScript | TypeScript Basics & Data Types | A Complete
7:00
#18 Never Type in TypeScript | TypeScript Basics & Data Types | A Complete TypeScript Course
10:00
#19 Configuring TypeScript Compiler | Configuring TypeScript Compiler | A Complete TypeScript Course
12:00
#20 Including & Excluding Files | Configuring TypeScript Compiler | A Complete TypeScript Course
12:00

Core Concepts

10 lessons
#21 Setting a Compilation Target | Configuring TypeScript Compiler | A Complete TypeScript Course
7:00
#22 Setting Core Lib for TypeScript | Configuring TypeScript Compiler | A Complete TypeScript Course
9:00
23 The allowJs & sourceMap Config Option | Configuring TypeScript Compiler | A Complete TypeScript
7:00
#24 The rootDir & outDir Options | Configuring TypeScript Compiler | A Complete TypeScript
9:00
#25 Prevent Emitting JavaScript Files | Configuring TypeScript Compiler | A Complete TypeScript
7:00
#26 Type Checking Compiler Options | Configuring TypeScript Compiler | A Complete TypeScript
12:00
#27 Code Quality Compiler Options | Configuring TypeScript Compiler | A Complete TypeScript
9:00
#28 Array Destructuring | TypeScript Advance ES6 Features | A Complete TypeScript
11:00
#29 Object Destructuring | TypeScript Advance ES6 Features | A Complete TypeScript
7:00
#30 Spread Operator | TypeScript Advance ES6 Features | A Complete TypeScript
9:00

Intermediate Topics

10 lessons
#31 Rest Pattern & Rest Parameter | TypeScript Advance ES6 Features | A Complete TypeScript Course
8:00
#32 The Nullish Coalescing Operator | TypeScript Advance ES6 Features | A Complete TypeScript
7:00
#33 Optional Chaining | TypeScript Advance ES6 Features | A Complete TypeScript
8:00
#34 Arrow Function | TypeScript Advance ES6 Features | A Complete TypeScript
8:00
#35 Default Function Parameter | TypeScript Advance ES6 Features | A Complete TypeScript Course
8:00
#36 An Overview of OOP | TypeScript Classes & Interface | A Complete TypeScript Course
10:00
#37 Creating & Using a Class | TypeScript Classes & Interface | A Complete TypeScript Course
12:00
#38 Methods of a Class | TypeScript Classes & Interface | A Complete TypeScript Course
9:00
#39 Access Modifiers | TypeScript Classes & Interface | A Complete TypeScript Course
10:00
#40 Shorthand Property Initializer | TypeScript Classes & Interface | A Complete TypeScript Course
7:00

Advanced Concepts

10 lessons
#41 Readonly Property | TypeScript Classes & Interface | A Complete TypeScript Course
7:00
#42 Understanding Inheritance | TypeScript Classes & Interface | A Complete TypeScript Course
15:00
#43 Method Overriding & Protected Modifier | Classes & Interface | A Complete TypeScript Course
7:00
#44 Getter & Setter Methods | TypeScript Classes & Interface | A Complete TypeScript Course
14:00
#45 Static Methods & Properties | TypeScript Classes & Interface | A Complete TypeScript Course
13:00
#46 Abstract Class | TypeScript Classes & Interface | A Complete TypeScript Course
13:00
#47 Private Constructor & Singleton Pattern | Classes & Interface | A Complete TypeScript Course
9:00
#48 What is an Interface | TypeScript Classes & Interface | A Complete TypeScript Course
17:00
#49 Readonly & Optional Property in Interface | Classes & Interface | A Complete TypeScript Course
10:00
#50 Extending Interface | TypeScript Classes & Interface | A Complete TypeScript Course
9:00

Projects & Practice

10 lessons
#51 Using interface as Function Type | TypeScript Classes & Interface | A Complete TypeScript Course
8:00
#52 Intersection Type in TypeScript | Advanced Types in TypeScript | A Complete TypeScript Course
13:00
#53 Type Guards in TypeScript | Advanced Types in TypeScript | A Complete TypeScript Course
17:00
#54 Discriminated Union | Advanced Types in TypeScript | A Complete TypeScript Course
9:00
#55 Type Casting | Advanced Types in TypeScript | A Complete TypeScript Course
9:00
#56 Index Properties | Advanced Types in TypeScript | A Complete TypeScript Course
10:00
#57 Function Overloading | Advanced Types in TypeScript | A Complete TypeScript Course
6:00
#58 What are Generics | Advanced Types in TypeScript | A Complete TypeScript Course
12:00
#59 Creating a Generic Function | Advanced Types in TypeScript | A Complete TypeScript Course
11:00
#60 Working with Constraints | Advanced Types in TypeScript | A Complete TypeScript Course
5:00

Deep Dive

10 lessons
#61 The keyOf Constraint | Advanced Types in TypeScript | A Complete TypeScript Course
7:00
#62 Creating a Generic Class | Advanced Types in TypeScript | A Complete TypeScript Course
17:00
#63 Generic vs Union Type | Advanced Types in TypeScript | A Complete TypeScript Course
11:00
#64 Partial & Readonly Generics | Advanced Types in TypeScript | A Complete TypeScript Course
11:00
#65 Expense Tracker Project: An Overview | Expense Tracker Project | A Complete TypeScript Course
5:00
#66 Reading Form Data from UI | Expense Tracker Project | A Complete TypeScript Course
19:00
#67 Creating a List of Expense | The Expense Tracker Project | A Complete TypeScript Course
4:00
#68 Display Expense in UI | Expense Tracker Project | A Complete TypeScript Course
11:00
#69 Designing Expense Object | Expense Tracker Project | A Complete TypeScript Course
6:00
#70 Calculate Expense Balance Amount | Expense Tracker Project | A Complete TypeScript Course
9:00

Expert Level

10 lessons
#71 Delete an Expense Item | Expense Tracker Project | A Complete TypeScript Course
12:00
#72 What is a Decorator | Decorators in TypeScript | A Complete TypeScript Course
8:00
#73 Decorator Factory | Decorators in TypeScript | A Complete TypeScript Course
5:00
#74 Creating another Decorator | Decorators in TypeScript | A Complete TypeScript Course
10:00
#75 Using Multiple Decorators | Decorators in TypeScript | A Complete TypeScript Course
6:00
#76 Property Decorator | Decorators in TypeScript | A Complete TypeScript Course
13:00
#77 Accessor Decorator | Decorators in TypeScript | A Complete TypeScript Course
14:00
#78 Method & Parameter Decorator | Decorators in TypeScript | A Complete TypeScript Course
10:00
#79 When a Decorator is Executed | Decorators in TypeScript | A Complete TypeScript Course
5:00
#80 Returning a Class from Decorator | Decorators in TypeScript | A Complete TypeScript Course
13:00

Mastery

10 lessons
#81 Validation Decorator | Decorators in TypeScript | A Complete TypeScript Course
13:00
#82 Implement Validate Function | Decorators in TypeScript | A Complete TypeScript Course
31:00
#83 Namespace & ES6 Modules | Namespace & ES6 Modules | A Complete TypeScript Course
8:00
#84 Working with Namespaces | Namespace & ES6 Modules | A Complete TypeScript Course
16:00
#85 Organizing Files in Folders | Namespace & ES6 Modules | A Complete TypeScript Course
5:00
#86 Working with ES6 Modules| Namespace & ES6 Modules | A Complete TypeScript Course
12:00
#87 Different Import & Export Syntax | Namespace & ES6 Modules | A Complete TypeScript Course
10:00
#88 Introduction to Webpack | Introduction to Webpack & Bundling | A Complete TypeScript Course
7:00
#89 Installing Webpack & Dependencies | Introduction to Webpack | A Complete TypeScript Course
8:00
#90 Creating a Webpack Config File | Introduction to Webpack | A Complete TypeScript Course
8:00

Final Projects

3 lessons
#91 Adding TypeScript Support to Webpack | Introduction to Webpack | A Complete TypeScript Course
11:00
#92 Using Webpack Dev Server | Introduction to Webpack | A Complete TypeScript Course
9:00
#93 Adding Workflow for Production | Introduction to Webpack | A Complete TypeScript Course
10:00

Description

Complete TypeScript tutorial covering types, interfaces, generics, enums, type guards, utility types, classes, and project setup with comprehensive examples.

Original course by Dave Gray. Curated and organized for optimal learning on Qasrawii LMS.

Requirements

  • A computer with internet access
  • Willingness to learn

Student Reviews

No reviews yet. Be the first to share your experience!

Preview this course
Free Open Access

This course includes:

93 lessons
945 minutes of content
Beginner level
EN
Full lifetime access
Certificate of completion