TypeScript Crash Course

แชร์
ฝัง
  • เผยแพร่เมื่อ 24 พ.ย. 2024

ความคิดเห็น • 569

  • @nikhil007g
    @nikhil007g 3 ปีที่แล้ว +700

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

    • @petermurutu5709
      @petermurutu5709 3 ปีที่แล้ว +4

      Bare facts 💯

    • @robinkartik6356
      @robinkartik6356 3 ปีที่แล้ว

      Exactly.

    • @arnolddaniels8603
      @arnolddaniels8603 3 ปีที่แล้ว

      Exactly

    • @DanteMishima
      @DanteMishima 3 ปีที่แล้ว

      I swear the man is a wizard

    • @codernerd7076
      @codernerd7076 3 ปีที่แล้ว

      He does he got TH-cam 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...

  • @jpisty
    @jpisty 3 ปีที่แล้ว +266

    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

    • @GrifanoRide
      @GrifanoRide 2 ปีที่แล้ว +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 2 ปีที่แล้ว

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

  • @luisacavalcanti3665
    @luisacavalcanti3665 2 ปีที่แล้ว +17

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

  • @ThiagoVieira91
    @ThiagoVieira91 3 ปีที่แล้ว +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.

  • @thykingdoncome
    @thykingdoncome 3 ปีที่แล้ว +15

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

  • @meisterunner
    @meisterunner 3 ปีที่แล้ว +78

    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 2 ปีที่แล้ว +1

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

    • @priteshsoni3891
      @priteshsoni3891 2 ปีที่แล้ว +3

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

    • @anurag985
      @anurag985 2 ปีที่แล้ว

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

    • @svikas641
      @svikas641 2 ปีที่แล้ว

      @@anurag985 yes anurag i am aware.

  • @Harduex
    @Harduex 3 ปีที่แล้ว +29

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

  • @abdulrafay1509
    @abdulrafay1509 3 ปีที่แล้ว +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!

  • @joeb7492
    @joeb7492 3 ปีที่แล้ว +45

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

  • @orincywhytedesigns
    @orincywhytedesigns 2 ปีที่แล้ว

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

  • @gzsdedgt
    @gzsdedgt 3 ปีที่แล้ว +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!

  • @vedymin7
    @vedymin7 3 ปีที่แล้ว

    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!

  • @sogzful
    @sogzful ปีที่แล้ว +2

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

  • @craiggazimbi
    @craiggazimbi 2 ปีที่แล้ว

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

  • @Kay8B
    @Kay8B 3 ปีที่แล้ว +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.

  • @hibob841
    @hibob841 2 ปีที่แล้ว

    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!

  • @failist9570
    @failist9570 3 ปีที่แล้ว +141

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

  • @ladywebber1726
    @ladywebber1726 3 ปีที่แล้ว +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

  • @mostinho7
    @mostinho7 3 ปีที่แล้ว +1

    Thanks for good overview
    Todo: continue and take notes in onenote

  • @akanimohosutuk928
    @akanimohosutuk928 3 ปีที่แล้ว

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

  • @brianryan4053
    @brianryan4053 2 ปีที่แล้ว +1

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

  • @EddyVinck
    @EddyVinck 3 ปีที่แล้ว +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 3 ปีที่แล้ว +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 3 ปีที่แล้ว +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 3 ปีที่แล้ว +1

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

    • @pannihto7588
      @pannihto7588 3 ปีที่แล้ว

      @@rubenverster250 redux toolkit is the answer

    • @emdadgar_official
      @emdadgar_official 2 ปีที่แล้ว

      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 .

  • @zalodias123
    @zalodias123 3 ปีที่แล้ว +6

    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!

  • @afikhan5782
    @afikhan5782 2 ปีที่แล้ว

    Brad, you are the best tutor on this planet.

  • @djgulston
    @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.

  • @AbhinavKulshreshtha
    @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

  • @waheedodubayo2339
    @waheedodubayo2339 ปีที่แล้ว

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

  • @wayneswildworld
    @wayneswildworld 3 ปีที่แล้ว

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

  • @LucasSantos-uw7uc
    @LucasSantos-uw7uc 2 ปีที่แล้ว

    Legit the best TypeScript tutorial on TH-cam.

  • @work2936
    @work2936 2 ปีที่แล้ว +1

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

  • @theunisdk
    @theunisdk 3 ปีที่แล้ว

    Brad, you make the world a better place.

  • @fluffymaverick
    @fluffymaverick 3 ปีที่แล้ว +7

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

  • @alvirarahman1559
    @alvirarahman1559 3 ปีที่แล้ว +3

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

  • @tdematos
    @tdematos 8 หลายเดือนก่อน

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

  • @0xbig_t
    @0xbig_t 9 หลายเดือนก่อน

    Thanks Bradd, you are the one person i understand their coding crash courses💌💌💌🤟

  • @CJ-cv4zl
    @CJ-cv4zl 2 ปีที่แล้ว

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

  • @coding_phoenix
    @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

  • @alessandromuraro6610
    @alessandromuraro6610 ปีที่แล้ว +2

    Github copilot autocompletes the hell out of this tutorial :D

  • @Adh786
    @Adh786 3 ปีที่แล้ว

    TraversyMedia: clean | clear | short | perfect.

  • @akpokemon
    @akpokemon 2 ปีที่แล้ว

    EEEEEvery programming job I applied for wanted React+TypeScript. Ugh.. It hinders personal development speed so much when you're still learning how to use it. Not to mention all the React libraries out there that don't show Typescript examples of the code. Here we go. Excellent video

  • @alexfox2038
    @alexfox2038 2 ปีที่แล้ว

    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!

  • @SafaKadir
    @SafaKadir 2 ปีที่แล้ว +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.

  • @emenikedaniel
    @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💙

  • @netking767
    @netking767 5 หลายเดือนก่อน

    Thanks for a clear and concise overview of tyoescript

  • @slinco65
    @slinco65 ปีที่แล้ว +2

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

  • @vladislav3182
    @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!!🙌🙌

  • @clingyking2774
    @clingyking2774 2 ปีที่แล้ว

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

  • @khalidelgazzar
    @khalidelgazzar ปีที่แล้ว

    Great tutorial. Thank you. Basically what typescript does is that it takes you a step closer to java while you are still in the JavaScript ecosystem.

  • @GrupoINTIWeb
    @GrupoINTIWeb 3 ปีที่แล้ว +7

    I really love this courses... are to the point.
    Udemy : 15 hours typeScript esentials.
    Brad : 52 minutes typeScript esentials. (the same udemy´s content)

  • @coltonwilliams1565
    @coltonwilliams1565 3 ปีที่แล้ว

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

  • @mahbub4nobody
    @mahbub4nobody 2 ปีที่แล้ว

    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.

  • @alittlegreyhair1104
    @alittlegreyhair1104 9 หลายเดือนก่อน

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

  • @spongebobsquarepants4576
    @spongebobsquarepants4576 2 หลายเดือนก่อน

    Thank you for this. Really good entry point to working with typescript. Can't go back to vanilla js

  • @UnknownEntity606
    @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!

  • @ashwin2159
    @ashwin2159 ปีที่แล้ว +1

    when creating function interfaces. The return type of arguments and function return doesn't has to be explicitly mentioned function declaration. Since we have mentioned the interface, TS knew what return types they are.

    • @evheniydan
      @evheniydan 4 หลายเดือนก่อน

      As a newbie, I was confused with this and looked for this comment 😊You're right.

  • @nicolahcm
    @nicolahcm 3 ปีที่แล้ว +1

    Resuming:
    0) typescript config file. Choose where to compile.
    Compile with:
    tsc
    tsc --watch
    1) Typescript has types:
    let id: number = 1
    --- Other types:
    string
    boolean
    any
    -----
    arrays:
    -let ids: number[] = [1,2,3,4,5]
    -let person: [number, any] = [2, true]
    1.0) unions: can be a type OR another.
    1.1) enums
    1.2) Objects
    2) "type" keyword
    3) type assertion: copy value, but different type.
    4) Functions:
    function addNum(x: number, y: number): number {
    ...
    }
    IF doesn't return anything: void, as JAVA.
    5) Interface: custom type. Especially used for Objects.
    Can't use it with primitives or unions. Use type instead.
    --- Some properties "readonly", cannot set
    --- Some properties can be optional: "?"
    5.1) Interface for functions. (probably Traversy added more syntax than required in MathFunc)
    6) Classes:
    --- Private or Protected or public attributes (as in JAVA)
    6.1) Class interface.
    6.2) Extending classes.
    7) Generics: types as placeholders
    8) TypeScript with react.
    -- .tsx is for .jsx
    -- npx create-react-app . --template typescript

  • @nathanlemma
    @nathanlemma ปีที่แล้ว

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

  • @Room3102
    @Room3102 2 ปีที่แล้ว

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

  • @svenludwig7435
    @svenludwig7435 3 ปีที่แล้ว +2

    2:52 PHP can use dynamic types, but can also be used with static types. Static typing in PHP actually works really well as of PHP 7. Any serious PHP dev uses static types.

  • @amirreza-dev
    @amirreza-dev 3 ปีที่แล้ว

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

  • @brnheavymetal
    @brnheavymetal 3 ปีที่แล้ว +3

    I would love some Nodejs + Typescript projects videos or a Udemy course, loved your Nodejs API Masterclass course on Udemy

  • @hamzahmd_
    @hamzahmd_ 3 ปีที่แล้ว +7

    Thank you brad for this cool crash course. It's becoming really important and necessary for every web developer to learn TS and companies are also preferring TS developers over solely JS ones.

    • @hamzahmd_
      @hamzahmd_ 3 ปีที่แล้ว

      I would say the video is uploaded at the right time.

  • @vladislavamarkova8379
    @vladislavamarkova8379 2 ปีที่แล้ว

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

  • @samuele.caruso
    @samuele.caruso 2 ปีที่แล้ว +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 :)

  • @tech_channel110
    @tech_channel110 ปีที่แล้ว

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

  • @udaykumar-mv7bu
    @udaykumar-mv7bu 5 หลายเดือนก่อน

    Thanks Brad for this wonderful TS crash course it is really helpful, always grateful to you :)

  • @jccorman5848
    @jccorman5848 2 ปีที่แล้ว

    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

  • @warisulimam3440
    @warisulimam3440 2 ปีที่แล้ว +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

  • @LightningFox2407
    @LightningFox2407 3 ปีที่แล้ว

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

  • @VarunSharma-bm9vd
    @VarunSharma-bm9vd 3 ปีที่แล้ว +5

    Awesome tutorial, thanks a ton Brad!!
    Small doubt though,
    While using Interface with Function @32:45, can't it be done like this (doesn't give error + saves a few keystrokes)
    const add: MathFunc = (x, y) => x + y
    const subtract: MathFunc = (x, y) => x - y
    instead of
    const add: MathFunc = (x: number, y: number): number => x + y
    const subtract: MathFunc = (x: number, y: number): number => x - y

    • @TutorIsland
      @TutorIsland ปีที่แล้ว

      @VarunSharma-bm9vd
      I agree, I was about to suggest the same thing. Good catch ;)

  • @ccanyanwu
    @ccanyanwu 2 ปีที่แล้ว

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

  • @fyardlest1
    @fyardlest1 3 ปีที่แล้ว +1

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

  • @VenkateshMogili
    @VenkateshMogili 3 ปีที่แล้ว +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.

  • @zeeshansikander4441
    @zeeshansikander4441 2 ปีที่แล้ว

    Brad puts his 100% in educating us!

  • @soromiso
    @soromiso 3 ปีที่แล้ว

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

  • @tamasangyan82
    @tamasangyan82 3 ปีที่แล้ว

    I started at a new workplace this week and they use typescript, which is new to me, but Brad did know this, so,l here's the typescript crash course 😄 Thank you

    • @rubenverster250
      @rubenverster250 3 ปีที่แล้ว +1

      go check the TS course on FCC as well :) Helped me when I started at my work and we use TS

  • @EduardoGomez-ru3gf
    @EduardoGomez-ru3gf 3 ปีที่แล้ว +4

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

  • @a.anvarbekov
    @a.anvarbekov 3 ปีที่แล้ว

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

  • @shahbazkhalid6950
    @shahbazkhalid6950 2 ปีที่แล้ว

    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

  • @atinsingh7395
    @atinsingh7395 3 ปีที่แล้ว +1

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

  • @frankdrolet9439
    @frankdrolet9439 3 ปีที่แล้ว

    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!

  • @thetentaclemonsters
    @thetentaclemonsters 9 หลายเดือนก่อน

    Not a second wasted! Awesome tutorial.

  • @sathyanarayanandhanuskodi1734
    @sathyanarayanandhanuskodi1734 2 ปีที่แล้ว

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

  • @himanshushukla6451
    @himanshushukla6451 ปีที่แล้ว

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

  • @XRP_321
    @XRP_321 3 ปีที่แล้ว

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

  • @jacquesvanjaarsveld4017
    @jacquesvanjaarsveld4017 ปีที่แล้ว

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

  • @annakarpiuk438
    @annakarpiuk438 3 ปีที่แล้ว +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

  • @jorgealameda
    @jorgealameda 3 ปีที่แล้ว

    the BEST crash course, really well explained

  • @nathanmoyer7297
    @nathanmoyer7297 2 ปีที่แล้ว

    I love tutorials where the teacher has a great voice /o/

  • @sumitsonawane1324
    @sumitsonawane1324 3 ปีที่แล้ว

    HAPPY TEACHERS DAY "Brad Sir" you are my Inspiration one day I will attach your Photo Frame in My Cabin

  • @ruslanvyshnevskyi1468
    @ruslanvyshnevskyi1468 2 ปีที่แล้ว

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

  • @bernardoquina
    @bernardoquina 3 ปีที่แล้ว

    Once I got the hang of it, I couldn't go back. An absolute must for great developer experience imo

  • @werrutkyupnext
    @werrutkyupnext ปีที่แล้ว

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

  • @howard2501
    @howard2501 3 ปีที่แล้ว

    Enjoyed this, thanks.
    When you're talking about type assertion (27:00), as well as saying
    let customerId = cid as number; or let customerId = cid;
    you can also write:
    let customerId:number = cid;
    This keeps the same syntax used for other types so it's nice and familiar, and I think it does the same job of type assertion, is that right?

  • @abenjamin13
    @abenjamin13 3 ปีที่แล้ว

    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 🙏

  • @jsuwangsa
    @jsuwangsa 3 ปีที่แล้ว

    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!

  • @touatabdenour5202
    @touatabdenour5202 3 ปีที่แล้ว

    I was about to start learning typescript.. thanks very much

  • @bakhtiyor_sulaymonov
    @bakhtiyor_sulaymonov 2 ปีที่แล้ว

    Thanks Brad for the quick intro to TS 👍

  • @thinkwithtim
    @thinkwithtim 3 ปีที่แล้ว

    Just started learning typescript and Traversy Media releases a crash course just at the same time. Thanks for reading my mind Brad!😂

  • @xanaduzhang186
    @xanaduzhang186 3 ปีที่แล้ว

    Best All-in-One nice tutorial for Typescript!