Complete Typescript in under 5 hours

Welcome to a youtube channel dedicated to programming and coding related tutorials. We talk about tech, write code, discuss about cloud and devops. That’s what we do all day, all year. We roll out a lot of series and videos on our channel.
All the learning resources such as code files, documentations, articles and community discussions are available on our website:
chaicode.com/
You can find our discord link, github link etc on the above website.
Twitter/X link: x.com/hiteshdo...
Discord link: hitesh.ai/discord
Learn React with 10 projects: • Let's learn react from...
Learn Docker: • A practical guide on D...
Learn Kubernetes: • Complete Kubernetes Co...
How does a browser works: • How does a browser wor...
How nodejs works: • How node JS works | En...
Learn Redux-toolkit: • Learn Redux Toolkit in...
Learn NextJS: • Nextjs Full stack course
Learn Typescript: • Why to learn Typescript
Learn Javascript: • Welcome to new JavaScr...
Learn React Native: • React Native Mastery: ...
Learn Zustand: • React state management...
Learn Golang: • How to get started wit...

[@HiteshCodeLab]

Took a lot of time to write these. Please subscribe. Github Repo: github.com/hiteshchoudhary/typescript-youtube-22 00:00:00 - 00:06:51 - Why to learn typescript 00:06:51 - 00:15:08 - Typescript is not what you think 00:15:08 - 00:27:16 - How to install typescript 00:27:16 - 00:39:04 - Your first intro to typescript docs 00:39:04 - 00:46:35 - Number, boolean and type inference 00:39:04 - 00:46:35 - Number, boolean and type inference 00:46:35 - 00:51:13 - Don't use ANY in typescript 00:51:13 - 01:02:38 - Do you really know functions in typescript 01:02:38 - 01:15:21 - A better way to write function in typescript 01:15:21 - 01:24:57 - Bad behaviour of objects in typescript 01:24:57 - 01:32:11 - Type Aliases in Typescript 01:32:11 - 01:41:56 - READONLY and optional in typescript 01:41:56 - 01:49:46 - Array in Typescript 01:49:46 - 02:04:29 - Union Types in TS 02:04:29 - 02:14:16 - Tuples in typescript 02:14:16 - 02:23:46 - Enums in typescript 02:23:46 - 02:33:35 - interface in typescript 02:33:35 - 02:38:51 - Interface vs Type in typescript 02:38:51 - 02:53:27 - How to setup Typescript for real projects 02:53:27 - 03:01:49 - Classes in typescript 03:01:49 - 03:07:55 - Private Public in Typescript 03:07:55 - 03:15:08 - Getters and Setters in typescript 03:15:08 - 03:19:17 - Protected in Typescript 03:19:17 - 03:25:48 - Why Interface is important in typescript 03:25:48 - 03:35:19 - Abstract class in Typescript 03:35:19 - 03:47:41 - Generics in Typescript 03:47:41 - 03:55:50 - Generics in Array and Arrow functions in Typescript 03:55:50 - 04:06:59 - Generic Classes in Typescript 04:06:59 - 04:16:47 - Type Narrowing in typescript 04:16:47 - 04:22:00 - The in operator narrowing 04:22:00 - 04:31:18 - Instanceof and Type Predicates 04:31:18 - 04:42:37 - Discriminated Union and Exhaustiveness Checking with never 04:42:37 - 04:46:07 - Typescript End

[@mayurpatil5872]

Make one more 5+ hours video on projects using typescript 💯

[@gayergawana7393]

Hitesh, you really posted a good course here so far👍👍

[@qaghan.]

Thank you

[@nikhilupadhyay4191]

Yes, we can push inside the _id if it is an array because the array is concerned with its reference and not the values present inside it here even if you push some values inside it the reference will remain the same .

[@balajiprabhu008]

I usually don’t finish long tutorials, but this is the first video I’ve ever completed-and I did it in just two days. You made the content so interesting and easy to follow. Thanks for all the effort you put into it! 💙

[@cristiandumitriu1245]

