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 🤣

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

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

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

[@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]

🤓

[@unknownguywholovespizza]

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

[@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 😂.

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

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

[@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. 🙏🏿

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

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

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

[@unknownguywholovespizza]

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

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

[@unknownguywholovespizza]

JS also supports auto import

[@raushonmunni2633]

Progressive Web Apps in 100 seconds

[@Kreyn-ns8gx]

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

[@kamil118]

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

[@RedStone576]

he clearly said "your"

[@AlphaWatt]

EXACTLY what hoped out of this video. Thank you!

[@mufasasimsek9931]

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

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

[@Infinitude]

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

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

[@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?

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

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

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

[@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 😊.

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

[@blatchie4608]

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

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

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

[@OhAzanChannel]

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

[@matthewao]

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

[@Danielspss]

God bless the ppl who created Typescript 😊

[@NilesBlackX]

Crazy coincidence since I literally decided to learn typescript five hours ago You always do this. This is why I subscribed

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

[@basarat]

Nice summary 🌹

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

[@HamaadSiddiqui]

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

[@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)

[@ayushpurohit8266]

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

[@hfourie7121]

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

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

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

[@arosdove3224]

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

[@wassim5622]

im in love with that end so cool animation !!

[@albertbennett6290]

Reason in 100 seconds pls? Great Video btw!

[@vaolin1703]

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

[@amirhoseinrabiee5854]

Best channel in KZbin.

[@banzooiebooie]

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

[@AsakuraAvan]

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

[@Roxve]

But you won't need to go tough your 700 lines of code to find where the error is unlike JavaScript

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

[@kuoyulu6714]

This is really great!

[@khokon_m]

Web sockets in 100 seconds.

[@sawilliams]

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

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

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

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

[@nicetomeetugaming7024]

Your videos are always amazing!

[@kunalsoni7681]

best video on typescript intro :)

[@shwetakadam7915]

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

[@roshan4348]

Great typescript video!

[@GiuseppeGreco-jl7dx]

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

[@Euler123-h8n]

Typescript = Javascripter's baby sister , LOL. Typescript = When a quality checker tool turns in a programming language, LOL2 Typescript = When a vsc plugin got a celebrity status, LOL3.

[@EllyOguttu]

Thanks for explaining TS .subscribed

[@if6925]

0:06 Lebanon

[@Fireship]

Probably right, I thought it was Portland, Oregon

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

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

[@brightlyvirya7500]

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

[@amanuel2135]

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

[@brunorocha9898]

Awesome class!!! Thank you

[@pupdoggify]

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

[@asfandalikhan6269]

Where was this channel all my life?

[@prashoonbhattacharjee8211]

Fantastic video!!

[@vishistsd]

I was just thinking about considering switching to deno and ts

[@Chris-zt4ol]

Can use node with ts too

[@eicoz]

Great explanation !

[@nepalxplorer]

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

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

[@wellingtonchanda4067]

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

[@locus1289]

Please make videos on Ionic React !!

[@I_get_to_start_my_bucketlist]

function is the building block of all code, how would it work with coders (others and yourself) if you can not tell what parameters the funciton takes and what return value it gives. I think, typing is adopted by many more dynamic languages such as python, php nowadays because it is simply the critical communcation tool for coders, you don't see how necessary typing could be if you build smaller programs alone (this kind of small libs are all over github now) typing tells a lot when you provide funcitons for others, or you need to check the code you have written 3 weeks ago. typing also forces coders to design the idea in mind first, which slows down the execution, I guess that is why new coders kinda dislike it.

[@__greg__]

These are very helpful, thanks!

[@MsAYAD2012]

I LOVE YOUR VIDEOS

[@mubafaw]

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

[@zemalex89]

Great video, short and direct

[@webdecodedwithfahad4414]

Which one to choose react or Angular in 100 seconds💋

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

[@ahverypro]

i love you fireship

[@barkaouiaziz8926]

Great content 🔥🔥

[@JustinK0]

This is why i like angular more than react, naturally in typescript instead of javascript.

[@catpurrfect]

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

[@ericbwertz]

smart kitteh

[@Loopmootin]

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

[@sinom]

The only reason you ever need to use 'any' is when you use a library with broken typing. And even then you can usually get away with 'as' instead.

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