TypeScript in 100 Seconds

[@Fireship]

If you want to see TS in action, upgrade to Fireship PRO with this 40% off code (ends Nov 30th): mbus5Kcj fireship.io/pro

[@jahadempire7934]

Hi, is it possible; if you create a video/course on how you build your website?

[@locus1289]

Please make videos on Ionic React.

[@kaidenrogers]

Damnit, I missed it

[@acryliq]

@@kaidenrogers I was so concentrated on Laracasts, that I completely forgot about Fireship. The only other membership I am willing to purchase.

[@911madza]

There are 2 kinds of people: those who love TS and those who have not used vanilla JS enough.

[@leokiller123able]

I prefer JS

[@thatsalot3577]

@@leokiller123able trust me I preached the same thing for over an year but now when I'm working with large codebases, It acts as a lifesaver, now I use it everywhere

[@timothychristensen2205]

Haven't crossed that line yet but I plan to one day

[@remboldt03]

I am transitioning right now

[@leokiller123able]

@@thatsalot3577 now I use typescript 🤣

[@devnol]

Lots of friends suggested me to check out TS over and over again. I read the docs and understood very few things. This 100 second overview actually was descriptive enough to make me understand fully its uses and how it works.

[@danimunf]

Yeah same dude. This video gives me weird confusion of understanding

[@mduke162]

Ditto. Loved it. javascript types, IDE, and interfaces....DONE!

[@ProjectExMachina]

There are situations when you would think that you need to use "any" but you don't need to - a variable can be of multiple types. Example: variableName: string | boolean

[@InfinityOver0]

Programmers are lazy by nature. Thus, :any.

[@ericbwertz]

@@InfinityOver0 if they were that lazy, they wouldn't be using typescript in the first place, else stupid

[@wendolinmendoza517]

@@InfinityOver0 thats feels like an excuse

[@InfinityOver0]

@@wendolinmendoza517 I agree, which is why at work I always use real data types and not any, but can't change my coworkers's minds that easily.

[@FlanPoirot]

@@InfinityOver0 disable any on ur tsconfig, done!

[@marna_li]

Technically, JavaScript has got types - but since JavaScript is dynamically typed, we just don't know what type of value a variable contains until runtime. TypeScript is marvelous since it adds these annotations as developer tooling with no added runtime overhead. And you get a transpiler for future features too.

[@Jack-yk3nl]

But if you consider the following below, then even after run time the type of a variable can change? let item = 30; // Item is a number document.querySelector("#button").addEventListener("click", () => { item = "30"; // Item is now a string }) ;

[@EduardoMengesMattje]

🤓

[@youarethecssformyhtml]

​@@EduardoMengesMattje I love books 📚

[@codewithegai]

​@@Jack-yk3nl that is expected behaviour. It is not an error.

[@absbi0000]

This is the best explanation of typescript I've seen yet. Thank you for detailing why it's so needed.

[@blueberry5992]

oh my god exactly what I need and what I want : 1- concise and straightforward explanation 2- a general idea before starting and a recap before finishing love u

[@harisbashir2719]

Web sockets in 100 seconds plz

[@lohitakshtrehan6379]

Would love this video. Also make a detail video along with 100 seconds

[@Fireship]

It's on the list

[@mateowang6570]

YES, absolutely. Would love to see Fireship do a "how to make your data real-time" so that those not using Firebase can also get that nice real-time experience :)

[@NauvalAzhar]

Awesome as always! HTTP in 100 seconds would be great.

[@kid1412621]

Http 1 2 3 per 100s

[@jamesfoo8999]

Could probs do HTTP in 20 seconds :P

[@andifaizal6848]

Mas Nauval mampir disini

[@NauvalAzhar]

@@andifaizal6848 kita ketemu di mana-mana mas wkwkwkw

[@andifaizal6848]

@@NauvalAzhar wkwkwk di discord,di fb,di Instagram,di KZbin juga mas 😂.

[@jeffreyjdesir]

You're an OG technomancer mate! I've been skimming Learn Typescript in Y Minutes but don't have nearly as much fun as your 100s. 🙏🏿

[@cabo087]

I love to watch your videos as they are quick and to the point. As a fullstack freelance developer that changes project around every year / 1.5 year its hard to keep up with all the different techniques, frameworks etc. I forget many things that i've done in the past till I see a refresh video. Often the refresh videos are way to slow and to long if you are an experienced developer. So lets say if the focus is front-end with angular I would like to see the must know things before starting the angular project etc. Idea? (Angular, react, nodejs, typescript, aws / serverless etc:)

[@ahmadfariz7173]

1. static type checking -> prevent runtime error, such as error caused by variable not found or method not exists. 2. any javascript syntax works in typescript 3. Implicit and explicit typing 4. Intellisense -> autocomplete in IDE

