Learn TypeScript – Full Tutorial

Learn how to program with TypeScript in this full course for beginners. TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. TypeScript provides better error checking than JavaScript. This is because TypeScript uses a static type system, which means that the type of a variable is checked before the code is executed.

⭐️ Contents ⭐️
⌨️ (0:00:00) Why to learn TypeScript
⌨️ (0:07:08) TypeScript is not what you think
⌨️ (0:15:25) How to install TypeScript
⌨️ (0:27:33) Your first intro to TypeScript docs
⌨️ (0:39:21) Number, boolean, and type inference
⌨️ (0:39:21) Number, boolean, and type inference
⌨️ (0:46:52) Don't use ANY
⌨️ (0:51:30) Do you really know functions
⌨️ (1:02:55) A better way to write function
⌨️ (1:15:38) Bad behavior of objects
⌨️ (1:25:14) Type Aliases
⌨️ (1:32:28) READONLY and optional
⌨️ (1:42:13) Array
⌨️ (1:50:03) Union Types in TS
⌨️ (2:04:46) Tuples
⌨️ (2:14:33) Enums
⌨️ (2:24:03) interface
⌨️ (2:33:52) Interface vs Type
⌨️ (2:39:08) How to setup Typescript for real projects
⌨️ (2:53:44) Classes
⌨️ (3:02:06) Private Public
⌨️ (3:08:12) Getters and Setters
⌨️ (3:15:25) Protected
⌨️ (3:19:34) Why Interface is important
⌨️ (3:26:05) Abstract class
⌨️ (3:35:36) Generics
⌨️ (3:47:58) Generics in Array and Arrow functions
⌨️ (3:56:07) Generic Classes
⌨️ (4:07:16) Type Narrowing
⌨️ (4:17:04) The in operator narrowing
⌨️ (4:22:17) Instanceof and Type Predicates
⌨️ (4:31:35) Discriminated Union and Exhaustiveness Checking with never
⌨️ (4:42:54) TypeScript End

🎉 Thanks to our Champion and Sponsor supporters:
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Erdeniz Unvan
👾 Justin Hual
👾 Agustín Kussrow
👾 Otis Morgan

--

[HiteshChoudharydotcom]

Thanks for sharing the video. Feel free to ask any doubt here, I will try to answer them. Also, I am on my way to contribute more videos to #freecodecamp
Stay tuned

[hamsitava]

After this course I learned that 70% of viewers are not subscribers and we shall hit the subscribe button. Thank you Hitesh <3

[prakashaspanaroma]

🎯 Key Takeaways for quick navigation:

00:00 📖 Introduction to the TypeScript Tutorial Series
01:21 🧐 Understanding TypeScript's Place in the Ecosystem
02:17 🚀 Diving Deep into TypeScript Characteristics
03:37 💡 The Importance of TypeSafety in TypeScript
04:59 🔍 TypeScript and TypeSafety
06:46 🎢 Beginning the TypeScript Journey
07:42 🛠️ Understanding TypeScript's Core Functionality
09:30 🖥️ TypeScript's Role in Development
10:52 🔄 Conversion of TypeScript to JavaScript
11:50 🧰 TypeScript as a Development Tool
15:23 📘 The Importance of Hands-On Learning
16:23 🖥️ Installing TypeScript System-Wide
17:45 🔧 TypeScript Installation Steps
20:57 🚀 Running TypeScript with TSC Command
21:55 🎯 Setting Up the Development Environment
22:18 ✍️ Basic TypeScript Syntax
24:11 🔧 Compiling TypeScript to JavaScript
26:03 ⚙️ TypeScript Configuration & Playground
27:19 🎓 Emphasis on Documentation & Learning Pace
28:42 📊 Understanding TypeScript Types
29:58 🚫 The Use of "any" in TypeScript
31:25 📚 TypeScript Documentation Exploration
32:19 🤝 TypeScript's Role in Collaboration
34:04 💡 TypeScript Syntax Basics
35:55 🔧 TSC Compilation and Handling Errors
36:52 🚫 Ensuring Data Type Consistency with TypeScript
37:41 🧐 Importance of Reading Documentation
38:34 🖊️ Writing and Understanding TypeScript Code
40:26 💡 Dive into Number Data Type in TypeScript
43:16 🛑 Avoiding Over-Annotation in TypeScript
44:11 🧠 TypeScript's Type Inference Mechanism
46:03 📖 TypeScript Syntax and Best Practices
46:56 ⚠️ Misuse of the "any" Keyword in TypeScript
48:21 📚 Official TypeScript Documentation on "any"
50:35 🚫 Avoiding "any" for Robust TypeScript Coding
51:30 🧐 Proper Use of Functions in TypeScript
52:26 📝 Basics of Function Creation and Error Handling
54:41 🚫 Avoiding Inaccurate Type Annotations
56:29 🔄 Converting Data Types within Functions
57:25 ✍️ User Signup Function Demonstration
57:51 🚦 Sign-Up Function Parameters and Types
59:44 🖊️ Login Function and Default Parameters
01:02:05 🔍 Ensuring Accurate Return Values
01:03:25 🌐 TypeScript Philosophy and Application
01:04:49 🛠️ Annotating Return Types in Functions
01:06:33 🔁 Understanding Multiple Return Types
01:07:58 🔄 Looping through Arrays with Map
01:11:10 📚 Redirecting to Documentation for Advanced Functions
01:12:06 ⚠️ Specifying Return Types: Void and Never
01:15:37 🧩 Odd Behaviors in TypeScript
01:16:34 📜 Objects in TypeScript
01:19:10 🛠️ Function Definitions & Object Exports
01:20:59 🔄 Functions Returning Objects
01:22:52 🤔 Odd Behaviors & Object Handling
01:25:11 📜 Type Aliases Introduction
01:26:36 👥 Using Type Aliases for User Data
01:28:49 📖 Documentation & Practical Usage
01:32:21 🔍 Quirky Behaviors & Specific Keywords
01:34:33 🚫 `read only` and Optional Properties in TypeScript
01:39:08 🔄 Combining Multiple Types
01:42:18 📋 Understanding Arrays in TypeScript
01:42:46 🌐 Defining Arrays in TypeScript
01:48:48 📖 TypeScript Array Documentation Review
01:50:12 🤝 Introduction to Union Types
01:50:38 🎤 Importance of Contextual Understanding
01:51:06 🤹‍♂️ Introduction to Union Types in TypeScript
01:53:24 🎥 Subscriber Engagement and Advanced Union Usage
01:58:56 🔍 Union Narrowing & Type Checking
02:00:44 📊 Union Types in Arrays and Classic Mistakes
02:04:46 🧩 Introduction to Tuples
02:07:03 📜 Restricting Array Order with Tuples
02:10:17 💡 Practical Implementation and Caution
02:14:20 🚩 Introduction to Enums
02:14:49 🎯 Enums: Definition and Basics
02:17:11 ⚙️ Implementing Enums in TypeScript
02:20:15 🔄 Enum Value Interpretation
02:22:24 🔄 Use of `const` with Enums
02:23:44 👤 Introduction to Interfaces
02:28:16 📜 Methods in Interfaces
02:30:09 🔖 Defining Methods in Interfaces
02:33:17 🖥️ Understanding the Role of Interfaces
02:34:14 🚀 Extending Interfaces & Inheritance
02:37:51 📚 Distinction between Type and Interface
02:39:16 🛠️ TypeScript in Production
02:41:08 🚀 Setting Up TypeScript for Projects
02:45:40 ⚙️ TypeScript Compilation Configuration
02:47:54 🌐 Using Live Server for TypeScript Projects
02:52:02 🎨 Styling and Further TypeScript Discussion
02:53:51 🌌 Introduction to Advanced TypeScript Use
02:54:45 🎓 Creating Classes in TypeScript
02:57:26 🔒 Using TypeScript for Data Safety
03:00:46 🛡️ Read-only Properties in TypeScript Classes
03:02:12 📌 Advanced TypeScript Concepts
03:03:08 🔐 Modifiers in TypeScript
03:07:40 🚀 Getters and Setters in TypeScript
03:09:58 📝 Setters in TypeScript
03:13:40 🚫 Private Methods in TypeScript
03:15:28 🔒 Access Modifiers and Inheritance in TypeScript
03:17:46 🖼️ Additional Class Properties in TypeScript
03:19:52 📐 Interfaces in TypeScript Explained
03:23:57 📹 Extending Interfaces for Additional Features
03:26:06 📜 Introduction to Abstract Classes in TypeScript
03:29:15 🖥️ Practical Implementation of Abstract Classes
03:33:18 🚀 Advanced Features of Abstract Classes
03:34:15 🔄 Abstract Classes Recap and Method Overwriting
03:35:41 🔗 Introduction to Generics in TypeScript
03:38:23 📖 Generics in Practical Coding and Documentation
03:42:21 🛠️ Differentiating Generics from Any in TypeScript
03:45:33 🍾 Creating and Implementing Custom Generics
03:47:48 📘 Diving Deeper into Generics and Arrow Functions
03:50:09 🔍 Basics of Defining Generics in TypeScript
03:52:47 🔄 Arrow Functions and Generics in TypeScript
03:55:29 📘 Distinguishing Generics Syntax in Codebases
03:56:20 🏛️ Deep Dive into Generics and its Constraints
03:57:49 📜 Using `extends` Keyword in TypeScript
04:01:28 📁 Database Interface and Generic Constraints
04:02:45 🎓 Selling Courses and Quizzes: Class Types in Generics
04:05:51 🛍️ Generic Class for Handling Products
04:07:12 📘 Business Case Logic vs Traditional Problems/Solutions
04:09:32 🚧 Cautionary Tales in TypeScript
04:14:26 📚 Understanding Type Guards
04:17:09 🔍 Advanced Type Narrowing Techniques
04:22:16 📉 More on Type Narrowing
04:22:45 🎯 Narrowing TypeScript Types
04:25:27 🐟 Using Type Predicates in TypeScript
04:29:33 🔄 Type Coercion and Identification
04:30:56 📄 Documentation-Based Learning
04:31:50 ⚙️ Tight Narrowing - Final Steps
04:37:10 🔄 Never Type & Exhaustive Checks
04:39:39 📚 Advanced TypeScript Concepts
04:42:55 🏁 Concluding the TypeScript Series

