Complete Typescript in under 5 hours
ฝัง
- เผยแพร่เมื่อ 14 ต.ค. 2024
- 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...
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
Make one more 5+ hours video on projects using typescript 💯
Hitesh, you really posted a good course here so far👍👍
Thank you
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 .
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! 💙
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.
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.
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
The best coding teacher on Internet! Thanks Hitesh Sir! Great tutorial! Great Human with Great Attitude.
It's so annoying for those whole subscribed already!
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
Thanks for this. Can you please help same for cpp video?
38:43 - typescript types-> string, boolean, number, array, any, object, union, literal, null, undefined, enums
Completed the whole video. It took me 3 days to complete this but it was worth it. Thanks for posting this.
Happy to help,
Took me months to create this playlist
@@HiteshCodeLab These videos get less views but are so important. People get carried away with 50LPA clickbait videos.
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?
nice learning experience with this playlist and thank you so much sir, for making a separate video of typescript.
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?🙂
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
Please make a complete video aswell for react testing like this one, i loved to follow a complete series like this, thanks hitesh 👍
My man Hitesh, thank you for taking out time for making this course. This is timeless.
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.
Thank you so much for this course! Tried other ones but this was the most interesting and enjoyable so far!
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
Your teaching is of a different level... I love the way you explain things..thanks for this awesome video sir
Took 10+ Days but finished indeed. Thank you sir for this amazing course.
It will be great if you put timeline in description ❤️
Working on it, it will be available soon
@@HiteshCodeLab you can create segments
@@HiteshCodeLab thanks you did👍👍
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!
Finally, I completed this entire series. thank you so much for a great explanation 😍👍
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 😇👍
Thanks
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!
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.
Please let me know the font family you are using in vs code ? It looks good. 😊
Great tutorial, watched upto end.
Thank you Hitesh! Perfect as always.
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.
Sir did you add project in this video ? So that we can get better understanding of typescript concepts like interfaces, generics etc
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.
Thanks for pointing it out. It helps
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.......................
Thank you so much for this course! I just complete this whole Typescript Series.
Best Course. Thanks for giving us your valuable time
Hnji hum idhar bhi aa Gaye to learn something new 👍👍
JavaScript ✅ React✅ Typescript ✅
Thank you for valuable series
@1:36:24 Yes we can push value inside the read-only ids array
Okay
Thank you so much for this amazing series!
Thank you so much for creating this course with great details. It was awesome and simple to udnerstand.
Yes , we can push elements in array if _id is an array type
2days ago I was thinking of typescript, but couldn't found a course. Now here we go
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.
Wonderful tutorial Hiteshji 🙏🙏🙏
Your way of explaining was very good. Thank you for this tutorial. 👏
This is best typescript tutorial on TH-cam,
thank you Sir.
Thanks
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
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.
timestamps or index would be great, sir🙌
feels like i am gonna master TypeScript here only !!
Hi Hitesh, thank you very much for this tutorial. The presentation was awesome and simple to understand😀
You deserve payment, yet your crash courses are knowledge source for the beginners!! TH-cam Thanks.
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.
May be now it is settled
thanks sir
take love from Bangladesh 🇧🇩🇧🇩🇧🇩
I like the way you teach and speak, you are lovely.
Types: (1) String (2) Number (3) Boolean (4) Array (5) Any (6) Object (7) Union (8) Literal (9) null (10) undefined
Thanks :)
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.
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
Hello ,I need to learn typescript and playwright automation. How much javascript depth is required? Thank you 🙏
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.
Amazing video sir , Sir you have any Hindi channel for programming ...
thanks for this one sir
love you from bangladesh..❤❤❤
Hitesh you are the best dude,keep it up please thank you🙏
This tutorial is helping me alot in knowing typescript
Thanks
Thank your sir, impressive way of teaching
Waiting for this video to hit 1 million vies 💯
That’s not happening anytime soon😂
1:36:16
Readonly throw error on array and tuple mutation
function foo(arr: readonly string[]) {
arr.slice(); // okay
arr.push("hello!"); // error!
}
13:36 Here I almost cried thought my laptops life is done.
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
What about typescript utility like Partial, Required, Pick, Readonly and Omit
Yes! We can push values in read only array. This is weird. What's the solution?
Hi please what keyboard is that on your desk if i may ask, thanks ?
So nicely explained. Thank you Sir🙏
Most welcome
Thanks man ..
Yesterday thinking about it, to buy that course now it's free 😂
Best quality. Really helpful
hey @Hitesh can you Do like this with GCP. That will be very grateful.Thanks
Thanks for the video sir.
Skip the introductory. Just start right in with installation and hands on tutorials.
Thanks Hitesh this would help a lot👍
Could you please do a video for Cypress as well as GraphQL in Cypress?
Great Content!
post video about how to finetune ChatGPT Model for specific usecase with website or mobile integration to work as customer care chatbot....
01:02:38 - 01:15:21 - A better way to write function in typescript
Quality of video is awesomeness 🔥
Thanks
You are a legend sir!!
What VSC Theme are you using?
Wow, great sir 👏👏👏👍
but i think you forgot to put those TH-cam timestamp thingy so we can refer back to a particular topic in this long video.
Just did that
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?
correction.. Javascript is the superset of typescript. Typescript is the subset of javascript.
please check your work TS is superset of JS because most of the features that offered by TS not there in JS
2:14:41 Enum = Enumeration
Excellent video can you please make video on react + typescript
Great video 👍
Thank you sir....💯♥️
Amazing video sir learnt a lot
nested interface support ts or not ?
sir
a big thank you!
Complete Node js series caan u do sir
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
Waaaa... Thank you 💗
Thank you so much Hitesh