TypeScript Crash Course

Sdílet
Vložit
  • čas přidán 19. 05. 2024
  • 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
  • Věda a technologie

Komentáře • 557

  • @nikhil007g
    @nikhil007g Před 2 lety +678

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

  • @failist9570
    @failist9570 Před 2 lety +118

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

  • @jpisty
    @jpisty Před 2 lety +254

    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
      @Grifanos Před 2 lety +4

      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
      @zes3813 Před 2 lety

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

  • @Harduex
    @Harduex Před 2 lety +28

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

  • @ThiagoVieira91
    @ThiagoVieira91 Před 2 lety +48

    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.

  • @luisacavalcanti3665
    @luisacavalcanti3665 Před rokem +15

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

  • @thykingdoncome
    @thykingdoncome Před 2 lety +14

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

  • @joeb7492
    @joeb7492 Před 2 lety +46

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

  • @user-ix1ih5cg6v
    @user-ix1ih5cg6v Před 2 lety +7

    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
    @alvinyanson Před 2 lety +7

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

  • @meisterunner
    @meisterunner Před 2 lety +75

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

    • @svikas641
      @svikas641 Před 2 lety +1

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

    • @priteshsoni3891
      @priteshsoni3891 Před 2 lety +3

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

    • @anurag985
      @anurag985 Před 2 lety

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

    • @svikas641
      @svikas641 Před 2 lety

      @@anurag985 yes anurag i am aware.

  • @ladywebber1726
    @ladywebber1726 Před 2 lety +7

    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

  • @sogzful
    @sogzful Před 8 měsíci +2

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

  • @abdulrafay1509
    @abdulrafay1509 Před 2 lety +11

    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!

  • @alvirarahman1559
    @alvirarahman1559 Před 2 lety +3

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

  • @brianryan4053
    @brianryan4053 Před 2 lety +1

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

  • @EduardoGomez-ru3gf
    @EduardoGomez-ru3gf Před 2 lety +4

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

  • @sametkaraca5976
    @sametkaraca5976 Před 2 lety +1

    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 :)

  • @work2936
    @work2936 Před 2 lety +1

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

  • @frankdrolet9439
    @frankdrolet9439 Před 2 lety

    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!

  • @vladislav3182
    @vladislav3182 Před rokem

    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!!🙌🙌

  • @sony4481
    @sony4481 Před 2 lety

    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 👍

  • @hibob841
    @hibob841 Před rokem

    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!

  • @Kay8B
    @Kay8B Před 2 lety +2

    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.

  • @atinsingh7395
    @atinsingh7395 Před 2 lety +1

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

  • @nathanlemma
    @nathanlemma Před 7 měsíci

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

  • @VenkateshMogili
    @VenkateshMogili Před 2 lety +1

    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.

  • @shahbazkhalid6950
    @shahbazkhalid6950 Před rokem

    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

  • @warisulimam3440
    @warisulimam3440 Před 2 lety +1

    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

  • @zalodias123
    @zalodias123 Před 2 lety +5

    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!

  • @LightningFox2407
    @LightningFox2407 Před 2 lety

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

  • @slinco65
    @slinco65 Před 8 měsíci +2

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

  • @DarknessDescend
    @DarknessDescend Před 2 lety

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

  • @waheedodubayo2339
    @waheedodubayo2339 Před rokem

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

  • @samirvaliyev
    @samirvaliyev Před 2 lety +1

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

  • @clingyking2774
    @clingyking2774 Před 2 lety

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

  • @mahmoudhassen4463
    @mahmoudhassen4463 Před 2 lety

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

  • @SafaKadir
    @SafaKadir Před rokem +1

    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.

  • @ccanyanwu
    @ccanyanwu Před 2 lety

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

  • @yorkitca
    @yorkitca Před 2 lety +1

    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.

  • @exxzxxe
    @exxzxxe Před 9 měsíci

    Another great course spun up by the Master.

  • @nikhilratta4076
    @nikhilratta4076 Před 2 lety +1

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

  • @djgulston
    @djgulston Před rokem

    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.

  • @Room3102
    @Room3102 Před 2 lety

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

  • @vedymin7
    @vedymin7 Před 2 lety

    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!

  • @XRP_321
    @XRP_321 Před 2 lety

    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!!!!!

  • @OrincyWhyteDesigns
    @OrincyWhyteDesigns Před 2 lety

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

  • @graemegrant6669
    @graemegrant6669 Před 2 lety +1

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

  • @craiggazimbi
    @craiggazimbi Před rokem

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

  • @vladislavamarkova8379
    @vladislavamarkova8379 Před 2 lety

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

  • @emenikedaniel
    @emenikedaniel Před rokem

    *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
    @wayneswildworld Před 2 lety

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

  • @2222974Vairus
    @2222974Vairus Před 2 lety

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

  • @Gamewithstyle
    @Gamewithstyle Před 2 lety

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

  • @amirreza-dev
    @amirreza-dev Před 2 lety

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

  • @muhammadsheharyar999
    @muhammadsheharyar999 Před 2 lety

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

  • @mahbub4nobody
    @mahbub4nobody Před 2 lety

    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.

  • @mediocreTyler
    @mediocreTyler Před 2 lety

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

  • @tdematos
    @tdematos Před 2 měsíci

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

  • @fyardlest1
    @fyardlest1 Před 2 lety +1

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

  • @mpb0406
    @mpb0406 Před 2 lety

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

  • @umeshkhanna5000
    @umeshkhanna5000 Před 2 lety

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

  • @annakarpiuk438
    @annakarpiuk438 Před 2 lety +2

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

  • @LucasSantos-uw7uc
    @LucasSantos-uw7uc Před 2 lety

    Legit the best TypeScript tutorial on CZcams.

  • @abenjamin13
    @abenjamin13 Před 2 lety

    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 🙏

  • @UnknownEntity606
    @UnknownEntity606 Před 11 měsíci

    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!

  • @PlotTwists
    @PlotTwists Před 2 lety

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

  • @akanimohosutuk928
    @akanimohosutuk928 Před 2 lety

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

  • @appymango5995
    @appymango5995 Před rokem

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

  • @Riicky.Allves
    @Riicky.Allves Před 2 měsíci

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

  • @sathyanarayanandhanuskodi1734

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

  • @AbhinavKulshreshtha
    @AbhinavKulshreshtha Před rokem

    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

  • @blatchie4608
    @blatchie4608 Před 2 lety

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

  • @CJ-cv4zl
    @CJ-cv4zl Před rokem

    Thanks brad no messing around and no 20hour courses. Your the best.

  • @daleb6542
    @daleb6542 Před 2 lety +1

    Just when I needed it, Thanks Brad!

  • @werrutkyupnext
    @werrutkyupnext Před rokem

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

  • @bakhtiyor_sulaymonov
    @bakhtiyor_sulaymonov Před 2 lety

    Thanks Brad for the quick intro to TS 👍

  • @studywithanjana4547
    @studywithanjana4547 Před 2 lety

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

  • @alittlegreyhair1104
    @alittlegreyhair1104 Před 3 měsíci

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

  • @ievgeniibielkin
    @ievgeniibielkin Před rokem

    Really good overview! Thank you, Brad

  • @jsuwangsa
    @jsuwangsa Před 2 lety

    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!

  • @nicolecandiotti5492
    @nicolecandiotti5492 Před 2 lety

    This has been so helpful, thank you so much Brad

  • @himanshushukla6451
    @himanshushukla6451 Před rokem

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

  • @a.anvarbekov
    @a.anvarbekov Před 2 lety

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

  • @mwdcodeninja
    @mwdcodeninja Před 2 lety

    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.

  • @wanderingknight10
    @wanderingknight10 Před 2 lety

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

  • @shadigaafar3091
    @shadigaafar3091 Před 2 lety

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

  • @user-js6hv9oi8f
    @user-js6hv9oi8f Před 2 měsíci

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

  • @alexfox2038
    @alexfox2038 Před rokem

    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!

  • @zirklutesKerpa
    @zirklutesKerpa Před 2 lety

    That was a great intro, thank you so much!

  • @cumar8585
    @cumar8585 Před 2 lety +1

    Thank you i enjoyed. I always happy when you do new video for us. In the future i would like to watch even more about next.js and nuxt.js with TS)

  • @LuisBlancoAustin
    @LuisBlancoAustin Před 2 lety

    Looking forward to watching another awesome video from Brad!

  • @EddyVinck
    @EddyVinck Před 2 lety +31

    TypeScript is amazing. It can suck at first when you first get into more complex types (imo) but it's so worth it.

    • @pratikkulkarni891
      @pratikkulkarni891 Před 2 lety +4

      Lol so true :P I just could not understand the real hype around TypeScript when I started learning about it but got to know the importance while working with NestJS. The experience while developing is just amazing :)

    • @mudandmoss4132
      @mudandmoss4132 Před 2 lety +7

      100% agree - when I started working with it it was so verbose and shouted at me all the time, but now I can't live without it. I'm genuinely scared of normal JS now.

    • @rubenverster250
      @rubenverster250 Před 2 lety +1

      just wait until you get to the types for Context and Redux XD

    • @pannihto7588
      @pannihto7588 Před 2 lety

      @@rubenverster250 redux toolkit is the answer

    • @emdadgar_official
      @emdadgar_official Před 2 lety

      typescript is everything that i need from a language syntax
      ... if it get performance of something like Golang .
      it would be end of software engeeniering :)
      but it's just a superset of JS
      i don't know about compilers developers if they can compile TS‌codes into binery .

  • @JemimaSharah
    @JemimaSharah Před rokem

    That's super helpful, quick and to the point!

  • @tech_channel110
    @tech_channel110 Před 7 měsíci

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

  • @xanaduzhang186
    @xanaduzhang186 Před 2 lety

    Best All-in-One nice tutorial for Typescript!

  • @ShaikMoAbdullah
    @ShaikMoAbdullah Před rokem

    Thanks Brad. I needed this more than ever.

  • @geraldmacias7037
    @geraldmacias7037 Před 2 lety

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

  • @jorgealameda
    @jorgealameda Před 2 lety

    the BEST crash course, really well explained

  • @jacquesvanjaarsveld4017

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