[@abdullahawisimulaha]

if youre creating all of your content on your own, I can only admire your work ethic , which btw I would love to hear more about as well :))

[@Kreyn-ns8gx]

Reallly helped with my research you literally made the "TypeScript" of "What is TypeScript". No bs, straight to the point

[@Nurtylek]

awesome, can u make video abt joining to open source world?)

[@Fireship]

That's an interesting idea... I'll think about it.

[@ArchiWorldRuS]

Just sign up on GitHub Done 🤣👌

[@nodidog]

Agree. I'd love to get stuck in and help with some open source projects, but it seems pretty overwhelming from the outside

[@harisbashir2719]

Really need this

[@squirrel1620]

@@nodidog you just gotta message the dev and see where they're at: i.e. if they're expanding the code or working on bugs. Most large open source projects have a set of like 3 active devs and dozens more semi active, followed by hundreds of forks, added feature sets and such

[@adeyanjusegunsamuel2686]

Few months ago I didn't bother with Typescript because I thought it was adding more work. But after working with it in a react typescript project I now know why people love it. VS code intellisense goes straight to another level and you get auto import of modules in most cases.

[@youarethecssformyhtml]

JS also supports auto import

[@jerseyse410]

As a JS newbie, I love TS. It's like the safety of Java or C-Sharp but in JS. It always frustrated me that I couldn't tell the linter in JS like I could in Python that I only wanted a certain type for a function argument: def greeting(name: str) -> str: return 'Hello ' + name

[@luizAugustoll]

you can, but JSDocs is a hell... If you are interested look like typedef for object and function descriptor.

[@luizAugustoll]

and you can comment params for the function

[@oliveryt7168]

@@luizAugustoll code should be self-explanatory.

[@wasserruebenvergilbungsvirus]

You can do that in Python? Wtf, I didn't know that. Cool.

[@youarethecssformyhtml]

@@wasserruebenvergilbungsvirus yeah but it doesn't give you any power. It's just to only help you not the interpreter.

[@kamil118]

This madman put "You're typescript project" into the script and actually read it and recorded. 1:08

[@RedStone576]

he clearly said "your"

[@ninjaasmoke]

Man, you are insane! It takes a considerable amount of knowledge of each of these languages, applications or softwares to put all essential elements into a 100s video! Kudos

[@timothychinye6008]

Wait... this guy is great and all but... don't lie or misunderstand things. The essentials, are the basics. It really does not take "a considerable amount of knowledge of each of these languages", you just just need first-hand experience with them.

[@bmiller949]

Wow. This is the perfect thumbnail sketch of TypeScript. It's like 'Hello World'!

[@Kleberei]

This is by far the best Video i have ever seen, to show someone who wants to know why he should look into typescript. Thank you.

[@raushonmunni2633]

Progressive Web Apps in 100 seconds

[@AlphaWatt]

EXACTLY what hoped out of this video. Thank you!

[@tommyF151]

Great video! Even though I knew or heard most of it it's good to have that recap from time to time. Love it!

[@mufasasimsek9931]

Another awesome video. This youtube channel is my favorite by FAR!

[@Infinitude]

Thanks for this short and to the point topics covered. Definitely loved the features of typescript over the javascript. :)

[@blatchie4608]

I think this has finally just clicked for me. Thank you for all your amazing work :)

[@avi12]

TypeScript is mostly useful for folks who come over from strongly-typed languages like C, C++, C#, Java I don't use TypeScript in any of my project, partly because I'm typically working alone

[@cookedpotato]

just try it bro, you are gonna love it, source?, just trust me bro

[@supersquirrel7340]

@@cookedpotato reliable source

[@liamwelsh5565]

I said the same thing till I started working with a company who uses TS. Trust me, if you try it you'll hate it at first but it grows on you once you realize much time it saves you from debugging. The thought on console logging for an hour or more over silly bug just makes me cringe, and that stuff happens with plain JS.

[@cookedpotato]

@@liamwelsh5565 source? just trust him bro

[@madhououinkyoma]

@@cookedpotato the potato came back. How can you not trust it?

[@OhAzanChannel]

Wow, never feel enlightened like this. Now i really understood what typescript is. Haha. Thank you. I will learn typescript right away.

[@usmanmir5663]

Last time I was this early, I wrote a 100 lines of code without a single error... ...I was never this early

[@NeelAdventures]

I wrote 593 lines of code without errors. Easy.

[@usmanmir5663]

@@NeelAdventures it was HTML probably

[@NeelAdventures]

@@usmanmir5663 It's typescript

[@ibrasome4492]

@@NeelAdventures Do it on assembly then I'll be impressed