I need to say that after watching the entire almost 5 hours tutorial it is one of the best and I can't wait tomorrow to start writing and applying everything I have learned. Thank you very much.

[@awesome-kartikey]

1:36:17 In TypeScript, if an array is declared as readonly, you cannot use the push method to add new elements to it. This is because the readonly modifier prevents any modifications to the array. Instead, you can use the spread operator (...) to create a new array with the additional elements, like this: TypeScript let arr: readonly number[] = [1, 2, 3]; arr = [...arr, 4, 5]; // creates a new array [1, 2, 3, 4, 5] Note that this creates a new array, rather than modifying the original one.

[@pryansh_]

2:14:40 , its enumerations and it means calling/naming one by one and this is actually what happens when we define an enum, we simply name the props we want this new custom data_type (for say) to have

[@pratikbidve8316]

The best coding teacher on Internet! Thanks Hitesh Sir! Great tutorial! Great Human with Great Attitude.

[@pratikbidve8316]

It's so annoying for those whole subscribed already!

[@kmahendra6691]

if you are from odisha hit likes 00:00:00 - 00:06:51 - Why to learn typescript 00:06:51 - 00:15:08 - Typescript is not what you think 00:15:08 - 00:27:16 - How to install typescript 00:27:16 - 00:39:04 - Your first intro to typescript docs 00:39:04 - 00:46:35 - Number, boolean and type inference 00:39:04 - 00:46:35 - Number, boolean and type inference 00:46:35 - 00:51:13 - Don't use ANY in typescript 00:51:13 - 01:02:38 - Do you really know functions in typescript 01:02:38 - 01:15:21 - A better way to write function in typescript 01:15:21 - 01:24:57 - Bad behaviour of objects in typescript 01:24:57 - 01:32:11 - Type Aliases in Typescript 01:32:11 - 01:41:56 - READONLY and optional in typescript 01:41:56 - 01:49:46 - Array in Typescript 01:49:46 - 02:04:29 - Union Types in TS 02:04:29 - 02:14:16 - Tuples in typescript 02:14:16 - 02:23:46 - Enums in typescript 02:23:46 - 02:33:35 - interface in typescript 02:33:35 - 02:38:51 - Interface vs Type in typescript 02:38:51 - 02:53:27 - How to setup Typescript for real projects 02:53:27 - 03:01:49 - Classes in typescript 03:01:49 - 03:07:55 - Private Public in Typescript 03:07:55 - 03:15:08 - Getters and Setters in typescript 03:15:08 - 03:19:17 - Protected in Typescript 03:19:17 - 03:25:48 - Why Interface is important in typescript 03:25:48 - 03:35:19 - Abstract class in Typescript 03:35:19 - 03:47:41 - Generics in Typescript 03:47:41 - 03:55:50 - Generics in Array and Arrow functions in Typescript 03:55:50 - 04:06:59 - Generic Classes in Typescript 04:06:59 - 04:16:47 - Type Narrowing in typescript 04:16:47 - 04:22:00 - The in operator narrowing 04:22:00 - 04:31:18 - Instanceof and Type Predicates 04:31:18 - 04:42:37 - Discriminated Union and Exhaustiveness Checking with never 04:42:37 - 04:46:07 - Typescript End

[@HiteshCodeLab]

Thanks for this. Can you please help same for cpp video?

[@surajagrawal7980]

38:43 - typescript types-> string, boolean, number, array, any, object, union, literal, null, undefined, enums

[@ujjawalchatterjee7586]

Completed the whole video. It took me 3 days to complete this but it was worth it. Thanks for posting this.

[@HiteshCodeLab]

Happy to help, Took me months to create this playlist

[@ujjawalchatterjee7586]

@@HiteshCodeLab These videos get less views but are so important. People get carried away with 50LPA clickbait videos.

[@_hugo_cruz]

Excellent video bro. I loved it and it helped me to eliminate certain doubts. Thank you very much. When do you do a complete and practical React project with typescript?

[@rakeshshaw6530]

nice learning experience with this playlist and thank you so much sir, for making a separate video of typescript.

