TypeScript Crash Course

Learn the basics of TypeScript in this beginner-friendly crash course
Visit Our Sponsor: Stream
getstream.io/traversy
TypeScript Gist:
gist.github.com/bradtraversy/...
Find all of my Udemy courses:
traversymedia.com
Support The Channel:
/ traversymedia
paypal.me/traversymedia
TImestamps:
0:00 - Intro & Sponsor
0:39 - Slides
7:58 - TypeScript Setup
8:55 - TSC (TypeScript Compiler)
11:42 - Config File
13:32 - Folder Structure
16:50 - Basic Types
18:03 - Arrays & Tuples
21:27 - Unions & Enum
24:30 - Objects
26:00 - Type Assertion
27:23 - Functions
29:54 - Interfaces
32:28 - Function Interface
33:49 - Classes
37:00 - Data Modifiers
39:20 - Implement Interface in Class
40:39 - Extending Classes (Subclasses)
43:27 - Generics
47:30 - TypeScript With React

[@nikhil007g]

It's like Brad knows what we need and he uploads the knowledge

[@petermurutu5709]

Bare facts 💯

[@robinkartik6356]

Exactly.

[@arnolddaniels8603]

Exactly

[@DanteMishima]

I swear the man is a wizard

[@codernerd7076]

He does he got KZbin trending data and social media, and all your google searches trends... Yeah so much data to find out exactly what video people want right now...

[@failist9570]

Me in my mind: "Let's learn Typescript" Brad: "I heard you"

[@elpolodiablo5486]

cringe

[@siewierap]

me the same few days ago haha

[@jpisty]

I really like these crash courses. They're quick and to the point. More importantly it gives me enough info to decide if this is something I want to pursue. Thanks Brad

[@Grifanos]

That's exactly as I'm feeling too. These crash courses are amazing. They give me a vision and allow me to make a decision if I need this.

[@zes3813]

no such thing as more expressive or descriptive or etc, ceptxuxetc, do, say any nmw and any s perfect

[@Harduex]

Love how you explain things so smooth and with a ease. Can't be better!

[@joeb7492]

Wouldn't miss this for the world. Happy to see you back after that break

[@user-ix1ih5cg6v]

Every time I begin to have an issue with something new that I'm learning, Brad uploads a course tackling just that. By the look of it, I'm not the only one!

[@alvinyanson]

Perfect timing. I was looking for the latest typescript crash course. Thank you Brad. 😃

[@ThiagoVieira91]

Wow Brad! You're always saving my life. THANK YOU for being this awesome! Another reason to use TS is client compliance. Some medium to large clients (e-commerce, fintechs) won't accept dynamically typed languages, because (they say) it can give margin to some fringe security exploits. Just some food for thought.

[@thykingdoncome]

I just began learning typescript this morning, I was watching Net Ninja’s typescript tutorial when your notification popped. Legend!. Thanks Brad!

[@luisacavalcanti3665]

You are one of the best teachers ever. Very clear and straight to the point.

[@ladywebber1726]

I swear you always drop the exact course i need at the right time for me...Traversy Media Academy is the best coding school out here lol...Thanks Brad

[@alvirarahman1559]

TypeScript is the best thing that ever happened to me, thanks Brad, awesome immersive experience in your tutorial as always.

[@EduardoGomez-ru3gf]

Excellent as always Brad! Not a moment wasted and a great overview of the language.

[@brianryan4053]

Brad, your explanation of generics is the best. Placeholder of data types. I have finally understood. Thanks!!! Great job!!!

[@sametkaraca5976]

You are a life saver as usual Brad. And the use of React in the end was a good idea. Thank you for your effort. You touch many dev lives around the world :)

[@frankdrolet9439]

I haven't watch your videos in a while cause I'm more into page builders like Oxygen and Weblfow, but damn it's good to be back to one of your Crash Course, always up to date and the best teacher out there, you're the man!

[@meisterunner]

Love how "easy" OOP developers can pick up OOP languages. This whole course was basically Object Oriented Programming ( with Typescript ). You rock Brad.

[@svikas641]

true i am leaning golang and i could relate these two very well.

[@priteshsoni3891]

exactly! I am coming from Java and it is pretty much similar. But I like syntax of TS more than JAVA.

[@anurag985]

@@svikas641 golang doesn't have classes, though you can do a lot with interfaces and types.

[@svikas641]

@@anurag985 yes anurag i am aware.

[@abdulrafay1509]

Hey Brad, thanks for teaching me making REST APIs with Laravel, I have landed a job after looking at your videos! I can talk about stuff, specially APIs after learning from your videos sir! Hats off sir!

[@sony4481]

Amazing course, very detailed I would say comparing to other TS courses. Talked about different types with examples and the setup from scratch 👌 thanks Brad always 👍

[@work2936]

I just started learning Typescript for React. This was exactly what I needed. Thanks Brad ❤

[@hibob841]

