TypeScript - The Basics

Поділитися
Вставка
  • Опубліковано 24 лис 2024

КОМЕНТАРІ • 856

  • @JonSmoley
    @JonSmoley 6 років тому +2439

    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  6 років тому +109

      Thank you Jon!

    • @TFBCountryBoy
      @TFBCountryBoy 4 роки тому +3

      @@classact9144 Why so aggressive?

    • @miltonlaxer
      @miltonlaxer 4 роки тому +60

      There is nothing on UA-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

  • @sete794
    @sete794 2 роки тому +321

    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 роки тому +2

      U a real bro

    • @skaffen
      @skaffen 2 роки тому +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

  • @DerSpudi
    @DerSpudi 5 років тому +780

    Wow, you just absolute sold me on TypeScript. I come from a Java background, and this is all I ever missed in plain JavaScript!

    • @algj
      @algj 4 роки тому +50

      I was missing Java because of how strongly typed it was. I was afraid of learning typescript because I thought it's hard, but this man teached it in couple of minutes! What a legend.
      Edit: corrected one word

    • @bajojohn
      @bajojohn 4 роки тому +62

      I was thinking, “so this turns JavaScript into a real programming language. Cool.”

    • @mohammedaliagha7520
      @mohammedaliagha7520 3 роки тому +14

      @ChoppedBlade but... Node can use typescript? And node only runs on the backend? What are you even saying?

    • @mohammedaliagha7520
      @mohammedaliagha7520 3 роки тому +20

      @ChoppedBlade typescript compiles down to JavaScript. It can compile down to browser compatible js that uses the dom, or Node.js Javascript that uses node apis like fs, http, etc. That doesn't mean it's the same as nodejs

    • @marcocaniglia3061
      @marcocaniglia3061 3 роки тому

      same

  • @ikezedev
    @ikezedev 6 років тому +721

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

  • @naveedalirehmani4135
    @naveedalirehmani4135 3 роки тому +1

    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

  • @HdeHidratado
    @HdeHidratado 4 роки тому +4

    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.

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

  • @sakariyam1610
    @sakariyam1610 3 роки тому

    Had a interview question about what was the difference between typescript and JavaScript and this video saved my life.

  • @BrianDeSousa
    @BrianDeSousa 6 років тому +13

    I have been using Typescript for a bit but always learn something new when watching your videos. Today it was adding a key property to an interface to allow classes implementing that interface to include additional properties. Great video!

  • @morningstar-1112
    @morningstar-1112 5 років тому +25

    You are such a good teacher for those who really want to be a good coder, I love your videos thank you so much for this.

  • @Methodician
    @Methodician 6 років тому +252

    Fantastic! Please do object oriented vs functional. I've been using TypeScript for years and I learned a few things... Your videos are consistently great!

    • @newbienate
      @newbienate Рік тому +2

      Where is it ? Is that oop vs functional out ?

    • @jamesscarr3372
      @jamesscarr3372 Рік тому

      ua-cam.com/video/fsVL_xrYO0w/v-deo.html

  • @alexcubed4270
    @alexcubed4270 6 років тому +155

    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  6 років тому +31

      You will never look back

    • @arcticspacefox864
      @arcticspacefox864 6 років тому +1

      @@Fireship its so true

    • @Fireship
      @Fireship  6 років тому +6

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

    • @aitchd2229
      @aitchd2229 6 років тому +2

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

    • @nidavelliir
      @nidavelliir 6 років тому +1

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

  • @aidThompsin
    @aidThompsin 3 роки тому +6

    Feeling this. I think it's the first clearly communicated TS tutorial that hasn't left me banging my head against the desk.

  • @adamg9834
    @adamg9834 4 роки тому +19

    I have so many regrets as a junior developer. I contributed a bunch of angular 7 code at a startup I work at. I had no web development experience, but regardless I needed to finish my tasks as they're assigned, so I mostly focused my efforts on learning the Angular framework (which I absolutely love tbh) and the bare minimum JS. God the web project has gotten so big now, and I really wish I fully embraced the typescript... Future junior web devs out there, heed my warning: don't neglect TS! I feel like I'm stuck conforming to bad habits for the sake of consistency.

    • @yash1152
      @yash1152 Рік тому

      thanks a lot for ur words. i am just starting with web-dev; & as i already over complicate _alll_ the things a lot (just for this correctness sake) i was thinking of giving myself some slack for choice of *script.
      but thanks. ur words have steered me in right direction in this area too.

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

  • @zoecarlibur
    @zoecarlibur 6 років тому +3

    I fell in love with TypeScript almost as soon as I heard about it. An unexpected benefit of TypeScript is you can now learn C# very easily if you want to. The syntax are very similar.

  • @yashjain611
    @yashjain611 6 років тому +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.

  • @aspected
    @aspected 4 роки тому +2

    This video was incredible. TS looked so complicated but I UNDERSTAND IT NOW. Ten minutes well spent. Thank you!

  • @kamboj65
    @kamboj65 Рік тому +1

    I'm newbie of Typescript and this help me a lot to understand the syntax and how is different from Javascript.

  • @michiel97531
    @michiel97531 2 роки тому

    I have been struggling for years in javascript and today i discovered this. I litterally looked up i hate weak typed js and found this. I'm so happy

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

  • @DEVDerr
    @DEVDerr 6 років тому +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  6 років тому +9

      Glad to hear that!

  • @NewbTube69
    @NewbTube69 5 років тому +1

    You absolutely crushed it in this video. You wasted no time explaining and covered quite a bit in the 12 minutes. Subscribed!

  • @yuudaemones2624
    @yuudaemones2624 4 роки тому

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

  • @dandandrorivolleyball
    @dandandrorivolleyball 2 роки тому +2

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

  • @mubafaw
    @mubafaw 2 роки тому +4

    Best concise beginners intro tutorial ever on typescript, with best practice! 😊 I like your no BS approach, straight to the
    point. 😊 You're blessed with the gift of teaching! Keep going 😊 We'll applaud you. 😊

  • @badwolf9090
    @badwolf9090 5 років тому +1

    I've been busy with C# and JS all day today. I'm basically burnt out and then UA-cam recommenced your video and I enjoyed every single second. TS has been something I've had my eye for a while and this video just made me want to go out and give it a go.

  • @kennethdev
    @kennethdev 4 роки тому +2

    Wow, thank you for this awesome intro to TypeScript! I have been working at an internship this summer, and yesterday I ran into some TypeScript. I had a background in JavaScript already, but I searched for a crash course just to be safe. This came up first, and in twelve minutes, I got a good handle!

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

  • @heinrichwoogue8887
    @heinrichwoogue8887 6 років тому +3

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

  • @jagzviruz
    @jagzviruz 6 років тому

    This is the first time, I want to try working with Typescript. Great delivery.

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

  • @aaenndeeerreeess
    @aaenndeeerreeess 2 роки тому

    Just the right amount of information in a good pace to give the understanding of basics.

  • @jimihenrik11
    @jimihenrik11 4 роки тому

    This video has the perfect pace and amount of information for people who know js and want to get into ts. awesome!

  • @andrews8725
    @andrews8725 6 років тому +16

    JS devs that are hesitant to learn TS because of the "extra code" will realize the amount of time saved from out of the box auto-complete with documentation + compiler errors instead of nasty runtime errors is worth it 100 fold. Plus the extra code is only if you want to adopt typescript features....if you just decide to write vanilla javascript you can and you'll still get the benefit of the typescript compiler catching a lot of potential errors for you.

    • @TTTtowelythetowelTTT
      @TTTtowelythetowelTTT 5 років тому +2

      as more of a java/scala programmer, coding in js is my nightmare because there is always all kind of unexpected nasty stuffs that happens at runtime that could be resolved earlier and easily.

  • @dreewhispers9408
    @dreewhispers9408 2 роки тому

    I love Fireship videos, it's like the author always values our time

  • @kalusharma2201
    @kalusharma2201 6 років тому +2

    Honestly best tutorials on UA-cam. I wish you made videos for advanced Javascript stuff not focused just around angular ;)

  • @aaa15119
    @aaa15119 3 роки тому

    thanks so much for every single tutorial. I was smashing my head on the wall day and night and couldn't sleep well because I did not fix the error! thanks so much

  • @QQ-gn7tc
    @QQ-gn7tc 3 роки тому

    This Channel really really deserve more. This video is one of many successful videos on this channel to deliver big topic in few minutes. All respect.

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

  • @djpunisha29
    @djpunisha29 5 років тому +1

    amazing ability to explain, clear, fast, concise, you should be a university professor :)

  • @atmanirbharladka4467
    @atmanirbharladka4467 4 роки тому +82

    My man taught me hours of typescript in 12mins.

  • @MrPandaGuo
    @MrPandaGuo 3 роки тому

    sooo smoothly edited video, I love these informative basic videos.

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

  • @محمدجوادمیرجلیلی-ص2ر

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

  • @chema9364
    @chema9364 5 років тому +3

    Great video! Estoy empezando mi carrera como programador web y este video es perfecto para saber lo básico. Mil gracias por compartir.

    • @MiSt3300
      @MiSt3300 2 роки тому

      how is your career going on 3 years later? Are you a programmer now?

    • @chema9364
      @chema9364 2 роки тому

      @@MiSt3300 sí, soy front end developer hace 4 años, trabajo con Angular, y la verdad que muy bien estoy muy contento. Tu q tal?

  • @nechitagabrieldotro
    @nechitagabrieldotro 6 років тому

    Another great video from Jeff. This video is great as a soft introduction to TypeScript, and why is it very useful. And for the next TS video, OOP in TypeScript will be "sequel" to this video.

  • @lexsoft3969
    @lexsoft3969 4 роки тому +1

    Like you, my main reason for getting started to learn TS is Angular. It's time to learn both, because I don't want to only know and use React.
    I was interested in trying NestJs for the backend too, but lacking of TS skill prevented me. I read that Deno supports TS too.

  • @MalikDixon
    @MalikDixon 6 років тому

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

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

  • @danddbandb
    @danddbandb 6 років тому

    Things nowadays are getting smarter, and less clunky. Thanks for the video.

  • @wepranaga
    @wepranaga 4 роки тому +1

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

  • @zaaaff
    @zaaaff 6 років тому +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.

  • @emergencyDuck
    @emergencyDuck 2 роки тому

    They should put a link to this video in the middle of Angular's Hero tutorial, so many things make so much more sense now.

  • @saadabbasi2063
    @saadabbasi2063 6 років тому +6

    I started working with react after working with angular/TypeScript for more than 1 and half year , the react project wasn’t configured with TypeScript and it was a nightmare figuring out what is being passed to what and what is expecting what and why. There were n amount of type issues everytime
    TS is a bless for stability and readability

    • @Fireship
      @Fireship  6 років тому +2

      React just merged official TS support for create-react-app last month, so it seems to be improving

    • @saadabbasi2063
      @saadabbasi2063 6 років тому

      It was an awesome news, but unfortunately our project wasn’t configured using create-react-app boilerplate :/ but yeah good news for people starting doing things

  • @codeswithankit4316
    @codeswithankit4316 4 роки тому

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

  • @wiredelectrosphere
    @wiredelectrosphere 3 роки тому

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

  • @dionfullysus
    @dionfullysus 3 роки тому

    Good video, much better than majority of the stuff I find on UA-cam for referencing.

  • @elmotareal
    @elmotareal 6 років тому

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

  • @beratsulimani9823
    @beratsulimani9823 6 років тому +4

    I really love Typescript. Thank you Jeff for amazing explanation.

  • @andythedishwasher1117
    @andythedishwasher1117 2 роки тому +1

    This was excellent. I would really love to see the object oriented/ functional programming in TS episode. That's been an object of curiosity for me lately.

  • @perodactyl490
    @perodactyl490 3 роки тому

    I now LOVE typescript.
    :D
    It's like auto-docblocks for vscode to understand what I do!
    Thanks a lot!

  • @Orion3000k
    @Orion3000k 3 роки тому

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

  • @shashikumar-ut6uu
    @shashikumar-ut6uu 6 років тому

    I just watch your Videos before messing out with languages. Too good

  • @CharlieKiloSierra8893
    @CharlieKiloSierra8893 6 років тому

    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

  • @BioloAccount
    @BioloAccount Рік тому +1

    Before learning typescript I hated it. After learning typescript, I love it --every developer ever

  • @remboldt03
    @remboldt03 Рік тому

    This video helped a lot. Like you, I didn't even want to start learning TypeScript, but I was kinda curious what it's all about.
    I'll now use TypeScript as well xD

  • @4MXW
    @4MXW 2 роки тому

    I'm officially addicted to this.

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

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

  • @GroudFrank
    @GroudFrank 5 років тому

    One piece of advise for any new/beginner web developer. Don't jump to TypeScript just yet. Take the time to properly learn JavaScript and then start using TypeScript to improve your code and workflow... if it becomes necessary.
    At the end of the day, JavaScript is king on the browser and if you want to be a competent web developer you simply must know and understand JavaScript well - in the same way you should learn CSS properly before learning LESS or SASS.

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

  • @GibbzM8
    @GibbzM8 5 років тому +1

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

  • @osamaayub405
    @osamaayub405 24 дні тому

    this is really helpful just started to learn typescript recently.

  • @jonasfelix7700
    @jonasfelix7700 6 років тому +1

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

  • @alexcubed4270
    @alexcubed4270 6 років тому +2

    I would really love to see more of these videos, as I'm very new to TypeScript .

  • @janardhancv1127
    @janardhancv1127 6 років тому

    I like your videos which forces me to focus more as it is in the perfect speed mode. Looking forward for the TypeScript Deep dives...

  • @zacgrierson
    @zacgrierson Рік тому

    Please do more videos on this channel, your good at these.

  • @dekcode2824
    @dekcode2824 2 роки тому

    This covers my typescript daily basis.

  • @adebiyial
    @adebiyial 6 років тому

    TypeScript was easy for me to learn. I had a .NET background. But good to see it up again.

  • @zoranristov7349
    @zoranristov7349 4 роки тому +1

    Amazing explanation, I subscribed right away. I hope to learn as much as I possibly can from your videos

  • @isiraadithya
    @isiraadithya 5 місяців тому

    Hearing this intro sound now brings back old memories 🙌

    • @nykfeng
      @nykfeng 2 місяці тому

      What is the name of it if I may ask

  • @arianvc8239
    @arianvc8239 5 років тому

    Great video! Please continue the TS series.

  • @bencroacademy
    @bencroacademy 3 роки тому

    Love your articulated vids that get me started with new concepts n frameworks . Time to do some TS on my projects ☺️

  • @AshrafTarek
    @AshrafTarek 6 років тому +7

    Good and quick explanation. Maybe you could also do a video about Flow and put it with TypeScript into comparison.

    • @Fireship
      @Fireship  6 років тому +1

      That could be cool. Maybe throw Reasonml into the mix as well.

  • @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 👏🏼

  • @thomasmundt8256
    @thomasmundt8256 4 роки тому

    An excellent wrap-up of TS, short, sweet and up to the point. :-D

  • @KennyOscar
    @KennyOscar 5 років тому

    amazing video. Compact and very informational for anyone wanting to know what using Typescript is like

  • @KaushikRao
    @KaushikRao 6 років тому +4

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

  • @seannorton2839
    @seannorton2839 6 років тому

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

  • @shaunb
    @shaunb 6 років тому +21

    OOP vs functional would be very useful!

  • @pavangrandhi
    @pavangrandhi 7 місяців тому

    Very easily understandable language, Thank you.

  • @nostalgia5031
    @nostalgia5031 3 роки тому

    This is why I now love Typescript

  • @narendrasinghrathore1012
    @narendrasinghrathore1012 6 років тому

    As i said earlier, quality content is what you deliver always in your videos.

  • @StephenOwen
    @StephenOwen 5 років тому +1

    I loved the intro, I kind of wanted that style of music to play with the whole video.

  • @OhHeyK3vin
    @OhHeyK3vin 6 років тому

    Been seriously considering adding TS to my skillset. Seeing lots of job posts specifically looking for 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.

  • @DennisPing
    @DennisPing 3 роки тому

    Great intro video. Excellent examples that show the cause & effect. I could already infer the syntax mid-way thru the video.

  • @Anonymous-mb1ly
    @Anonymous-mb1ly 3 роки тому +2

    *If you cannot run npm-commands:*
    - You need to install NodeJS first: nodejs.org/en/download/
    - If it does not install because of your security settings, write _net localgroup /add "Authenticated Users"_ *in Windows PowerShell as Admin*
    *If you cannot run tsc-commands:*
    - Replace the tsc-command with tsc.cmd if it does not work

  • @jodufan8754
    @jodufan8754 3 роки тому +1

    As a Java Developer for me typescript is like comming home