[@ganeshkolase7203]

Hi Hitesh, You explain these concepts so well man ❤, I really want to learn that too(communication and soft skills). Can you please make a course on that too?🙂

[@bm9code]

1:36:21 Because we are storing an address of array's first value, technically we are not changing the array address when we push or pop elements from array

[@lovelylatin8357]

Please make a complete video aswell for react testing like this one, i loved to follow a complete series like this, thanks hitesh 👍

[@adityasharmaa15]

My man Hitesh, thank you for taking out time for making this course. This is timeless.

[@faisalahmadi3470]

I know many programming languages, more than 10, almost every popular language. I would just say that Type is very very important. My favorite language is Java and it has a wide range of type declaration. Now i finally love javascript with Typescript. Without Typescript will javascript very buggy and will waste too much time to find a small error. I think, typescript is a must because it really helps.

[@nikakondra5321]

Thank you so much for this course! Tried other ones but this was the most interesting and enjoyable so far!

[@anandshinde0358]

01:36:35 Q] if id would be array. can we push values to array in case of READONLY? ans: yes we push value in array

[@guddubhaiyathikanamirzapur4079]

Your teaching is of a different level... I love the way you explain things..thanks for this awesome video sir

[@SumanPokhrel0]

Took 10+ Days but finished indeed. Thank you sir for this amazing course.

[@mayurpatil5872]

It will be great if you put timeline in description ❤️

[@HiteshCodeLab]

Working on it, it will be available soon

[@ruturajjadhav8905]

@@HiteshCodeLab you can create segments

[@gayergawana7393]

@@HiteshCodeLab thanks you did👍👍

[@sundeeep]

Hi Hitesh, We have watched your TYPESCRIPT series. And, It will be very nice, If you will have showed us "How we use TYPESCRIPT in real-world APPLICATIONS and frameworks like REACT, and server-side as well like when writing the EXPRESS js, SO that, we can do the projects using TYPESCRIPT by replacing JAVASCRIPT. So, please share with us the small chunks of projects in REACT AND EXPRESS in your content. Thank YOU!

[@Aitool-r3q]

Finally, I completed this entire series. thank you so much for a great explanation 😍👍

[@ranjanrnj6864]

Hi Hitesh, Thank you for giving this great detailed course. I not only found this course useful, the takeaway was how to read the document and make hands-on all along the way 😇👍

[@HiteshCodeLab]

Thanks

[@edwinroman30]

Thank for sharing this fundational content Hitesh, I hope you get the 1M subcribers in this year and wish u all my best dear teacher!

[@rushlive]

coming from java, kotlin and dart, it is easier to directly learn Typescript first (without learning javascript). It is kinda like Kotlin syntax which is superb.

[@abhishekchaudhary8965]

Please let me know the font family you are using in vs code ? It looks good. 😊 Great tutorial, watched upto end.

[@ΙωάννηςΛαμπρόπουλος-γ6ν]

Thank you Hitesh! Perfect as always.

[@amruthavs2851]

Thank you Hitesh for great content. You are really good at teaching. I wish you get a million subscribers soon. Cheering your channel. Good luck.

[@rahularora1079]

Sir did you add project in this video ? So that we can get better understanding of typescript concepts like interfaces, generics etc

[@chandipen]

Hi Hitesh sir, it was a extremely excellent tutorial and was really helpful. There was a minor issue at 1:58:52. As it is a function, just adding `return` resolves the error.

[@HiteshCodeLab]

Thanks for pointing it out. It helps

[@ji_02k]

One of the best video on typescript ranked number 1 as per me. Thank You so much sir for making ease and every concept as buttery . Thank you so muchhhhhhhhh.......................

[@samiullahsaleem]

Thank you so much for this course! I just complete this whole Typescript Series.

[@kunaldev5274]

Best Course. Thanks for giving us your valuable time

[@RamGamer0007]

Hnji hum idhar bhi aa Gaye to learn something new 👍👍

[@chandrasubhashinithakran8323]