I'm an experienced developer (mainly iOS) who's done a bit of JS but never touched TypeScript, and now need to learn it for a new job. This is _exactly_ what I needed to get rolling, and I have to say I quite like the language so far. Thanks so much!

[@vladislav3182]

Always attaching 'Traversy' to every search i do on YT to do with programming😄. You're really one of the best!! I find your tutorials absolutely consumable and enlightening 💯..plus I never get lost like in other tutorials. Kudos and God bless!!🙌🙌

[@waheedodubayo2339]

needed a crash course on TypeScript for a take-home challenge and this is it!. Thanks Brad

[@atinsingh7395]

Holy shit, I literally needed this right now as I have to work on a typescript react project. You are a godsend!!

[@warisulimam3440]

The familiar intro never gets old. Haven't been doing web development for a long time, feels really good to be back into learning web dev again, back to the good old papa Traversy : D

[@clingyking2774]

It's so great to have Brad. He knows what we need and uploads it.

[@LightningFox2407]

Thank you! Not just for this video, but for your entire channel - pure gold!

[@shahbazkhalid6950]

Great by brad! I was struggling to learn typescript even having good programming skills but this man taught nicely. Now I have idea about typescript syntax and about the topics covered in this video

[@DarknessDescend]

Just like always, an excellent crash course! Thank you for keeping me updated!

[@mahmoudhassen4463]

Thanks for this easy-to-learn tutorial, Brad. You're the best!

[@vedymin7]

This pace is excellent for junior devs who already know what is loop, for, variable etc. And we don't need that here. Many many thanks!

[@VenkateshMogili]

Thank you very much brad, I really looking for more easy and simple example like how you explained for Generics. I watched many videos but all are high level to understand, but you made it very easy to understand Generics very easily. Thank you brad.

[@ccanyanwu]

Thanks for breaking it down to this level Brad. You're the best

[@djgulston]

Fantastic video! I needed to look at this because I'm going to do an at-home assessment for a code reviewer job role for a coding bootcamp company that I graduated from recently. I can choose to review the code in a language that I already know, but I want to do a review in a language that I don't know to prove how much I'm willing to learn new languages and technologies. And since I graduated from this place, they know exactly what I learned from them and what I didn't learn from them.

[@samirvaliyev]

Perfect timing Brad. Thank you for this crash typescript course.

[@SafaKadir]

Really great! Along with my prior Java and Javascript knowledge, I learned all I need to know about type script from this course. Now I started to feel confident about type script and can start coding with it right away.

[@OrincyWhyteDesigns]

Im 2 months into learning how to code, and … i cant comprehend how you all remember all this stuff. Im just amazed 🤯

[@sogzful]

That intro music gets me giddy every single time. Thanks for your efforts Brad.

[@Kay8B]

coming from C# to JS I always wondered where Types went and it made have to define explicit if blocks to avoid errors, nice to see this exists for JS now.

[@Room3102]

Just the explanation I needed to kick start a new project I was assigned to. Thanks!!!

[@zalodias123]

It's really refreshing to see someone teaching Typescript without jumping on the hype train. The way you explain things impartially, take into the account the pros and cons, is something really valuable. Thanks for that Brad!

[@yorkitca]

Liked before even watching a second of the content as I already know it's going to be excellent like every other video from Brad. But I will definitely watch till the end.

[@nikhilratta4076]

You are doing a great job making these courses . Keep moving forward!

[@vladislavamarkova8379]

Great tutorial on Typescript. I found it really useful, without unnecessary talking. And it was interesting and helpful. Thank you very much!

[@craiggazimbi]

The void type took me back to C++ , man what a time, thank you Brad

[@mahbub4nobody]

Awesome man!! Before this video, I tried to see some shorter-length tutorials and fall asleep. But this hour-length tutorial kept me awake, almost. Thanks.

[@graemegrant6669]

Brad your work is awesome….can’t wait to Learn typescript from you. Thanks Again!

[@LucasSantos-uw7uc]

Legit the best TypeScript tutorial on KZbin.

[@emenikedaniel]

*Thanks for this solid course Traversy.* If anyone here writes Golang as well, then typescript knowledge becomes a bit intuitive. There are also Generics, Struct(Types in TS), Interface and Slices(Arrays in TS) in Golang, same in TS. Makes me appreciate the knowledge of both worlds💙

[@wayneswildworld]

He really is just the best. Like that's it, he makes excellent tutorials on the most important topics that we need.

[@amirreza-dev]

This guy is a wizard!!! He knows what we need And that's an awesome course thanks Brad

[@nathanlemma]

Concise, to the point, so valuable, comprehensive, I love it. Thanks 🙏

[@mediocreTyler]

Love your tutorials Brad, thanks for all the help and free knowledge

[@muhammadsheharyar999]

Thank you so much Brad for this amazing amazing crash course. This helped me so much.

[@tdematos]

One of the easiest explanations of typescript that I've seen! Thanks again Brad!

[@annakarpiuk438]

Great course for beginners! I definitely need more info about tuples, enums, generics etc., but at least I've almost effortlessly acquired basic syntax