Made with HARPA AI

[burhanuddinlokhandwala]

Thank you @Hitesh for creating a very easy-to-understand course. This is the 1st time I have seen approx 5 hours video tutorial and have not skipped a single part. This was on my todo watchlist for a very long time.

[manomancan]

What an amazing teacher, honestly. So eloquent and to the point.

[alphadnu]

Yes! We can push elements to read-only properties having type array; because arrays are not explicitly represented, but only by their memory address. So, technically we are not changing the memory address of array by pushing elements inside it, and READONLY still validates upon the address of the array.

[jamesmou]

One of the best comprehensive tutorials I have watched in Youtube!

[paulyaokudaya]

I was having difficulty grasping the basics from other sites. I am glad to have stumbled upon this. Super progressive explanations

[shamimara]

The flow of the tutorial was really great. Each topic is discussed very appropriately. And the approach to make the people read documentation is splendid and seen for the first time any instructor emphasizing upon it.

Looking forward to a similar comprehensive course on Next.js and prerequisite for it from the same instructor if possible.

[HimanshuKumar-hpvj]

At 2:41:44 what extension did you use in the terminal to get such snippets? Anyone knows?

[francismaina]

Just finished the tutorial. Hitesh is a wonderful teacher. I enjoyed from start to finish. I would definitely recommend this tutorial to anyone looking to not only understand Typescript, but also how to read and understand documentations.

[praveshgupta]

I was wanting to start learning typescript. Randomly I started today anyway and from google then freecode got over there and started with the course. 1/3rd is done. Great until now and will resume. I noticed that this was uploaded just a day ago so I believe my luck wanted me to wait so that I can learn from you. Thanks

[jeromemanceau]

Thank you so much Hitesh! Amazing tutorial, to the point, as it should be! 👏👏

[MuhammadFaiz-nruu]

Enums stands for Enumerations. Enums are a new data type supported in TypeScript. It is used to define the set of named constants, i.e., a collection of related values. TypeScript supports both numeric and string-based enums

[shashanksams]

I've been thinking about learning it since many weeks and you guys released it at the right time 😍

[gulraizcodes]

Damn. Back in the days when I was learning coding I learned alot of Hitesh. Thank you very much for the helpful content. Time to learn TypeScript from this chad again. ✨

[Viralvlogvideos]

Hitesh Choudhary is one of my favorite teachers who makes complex topics into simple. Great to see Hitesh here 😃

[stocksandbeyond]

i have completed this series today within 4-5 days and gained lot of knowledge required to get start with typescript thanks hitesh sir for the helpful knowledge it was a great run

[jonnicholson]

This was an amazing tutorial - really enjoyed it from start to finish. Thanks Hitesh!

[christianantony]

just finished. good course. he's a great teacher. now im gonna go do a bigger tutorial that uses this stuff.