TypeScript - The Basics

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

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

  • @JonSmoley
    @JonSmoley 5 ปีที่แล้ว +2419

    these videos are *money*. Perfectly spoken english at a confident pace with easy-to-understand concepts is such a rarity to find--easiest sub of my life! Love the framework-agnostic videos!

    • @Fireship
      @Fireship  5 ปีที่แล้ว +109

      Thank you Jon!

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

      @@classact9144 Why so aggressive?

    • @miltonlaxer
      @miltonlaxer 4 ปีที่แล้ว +60

      There is nothing on TH-cam (for devs) that can even touch the quality of this channel.

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

      +1 this

    • @sushydev
      @sushydev 4 ปีที่แล้ว +10

      I dont usually comment on youtube but i have to say, ur 101% right

  • @ikezedev
    @ikezedev 5 ปีที่แล้ว +719

    Object oriented /functional programming in TS please.... I love this one 😍

  • @alexcubed4270
    @alexcubed4270 5 ปีที่แล้ว +153

    This video was incredibly helpful! I have known about TypeScript for a while but never really understood what its use was over plain JavaScript. Now I'll probably start using it more than JavaScript.

    • @Fireship
      @Fireship  5 ปีที่แล้ว +31

      You will never look back

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

      @@Fireship its so true

    • @Fireship
      @Fireship  5 ปีที่แล้ว +6

      @Dark Magician I almost mentioned strict mode but it just didn't quite fit with the flow of the video

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

      @@Fireship you should have :-(, but still, amazing vidéo... thank you! :-D

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

      Yeah, I can't go back to vanilla JS now

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

    As I become a better programmer, your videos have become some of my favourites. You give a nice birds eye view that makes diving into documentation way easier!!!

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

    This video presented me to Typescript. After sometime learning it, I now have a full time job in development. Thank you very much. This and many other of your videos helped me so much to get were I am today.

  • @DEVDerr
    @DEVDerr 5 ปีที่แล้ว +323

    Lol... Finally now there is a video with most practical use cases with TypeScript functionality and best shared experience with this technology ive seen so far. And its not boring, even if i knew this stuff already. Like button clicked, good job buddy! Keep going.
    P. S I'm definitely waiting for OOP. That's going to be amazing.

    • @Fireship
      @Fireship  5 ปีที่แล้ว +9

      Glad to hear that!

  • @yashjain611
    @yashjain611 5 ปีที่แล้ว +50

    Its just AWESOME. Instead of 1-2 hours basics, you have covered most of typescript in just 12 minutes. Beginners should also go through this video so that they can jump off to other concepts in very less time. +1 for this short and sweet but effective video over Typescript. I have watched your other videos also , you are AWESOME man. Straight to the point and you have not more that 15-20 minute videos. Great job dude. Keep it up. Liked it.

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

    I didn't want to learn Typescript but after applying for jobs and seeing it as a requirement, I had to check it out and I've become interested in it. It is super powerful and the learning is quite easy. The data typing is quite similar to Python’s code hinting and annotation. Glad I saw this vid.

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

    These videos are Gold,
    1. includes almost everything you need to know for day to day tasks.
    2. to the point without wasting any time.
    3. English is very clear to understand and words are chosen very wisely.
    4. easily and useful example so you can understand code fast and better
    THANK YOU VERY MUCH

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

    For future reference:
    1:43 Getting started
    3:00 tsconfig.json
    4:30 Third party libraries
    5:09 Type annotations
    6:38 Custom types
    8:12 Types in functions
    9:22 Arrays
    10:32 Generics

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

      U a real bro

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

      As someone from the future, thank you

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

      As someone from further in the future, thank u

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

      As someone from even more future, this became useless as the video was updated with the Chapters feature lol.

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

      @@nullbeyondo as someone from the present I'm glad this was useful for some time

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

    Hey, great tutorial. Been using the ES6 version of JS in both frontend browser-based apps and backend NodeJS apps for some time now and whilst its marked improvement over prior versions (owning to the first class support for classes, objects and inheritance, etc) one thing that its missing, in my view, as an engineer used to working with fully fledged backend languages (I,e Java,Go,etc) , is Strong Typing. String Typing is useful for many of the reasons you cited in your video, principal among them: the ability to detect type mismatch (and related) errors at compile time rather than at runtime, which in and of it self may go some way to preventing the occurrence errors that can be incredibly difficult to reproduce and diagnose.
    I also love the fact that Typescript is essentially backwards compatible with JS, on account of it being a super set of the language; I may actually use Typescript on my next project and that is, in no small part, due to the clarity and intuitive exposition of this tutorial. Thank you!

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

    Been using it for like 3 years now. Loved your overview. Will share this with some of the junior devs on my teams. Thanks!

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

    The reason I love angular is because of Typescipt.
    Great intro to Typescript. Keep the videos coming

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

    It's been 3 years now since the video was released, and we NEED an ADVANCED typescript crash course

  • @zaaaff
    @zaaaff 5 ปีที่แล้ว +4

    One of the best channels! I really like the way you explain, edit the videos and keep your screen clean. Please, keep that quality. I was planning to learn React, but since your videos are so cool I'm now thinking to learn angular. Just because wanna see more videos on this channel.

  • @atmanirbharladka4467
    @atmanirbharladka4467 4 ปีที่แล้ว +82

    My man taught me hours of typescript in 12mins.

  • @yuudaemones2624
    @yuudaemones2624 4 ปีที่แล้ว

    This channel is low-key the best web dev value watch on youtube.

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

    This video rocks. Thanks for putting this out there. I'd like to see a video on decorators in TypeScript. Also, a video on NestJS would be awesome.

  • @logusgraphics
    @logusgraphics 5 ปีที่แล้ว

    One of the greatest advantages of people coming from the Angular 2 framework. To know TS out of the box. I love to use it with React and Node JS services and share models of objects back and forth in a mono repo.

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

    Wow, Those 12 mins are the best 12 mins invested in my life !
    I felt like I am on The Matrix. :-P
    Learn TS in 12 mins :-D
    Excellent video and very well explained the most important concepts.

  • @tsvetanpetrov5971
    @tsvetanpetrov5971 4 ปีที่แล้ว

    I'm just thinking what should be my next step as a software engineer and I was thinking about TypeScript. Your tutorial really helped me feel that this is the direction i would like to go!

  • @محمدجوادمیرجلیلی-ص2ر
    @محمدجوادمیرجلیلی-ص2ر ปีที่แล้ว

    it was the best typescript crash course i've seen in youtube

  • @elmotareal
    @elmotareal 5 ปีที่แล้ว

    First time i watch one of your videos and feel like I'm ahead! And i have 22 years of JavaScript experience, feels good :)

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

    really good video. it doesn't spam you with opinions and perspective. but actually show you stuff. great

  • @KaushikRao
    @KaushikRao 5 ปีที่แล้ว +4

    Thanks Jeff for an awesome content as usual. Love your tutorials and the way you explain. This was more useful.

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

    Leant typescript in less 12 minutes, now that's how a tutorial should be done. Keep it up good work. A like and a sub from me

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

    Wow. I came here just to get an idea of differences now I actually want to research it and learn it.

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

    Great quick start guide! Exactly what I was looking for rather than a ~1 hour snoozefest 😴😴

  • @zakariaealami3135
    @zakariaealami3135 4 ปีที่แล้ว +33

    i am so begineer so i don't understand nothing

    • @metmans
      @metmans 4 หลายเดือนก่อน +3

      it's been 4 years, how is it going today, are u a master now ?

    • @heeru379
      @heeru379 4 หลายเดือนก่อน +5

      ​@@metmansHe just realised that you don't need to learn typescript.

    • @viksa8444
      @viksa8444 3 หลายเดือนก่อน

      i need to learn typescript because i want to learn angular

    • @heeru379
      @heeru379 3 หลายเดือนก่อน

      @@viksa8444 It's easy i learnt typescript in 1 day.

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

      ​@@metmanswas gonna ask too

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

    Rocking it again! Absolutely smooth and most efficient intro to typescript.

  • @codeswithankit4316
    @codeswithankit4316 4 ปีที่แล้ว

    In this video, Knowledge is more than a hour lecture.

  • @shaunb
    @shaunb 5 ปีที่แล้ว +21

    OOP vs functional would be very useful!

  • @MalikDixon
    @MalikDixon 5 ปีที่แล้ว

    I am just learning Typescript having lots of fun. A t-shirt would be nice too.

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

    This covers my typescript daily basis.

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

    Helpflul as always! Thanks Jeff for your content. Typescript is life, typescript is love! :)

  • @GuRuGeorge03
    @GuRuGeorge03 4 ปีที่แล้ว

    very similar to how php handles typing. love it. I didn't know that typescript was just extended javascript. that's actually amazing

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

    I would love to see some advanced typescript (also love the T-shirt)

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

    So yeah you explain how to use the AI but the AI used your video as a reference for my tutorial this is awesome 👏🏼

  • @seannorton2839
    @seannorton2839 5 ปีที่แล้ว

    Awesome video, this year I started working with TS and have grown to love it. 🤘🏻

  • @CharlieKiloSierra8893
    @CharlieKiloSierra8893 5 ปีที่แล้ว

    Finally i really understand what is the use of and the [varname?] thank you for making this video. Please do the oop and functional programming for typescript

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

    Incredible video. I definitely am starting to learn Typescript these days.

  • @OwenMecham
    @OwenMecham 5 ปีที่แล้ว

    A decorators follow up video would be great! Nice work again.

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

    Very easily understandable language, Thank you.

  • @basarat
    @basarat 5 ปีที่แล้ว

    Thanks for the shoutout. Appreciate it 🌹

  • @arianvc8239
    @arianvc8239 4 ปีที่แล้ว

    Great video! Please continue the TS series.

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

    I was a bit reluctant to learn ts 2 years ago. Now I can't imagine a serious project without It

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

    Fabulous video - really good overview of TS. You lost me slightly on the observables bit at the end, but I can look that up.

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

    C# does allow you to dodge type run-time type checking with `dynamic`.

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

    At first I thought this was no big deal when I started JavaScript. Yeah, so what you can set definite types for variables? Why is that helpful? Now that I have made some bigger projects I see why I need this. I can't wait to start using this in my next big project

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

    This channel is on fire man. Thanks for making these videos :)

  • @רועיכהן-ע4ד
    @רועיכהן-ע4ד 3 ปีที่แล้ว

    5:45 You can "opt out" of the type system in C# with the dynamic type.

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

    Wanted to subscribe only to discover I already did before now😄 You covered so much in so little time 👏👏👏

  • @GoddamnAxl
    @GoddamnAxl 5 ปีที่แล้ว +4

    This deserves more views

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

    This video was incredibly helpful, and I'd be interested in an OOP vs FP video as well.
    Also wanted to know if you are going to do any videos on Flutter.

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

    Amazing, I am addicted.

  • @davidhcefx
    @davidhcefx 4 ปีที่แล้ว

    Nice video.
    It would be perfect if there was some BGM in the background throughout the video.

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

    Jeff is my favourite tech youtuber!

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

    Great video! As usual 👍

  • @Gurpreetsingh-bl8gg
    @Gurpreetsingh-bl8gg 5 ปีที่แล้ว

    Your tutorials and illustrations are really great 😄😄😄

  • @6ocram
    @6ocram 4 หลายเดือนก่อน +1

    Excellent video 👌

  • @RajuR-py7ss
    @RajuR-py7ss 5 ปีที่แล้ว

    Waiting to see ur next video on object oriented / functional in ts

  • @anothercrappypianist
    @anothercrappypianist 5 ปีที่แล้ว

    Great pace. No bullshit. Nicely done.

  • @terry.chootiyaa
    @terry.chootiyaa 2 ปีที่แล้ว +1

    *Wow like from the intro you must be very close to your client 😁*

  • @chandherbb05
    @chandherbb05 5 ปีที่แล้ว

    This video was perfectly done! Loved it. Will try to use typescript in my new project

  • @AshishBogawat
    @AshishBogawat 5 ปีที่แล้ว

    As someone just about getting to know JS, I've been a bit skeptical of diving into Typescript. After watching this intro though, I think I might give it a shot.

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

    Straight to the point. Love it.

  • @Atif1702
    @Atif1702 5 ปีที่แล้ว

    You explain really well. Do you have a full course (Beginner to Advanced Level) on TypeScript?

  • @Lintlikr1
    @Lintlikr1 10 หลายเดือนก่อน

    At my last position we used ESLint to check our javascript files before submitting them. I guess this is similar only it tells you as you're writing the code rather than having a linter check it on command. Any other advantages typscript has over using something like ESLint? Tons of companies are now requiring typscript experience and now I see why. Thanks for the video.

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

    Good video. Love this for making simple understanding in a short time

  • @junaid.hassan
    @junaid.hassan 5 ปีที่แล้ว +1

    Your videos have always been so helpful

  • @SaHaRaSquad
    @SaHaRaSquad 5 ปีที่แล้ว

    I always hated JS because bugs due to typing issues drive me insane. But this looks pretty decent, I'm definitely gonna try it out!

  • @henokgebremedhin3521
    @henokgebremedhin3521 4 ปีที่แล้ว

    the introduction is short and the installation is short but the video seems nice and fun

  • @candle-likeghost9523
    @candle-likeghost9523 3 ปีที่แล้ว

    8:10 that key thingy is called index signature

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

    Such a great intro!

  • @Abhishek-dp5tc
    @Abhishek-dp5tc 3 ปีที่แล้ว

    Wow Awesome
    Commenting for T-Shirt

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

    It all went full circle back to compile vs REPL. Does not matter if this is typescript or not.

  • @sivuyilemagutywa5286
    @sivuyilemagutywa5286 5 ปีที่แล้ว

    Typescript introduced me to Javascript,

  • @GrzesiekDrzewiecki
    @GrzesiekDrzewiecki 4 ปีที่แล้ว

    good and fast intruduction to TypoeScript.

  • @murugans1623
    @murugans1623 5 ปีที่แล้ว

    Thanks for the video dude. Ur awesome in every way. Please post d video for oop vs functional programming in typescript. Looking forward too tat

  • @fuaditrockz
    @fuaditrockz 5 ปีที่แล้ว

    I'm so lovely with this tutorial although he explained me so fast. Useful in the battlefield that required us to solve the problem so fast.

    • @emberavenge7162
      @emberavenge7162 4 ปีที่แล้ว

      Put the video playback speed on 0.75, it helps me out, should help you as well.

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

    Sure I would like to see some OOP vs functional!

  • @ayyappanusa
    @ayyappanusa 5 ปีที่แล้ว

    This video giving confident that i can learn

  • @JavierCarrion
    @JavierCarrion 5 ปีที่แล้ว

    You peek my interest with this typescript video

  • @joemiller8409
    @joemiller8409 11 หลายเดือนก่อน

    always helpful, the best!

  • @Felix-og7pd
    @Felix-og7pd 2 ปีที่แล้ว +1

    Would you rarher have "silly" errors in dev, or insanity-inducing errors in production?
    ts. -> .js (c++ -> assembler)

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

    Thank you for making this video

  • @alberthoekstra
    @alberthoekstra 5 ปีที่แล้ว

    Nice video ! I knew it already but nice reminder of everything 😄

  • @prosoftwebindia
    @prosoftwebindia 5 ปีที่แล้ว

    Your voice is very nice and relaxing 😌😌.....

  • @maxnaiir
    @maxnaiir 5 ปีที่แล้ว

    thanks for the video loved your explanation, any plans for in-depth typescript videos?

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

      Yes, I want to use this vid as the foundation for some more advanced concepts.

  • @YousefSh
    @YousefSh 5 ปีที่แล้ว

    I would love the T-Shirt!
    Can you do a video on SEO?

  • @diabolo1
    @diabolo1 5 ปีที่แล้ว

    Excelent video! It really awakens my interest in TS! Keep up the good work!

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

    Are people here who use TS regularly?
    Where I work we use jquery extensively and I wonder if jquery works well with ts? And also does it make sense to learn ts when you mostly use jquery?

  • @mundanephenomenon7438
    @mundanephenomenon7438 4 ปีที่แล้ว

    Can you make a mini follow up on typecasting? I still don't quite get how they work.

  • @Nenill0
    @Nenill0 5 ปีที่แล้ว

    Thanks for the video! Much more useful than I thought. TypeScript is awesome, you can write professional code without worrying about browsers support

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

    I always hated type-safety while being js dev. But now Im in rust so ts yes!

  • @srukshan98
    @srukshan98 5 ปีที่แล้ว

    Great video...

  • @MartijnLoth
    @MartijnLoth 5 ปีที่แล้ว

    Very interesting!

  • @alejandrogomezpr
    @alejandrogomezpr 5 ปีที่แล้ว

    thanks for the video and your work!

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

    typescript makes angular framework the best!!!

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

    reminds me a lot of Swift honestly