JavaScript ✅ React✅ Typescript ✅ Thank you for valuable series

[@coolwithsaquibaquib]

@1:36:24 Yes we can push value inside the read-only ids array

[@siddharth7261]

Okay

[@a28mohiteaayush19]

Thank you so much for this amazing series!

[@sonvir249]

Thank you so much for creating this course with great details. It was awesome and simple to udnerstand.

[@cryptogita8699]

Yes , we can push elements in array if _id is an array type

[@yashnirmal7432]

2days ago I was thinking of typescript, but couldn't found a course. Now here we go

[@dharmadurai.m9218]

Hi Hitesh I have one question 1:24:45 at the moment you did not mention type for that parameters in createuser function, you just provide the alias for parameter that's why it is not through any error. Please correct me if I am wrong.

[@anilkumarmootha3738]

Wonderful tutorial Hiteshji 🙏🙏🙏

[@ilksenbozok4558]

Your way of explaining was very good. Thank you for this tutorial. 👏

[@VishalSharma-rn7mt]

This is best typescript tutorial on KZbin, thank you Sir.

[@HiteshCodeLab]

Thanks

[@kalush81]

Hey Hitesh, I really like the way you are teaching. Glad to find you. I have one suggestion regarding 1:58. Typescirpt is yelling at you because you forgot to "return: id.toLowerCase()" TS could not correctly infer return value so it assumed it will be still "string | number" so we can not apply + operator :) You may consider to update that scene :) Greetings

[@awesome-kartikey]

2:23:40 The full form of enum in TypeScript is "Enumerated Type". Here's an example of using an enum in TypeScript: TypeScript // Define an enum enum Day { Sunday, Monday, Tuesday, Wednesday, Thursday, Friday, Saturday } // Use the enum let today: Day = Day.Sunday; console.log(today); // Output: 0 // Use the enum in a switch statement switch (today) { case Day.Sunday: console.log('Today is Sunday'); break; case Day.Monday: console.log('Today is Monday'); break; default: console.log('Today is another day'); } // Use the enum with a string value enum Color { Red = 'red', Green = 'green', Blue = 'blue' } let favoriteColor: Color = Color.Green; console.log(favoriteColor); // Output: green In this example, we define two enums: Day and Color. The Day enum has numeric values, while the Color enum has string values. We then use the enums to declare variables, log messages, and handle different cases in a switch statement. Note that enums can also be used as a type annotation to restrict the type of a variable or property: TypeScript let day: Day = Day.Sunday; In this case, the day variable can only be assigned a value from the Day enum.

[@_sharmaji.dev_]

timestamps or index would be great, sir🙌

[@_Hero_24]

feels like i am gonna master TypeScript here only !!

[@jasonappiatumusic6955]

Hi Hitesh, thank you very much for this tutorial. The presentation was awesome and simple to understand😀

[@enochauston4068]

You deserve payment, yet your crash courses are knowledge source for the beginners!! KZbin Thanks.

[@mdfaiyazrizwee1756]

Firstly thank u for the course. Sir at 2:12:23 newUser is following type User but you have written newUser[1] instead of newUser[0] that's why not giving an Error.

[@mdfaiyazrizwee1756]

May be now it is settled

[@MDImran-fv5ov]

thanks sir take love from Bangladesh 🇧🇩🇧🇩🇧🇩

[@nurnabi3813]

I like the way you teach and speak, you are lovely.

[@_YuvrajChauhan]

Types: (1) String (2) Number (3) Boolean (4) Array (5) Any (6) Object (7) Union (8) Literal (9) null (10) undefined Thanks :)

[@sundeeep]

In React js, How can we write TYPESCRIPT and use that in HOOKS like usState, and useEffect, Can we write Interfaces, Please cover all these topics in your future content. Thank you.

[@YasirAli-lk7dd]

Thanks you so much sir so making amazing content i have no words to your hard work keep making amzing content again thanks alot for this video alot love and respect from karachi pakistan thank you so much

[@himats7195]

Hello ,I need to learn typescript and playwright automation. How much javascript depth is required? Thank you 🙏