[@aeuludag]

@@NeelAdventures 600 lines of console.log :D

[@bobDotJS]

That coupon code is exactly what I needed to GoPro. With all of the Black Friday deals I subscribed to all of my favorite code KZbin channel courses. An investment in my future...

[@hfourie7121]

Was like, I need to learn TypeScript, open youtube, check notifications, first notification now I am here. lol.

[@frogery]

after a couple years of working in JS, i'm extremely glad that TS exists 😅

[@absbi0000]

Still important to learn the foundations of JS first!

[@yarik_superpro]

came here becouse people suggested,this is very promising to type checking (gonna use it for client invoking)

[@TheCodingOdyssey]

Thanks for this. It seems like recently I am hearing more and more about Typescript. Its like its banging in my brain: Learn me!!!

[@Progovchannel]

i have been learning Typescript a years ago after get suggest from my friend who Javascript expert ....

[@heymauriciosoares]

I know it's not strictly related to TECH, but the majority of developers uses it somehow... so perhaps a video with the topic "'Agile Methodologies in 100 seconds" would be interesting

[@AsakuraAvan]

So basically Typescript is just Javascript that gives you warning you when your variable types are not consistent.

[@banzooiebooie]

Thanks a lot for the discount! I didn't hesitate, subscribed for life!

[@Atkafası-31]

TS is like using Ubuntu and sticking to Vanilla JS is like using Debian. I've been on Debian for 10+ years now :)

[@wassim5622]

im in love with that end so cool animation !!

[@FRONTRUS]

*Covid-19* : Making Programmers Since 2020 🎓

[@septuleptum]

lol, true

[@migmoog]

Can confirm, that's one thing I can appreciate this year for

[@neillunavat]

Haha you are so accurate.

[@neillunavat]

Wait, I didnt reply on this. Who tf?!

[@ananttiwari1337]

@@neillunavat lmao

[@arosdove3224]

thanks for a quick overview! I think I should start learning typescript right now .

[@carlosarena9864]

I'm not the first nor the second nor the third nor the fourth and so on, but I've just taken the phone and boom! There was a new video from you and it was released just a couple of minutes ago. That's what I call connection.

[@HamaadSiddiqui]

Amazing Video You always inspire me to try new things and make them look so easy :)

[@kresimircosic9035]

TypeScript is magnificent - I would never type pure JS again. Generics also bring it to a whole new reusability level.

[@Nexus-rt1bm]

Bless Generics and type params

[@basarat]

Nice summary 🌹

[@yash1152]

wow, this video is so awesome. i am able to understand so much part of it (which earlier i normally won't be able to)

[@albertbennett6290]

Reason in 100 seconds pls? Great Video btw!

[@MrPetzold123]

Anders Hejlsberg must have had fun when looking at Javascript and then determining "this thing needs some Turbo Pascaling to be actually really usable"...but good thing he did anyway 😊.

[@matthewao]

I've never clicked a video so fast in my life

[@matthewnorman1326]

I find JavaScript + JSDoc + VSCode + ESLint works great and I don’t have to transpile and use code maps for debugging. ES6 changed the game with classes among other amazing features. TypeScript is used by VSCode for handling type awareness. And you don’t have to write TypeScript. Also, who doesn’t test their code to let a bug like an undeclared/undefined variable get into production? VSCode would catch that scenario with ESLint and warn you.

[@okanyldrmop]

Please do flutter/dart in 100 seconds, your videos are amazing!

[@MaxProgramming]

He has done flutter i think. But not sure

[@ranjith27]

He has! kzbin.info/www/bejne/onnLg5uGi5JgfZI

[@amirhoseinrabiee5854]

Best channel in KZbin.

[@Danielspss]

God bless the ppl who created Typescript 😊

[@ayushpurohit8266]

Please remember while python and js are dynamic JS is loosely typed Python is strongly typed

[@GiuseppeGreco-jl7dx]

man i'm starting to see why these 100 seconds intros are so popular

[@nicetomeetugaming7024]

Your videos are always amazing!

[@ahmedbalady1262]

Thanks to you fireship.I will be using from now on 🤠.

[@Simple_OG]

Your emoji 🙆

[@AlphaFoxDelta]

I cant believe I worked with JS alone for so long, simple ignorance about TS I suppose but, I've been doing TS for just under a year and I cant think of why these two aren't meant for one another in any situation.

[@KeksStarLP]

Had to teach myself TS because the company, I‘m working at is using it. At first I was a bit hesitant, but after a while it‘s save to say that TS is awesome!

[@roshan4348]

Great typescript video!

[@EllyOguttu]

Thanks for explaining TS .subscribed

[@asfandalikhan6269]

Where was this channel all my life?

[@vaolin1703]

So basically it’s like Python with consistent type hinting and a static type checker

[@amanuel2135]

Fireship the KZbinr we have but don't deserve. Could you make a tutorial on typescript?

[@kuoyulu6714]

This is really great!

[@mubafaw]

You just saved my career! I owe you a drink 😃

[@OmegaCat9999]

I'm a JS user, so feel like learning this!

[@yalslaus]

Crazy its like we're reinventing the wheel. All of this because we wanted 1 language to code both front end and back end.

[@TheGamerRespow]

Excellent video as always ! But you shouldn't use "any" anymore, you should instead use "unknown", I think it's way better.

[@Nexus-rt1bm]

Why exactly is that? I have seen many developers do this although typescript reacts the same in most cases to `any` and `unknown`.

[@luizAugustoll]

@@Nexus-rt1bm i think any doens't "anything" the types, and that makes it more consistent, and one way (you can set any value to it, but you can't 'arg' that it is any value). Many times I was mad about unknown, until I realize that it's my mistake and not the checker that doesn't known what I mean