[@Gamewithstyle]

Funny, I was just thinking about getting into TS and you put this out. Perfect timing!

[@umeshkhanna5000]

Thank you for this course, really looking forward to learn more.

[@abenjamin13]

I think Brad is tuned into all us devs. I’m currently working on a angular 12 project and need some extra typescript knowledge 👍 Thank you 🙏

[@2222974Vairus]

Just when I need it the most Brad brings our a course for it . SAVED

[@akanimohosutuk928]

This channel helped my start coding, now I build blockchain platforms. This channel is underrated

[@fyardlest1]

Brad just demystify the thing for me! Thanks a lot! I would like to see a Jasmine testing tuto like this one.

[@mpb0406]

I've been wanting to eventually learn TypeScript. Great timing on the video

[@UnknownEntity606]

Your tutorials are so much better than some of the other BS tutorials out there. This felt like 10 minutes even though it was over an hour. Thank you so much!

[@AbhinavKulshreshtha]

Starting a new job tomorrow, This is what I needed to brush off dust with a quick revision of TS concepts, before I show off my skills to my team

[@appymango5995]

Nice crash course, really up to the point on each step. Thanks for the video.

[@sathyanarayanandhanuskodi1734]

No more no less. Everything to get started. Advanced topics can be learned during the project. Thanks for the course Brad

[@Riicky.Allves]

Thanks for the tutorial Brad. It was really useful 🙏🏽

[@slinco65]

At last - a simple explanation of generics🎉 Thanks Brad 🙂

[@XRP_321]

i literally been learning this for the past 12hrs...i think i get the idea. thanks to you and another content creator i will be posting my website up tonight. THANK YOU!!!!!!! quick question, do you have any videos on adjusting location of widgets and any other editing we might want to do? again, thank you!!!!!

[@studywithanjana4547]

Thank you Brad! You're a great teacher. 🙂🙏

[@alittlegreyhair1104]

Another great instructional video from The Master. Thanks Brad for all your hard work.

[@PlotTwists]

Thanks Brad I've been wanting to try it out for a while now

[@a.anvarbekov]

i just wanted to looked up a little bit but watched till the end that was a really informative

[@jsuwangsa]

great video that help me understand the fundamentals for a little bit. a great help as I really not know anything about TS and i want to learn. thanks for a great crash course!

[@alexfox2038]

As someone who has worked a little with java before. This makes java script a lot easier to use. Seems more familiar now. Thanks for this tutorial!

[@ltserge3226]

This video is exactly what I needed can’t believe I survived angular so long without this

[@user-js6hv9oi8f]

It's amazing. Thank u a lot a have watched a ton of videos but you made me understand.

[@exxzxxe]

Another great course spun up by the Master.

[@werrutkyupnext]

if feel like I am going over my js and learning ts, great tutorial

[@himanshushukla6451]

You explain it so well. Thanks man. You're the GOAT

[@bakhtiyor_sulaymonov]

Thanks Brad for the quick intro to TS 👍

[@nicolecandiotti5492]

This has been so helpful, thank you so much Brad

[@blatchie4608]

This has been exactly what I needed. Thank you :)

[@jacquesvanjaarsveld4017]

i dont often comment on YT vids man, but bloody well done. Really exactly what i was looking for

[@afikhan5782]

Brad, you are the best tutor on this planet.

[@shadigaafar3091]

Thank you so much. I always enjoy your crash courses...

[@jccorman5848]

Great introduction. I may add that in addition to this explaining TypeScript, it goes a long way in helping me understand GraphQL and setting up a GraphQL API server. Had I watched this video before learning about GraphQL Typedefs, I would have had a better understanding of graphQl

[@jorgealameda]

the BEST crash course, really well explained

[@coltonwilliams1565]

Literally it’s like you know what I’m working with in real life and one day later you post a video on it

[@tech_channel110]

what a explanation brad keep it up you are doing amazing for the student ,for the tech lovers love your teaching style

[@ievgeniibielkin]

Really good overview! Thank you, Brad

[@xanaduzhang186]

Best All-in-One nice tutorial for Typescript!

[@daleb6542]

Just when I needed it, Thanks Brad!

[@mwdcodeninja]

Very helpful! You should look at Dgraph. Your closing remark about using NextJS with TS is exactly what we're doing and using a graph-first data storage solution with dgraph and graphql. 0 backend api needed.

[@coding_phoenix]

Thank you ver much Brad despite my knowledge of typescript I gained a lot from this tutorial especially I now have deep understanding of classes

[@soromiso]

Thank u, it's a very useful short lecture to have a comprehension of TypeScript

[@wanderingknight10]

Good lookin Bro…very well put together..keep up the good work big guy 🤟🏽

[@ruslanvyshnevskyi1468]

Realy informative and concise 👍 Great place to start to supplement it later with an official handbook

[@geraldmacias7037]

man you are genius, this is all i was needed! thank you soo much sensei!