[@prabhanshugupta9361]

while I am trying to understand the documentation of anything I thought about how they understand that, is there any approach to reading the documentation ? or we are lacking the experience.

[@jesussheepakash9289]

Amazing video sir , Sir you have any Hindi channel for programming ...

[@mtomking5371]

thanks for this one sir love you from bangladesh..❤❤❤

[@sakoherman5375]

Hitesh you are the best dude,keep it up please thank you🙏

[@kavinderpanwar1434]

This tutorial is helping me alot in knowing typescript

[@HiteshCodeLab]

Thanks

[@sapak7149]

Thank your sir, impressive way of teaching

[@mayurpatil5872]

Waiting for this video to hit 1 million vies 💯

[@HiteshCodeLab]

That’s not happening anytime soon😂

[@anuragchindaliya]

1:36:16 Readonly throw error on array and tuple mutation function foo(arr: readonly string[]) { arr.slice(); // okay arr.push("hello!"); // error! }

[@abhishh1260]

13:36 Here I almost cried thought my laptops life is done.

[@prikshitverma3885]

hi Hitesh, Can you please explain why you have added export{} at the end of code to remove errors from code.I did not get it

[@saurabhbisht3714]

What about typescript utility like Partial, Required, Pick, Readonly and Omit

[@samiullahsaleem]

Yes! We can push values in read only array. This is weird. What's the solution?

[@zakariyyaraji9579]

Hi please what keyboard is that on your desk if i may ask, thanks ?

[@Amvflix7]

So nicely explained. Thank you Sir🙏

[@HiteshCodeLab]

Most welcome

[@darknight2215]

Thanks man .. Yesterday thinking about it, to buy that course now it's free 😂

[@mritunjaysharma4852]

Best quality. Really helpful

[@somnathjana5128]

hey @Hitesh can you Do like this with GCP. That will be very grateful.Thanks

[@ajayrabari433]

Thanks for the video sir.

[@cbbcbb6803]

Skip the introductory. Just start right in with installation and hands on tutorials.

[@rajmaidu5157]

Thanks Hitesh this would help a lot👍

[@skum8419]

Could you please do a video for Cypress as well as GraphQL in Cypress?

[@dsaa2z]

Great Content!

[@hendoitechnologies]

post video about how to finetune ChatGPT Model for specific usecase with website or mobile integration to work as customer care chatbot....

[@Mohit_Q]

01:02:38 - 01:15:21 - A better way to write function in typescript

[@ninja-gh]

Quality of video is awesomeness 🔥

[@HiteshCodeLab]

Thanks

[@riteshpatil6104]

You are a legend sir!!

[@ferris194]

What VSC Theme are you using?

[@MrRawat-yd9dt]

Wow, great sir 👏👏👏👍 but i think you forgot to put those KZbin timestamp thingy so we can refer back to a particular topic in this long video.

[@HiteshCodeLab]

Just did that

[@ak27129]

1:43:22 my online TS compiler doesnt give me error for this operation, I was even able to console.log the value and got spiderman correctly, Is this some new update?

[@amanpandey9039]

correction.. Javascript is the superset of typescript. Typescript is the subset of javascript.

[@kjbassu]

please check your work TS is superset of JS because most of the features that offered by TS not there in JS

[@themountains1701]

2:14:41 Enum = Enumeration

[@mohammadakil8376]

Excellent video can you please make video on react + typescript

[@YouAndImpact]

Great video 👍

[@ankushladani496]

Thank you sir....💯♥️

[@dogesh544]

Amazing video sir learnt a lot

[@erde5289]

nested interface support ts or not ? sir

[@viveksawant8401]

a big thank you!

[@krish_techaadimulam2243]

Complete Node js series caan u do sir

[@xxyxxyyyx]

2:50:00 i have no clue why but i dont see any console lines in the browser i tried different browsers and i followed every step, this is so frustrating the background color change worked

[@codeblood87]

Waaaa... Thank you 💗

[@pankajthapaliya2336]

Thank you so much Hitesh