[@Nexus-rt1bm]

@@luizAugustoll It's been about a year now and after writing more typescript, I've come to understand their differences. I also agree with your explanation.

[@kunalsoni7681]

best video on typescript intro :)

[@53Strat]

I practiced with C# and now I'm doing javascript and react heavily. Yeah, I will get into typescript more now I got my certificate

[@sawilliams]

My IDE does all this for me without having to add on another layer of complexity by using typescript

[@catpurrfect]

This is a very nice video. Well put together and easily digestible. I'm impressed.

[@ericbwertz]

smart kitteh

[@zemalex89]

Great video, short and direct

[@brunorocha9898]

Awesome class!!! Thank you

[@a2xd94]

So the big question is - when would it be appropriate to NOT use Typescript over regular JavaScript? I see no practical use cases other than some ridiculously simple single page application that has plain JavaScript written within the html itself. This is coming from a C# developer - I’m learning JavaScript right now and boy does it seem dangerous to me to just be able to type anything and it not throw an error. TypeScript seems like the way to be able to manage large and complex JavaScript code base.

[@mixuaquela123]

I've heard JavaScript is a bit faster since browsers understands JS and so TS needs to be converted to JS before browsers can handle it.

[@FlanPoirot]

@@mixuaquela123 the typescript is compiled to javascript so there's no runtime overhead. all your browser ever sees is javascript

[@shwetakadam7915]

Hi can you make a video on AWS amplify?? Or possibly small project idea or suggestions for multi cloud architecture ?

[@pupdoggify]

Need Christmas/NYE discounts please. Already been a crazy year!

[@__greg__]

These are very helpful, thanks!

[@wellingtonchanda4067]

Great Video Thank you!!! Though What's the difference between Between Types and Interfaces in TypeScript?

[@khokon_m]

Web sockets in 100 seconds.

[@locus1289]

Please make videos on Ionic React !!

[@XTpF4vaQEp]

I love TypeScript, but please when teaching beginners about "any" type, also mention it's forbidden to use :D

[@SpiceFox]

I started in JavaScript, then I ran to C++ with Arduino. Then I ran back to Js, but I miss the types. Now I'm eyeing TS from across the room

[@osmantas369]

Hi @jeff, Appreciate your work. I wonder color theme you are using in your videos as well as on the website? Would you share it publicly? Thx

[@prashoonbhattacharjee8211]

Fantastic video!!

[@eicoz]

Great explanation !

[@Loopmootin]

Would you still use Babel if the TS compiler bomb the JS back to the stone age for you? 😅

[@barkaouiaziz8926]

Great content 🔥🔥

[@sierragutenberg]

Fun fact: Jeff made his "TypeScript in 100 Seconds"-video before he made his "JavaScript in 100 Seconds"-video 😂

[@brightlyvirya7500]

Interface in typescript just like cass (oop) but only atribute (no method)... like struct in c

[@develop-with-faizan]

hows the future of typescript?

[@if6925]

0:06 Lebanon

[@Fireship]

Probably right, I thought it was Portland, Oregon

[@danimunf]

Nice explanation. This makes me want to learn typescript, I've already learn javascript and get used to it to work on some projects. And now i maybe losing my faith on js haha

[@arts-guru7533]

So funny and educational Thank you

[@vladislavsobolev5548]

Best 100 second for this day

[@NithinJune]

I thought you already made a typescript video

[@farisonet]

Great! My be Nuxt js in 100s in future

[@sanampakuwal]

I have a question, Can't JavaScript make type checking as a feature is future. I think we should upgrade for JavaScript itself instead of introducing new library..

[@Daniguy-p1b]

😂 still no