TypeScript in 100 Seconds

Рет қаралды 837,872

3 жыл бұрын

Learn the basics if TypeScript in 100 Seconds! If you love TS, upgrade to Fireship PRO for 40% off using code mbus5Kcj at fireship.io/pro
TypeScript docs www.typescriptlang.org/
#typescript #js #100SecondsOfCode
Install the quiz app 🤓
iOS itunes.apple.com/us/app/fires...
Android play.google.com/store/apps/de...
My VS Code Theme
- Atom One Dark
- vscode-icons
- Fira Code Font

Пікірлер: 438

@Fireship 3 жыл бұрын

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 3 жыл бұрын

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

@locus1289 3 жыл бұрын

Please make videos on Ionic React.

@kaidenrogers 3 жыл бұрын

Damnit, I missed it

@acryliq 3 жыл бұрын

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

@911madza 3 жыл бұрын

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

@christianremboldt1557 Жыл бұрын

I am transitioning right now

@leokiller123able Жыл бұрын

@@thatsalot3577 now I use typescript 🤣

@NauvalAzhar 3 жыл бұрын

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

@kid1412621 3 жыл бұрын

Http 1 2 3 per 100s

@jamesfoo8999 2 жыл бұрын

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 KZfaq juga mas 😂.

@ProjectExMachina 3 жыл бұрын

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 2 жыл бұрын

Programmers are lazy by nature. Thus, :any.

@ericbwertz 2 жыл бұрын

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

@danielsantrikaphundo4517 Жыл бұрын

@@InfinityOver0 thats feels like an excuse

@InfinityOver0 Жыл бұрын

@@danielsantrikaphundo4517 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 3 жыл бұрын

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 3 жыл бұрын

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

@mduke162 2 ай бұрын

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

@marna_li 3 жыл бұрын

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 Жыл бұрын

🤓

@thecoolnewsguy Жыл бұрын

@@EduardoMengesMattje I love books 📚

@harisbashir2719 3 жыл бұрын

Web sockets in 100 seconds plz

@lohitakshtrehan6379 3 жыл бұрын

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

@Fireship 3 жыл бұрын

It's on the list

@mateowang6570 3 жыл бұрын

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

@Nurtylek 3 жыл бұрын

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

@Fireship 3 жыл бұрын

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

@ArchiWorldRuS 3 жыл бұрын

Just sign up on GitHub Done 🤣👌

@nodidog 3 жыл бұрын

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

@harisbashir2719 3 жыл бұрын

Really need this

@squirrel1620 3 жыл бұрын

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

@absbi0000 2 жыл бұрын

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

@Kreyn-ns8gx Жыл бұрын

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

@jeffreyjdesir 3 жыл бұрын

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

@thomasfischer8282 3 жыл бұрын

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

@Infinitude 3 жыл бұрын

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

@cabo087 3 жыл бұрын

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

@AlphaWatt 2 жыл бұрын

EXACTLY what hoped out of this video. Thank you!

@abdullahawisimulaha 3 жыл бұрын

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

@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

@Kleberei 3 жыл бұрын

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 3 жыл бұрын

Progressive Web Apps in 100 seconds

@blatchie4608 2 жыл бұрын

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

@banzooiebooie 3 жыл бұрын

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

@mufasasimsek9931 2 жыл бұрын

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

@jerseyse410 2 жыл бұрын

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 2 жыл бұрын

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

@luizAugustoll 2 жыл бұрын

and you can comment params for the function

@oliveryt7168 2 жыл бұрын

@@luizAugustoll code should be self-explanatory.

@wasserruebenvergilbungsvirus Жыл бұрын

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

@thecoolnewsguy Жыл бұрын

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

@wassim5622 3 жыл бұрын

im in love with that end so cool animation !!

@arosdove3224 3 жыл бұрын

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

@FRONTRUS 3 жыл бұрын

*Covid-19* : Making Programmers Since 2020 🎓

@ujulspins 3 жыл бұрын

lol, true

@migmoog 3 жыл бұрын

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

@neillunavat 3 жыл бұрын

Haha you are so accurate.

@neillunavat 3 жыл бұрын

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

@ananttiwari1337 3 жыл бұрын

@@neillunavat lmao

@OhAzanChannel 3 жыл бұрын

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

@ahmadfariz7173 4 ай бұрын

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

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

@HamaadSiddiqui 3 жыл бұрын

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

@bmiller949 8 ай бұрын

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

@bobDotJS 3 жыл бұрын

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 KZfaq channel courses. An investment in my future...

@__greg__ 3 жыл бұрын

These are very helpful, thanks!

@nicetomeetugaming7024 2 жыл бұрын

Your videos are always amazing!

@brunorocha9898 Жыл бұрын

Awesome class!!! Thank you

@TheCodingOdyssey 3 жыл бұрын

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

@SuperMakannasi 3 жыл бұрын

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

@zemalex89 3 жыл бұрын

Great video, short and direct

@kuoyulu6714 4 ай бұрын

This is really great!

@roshan4348 3 күн бұрын

Great typescript video!

@kunalsoni7681 3 жыл бұрын

best video on typescript intro :)

@EllyOguttu 3 жыл бұрын

Thanks for explaining TS .subscribed

@usmanmir5663 3 жыл бұрын

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

@NeelHomework 3 жыл бұрын

I wrote 593 lines of code without errors. Easy.

@usmanmir5663 3 жыл бұрын

@@NeelHomework it was HTML probably

@NeelHomework 3 жыл бұрын

@@usmanmir5663 It's typescript

@ibrasome4492 3 жыл бұрын

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

@aeuludag 3 жыл бұрын

@@NeelHomework 600 lines of console.log :D

@msoares2603 3 жыл бұрын

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

@kamil118 2 жыл бұрын

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

@RedStone576 2 жыл бұрын

he clearly said "your"

@ninjaasmoke 3 жыл бұрын

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 5 ай бұрын

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.

@ahmedbalady1262 3 жыл бұрын

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

@Simple_OG 5 ай бұрын

Your emoji 🙆

@prashoonbhattacharjee8211 3 жыл бұрын

Fantastic video!!

@amirhoseinrabiee5854 2 жыл бұрын

Best channel in KZfaq.

@avi12 3 жыл бұрын

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 2 жыл бұрын

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

@supersquirrel7340 2 жыл бұрын

@@cookedpotato reliable source

@liamwelsh5565 2 жыл бұрын

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 2 жыл бұрын

@@liamwelsh5565 source? just trust him bro

@madhououinkyoma Жыл бұрын

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

@basarat 3 жыл бұрын

Nice summary 🌹

@eicoz 10 ай бұрын

Great explanation !

@frogery 3 жыл бұрын

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

@absbi0000 2 жыл бұрын

Still important to learn the foundations of JS first!

@creepychris420 3 жыл бұрын

okay ill start using it

@NilesBlackX 3 жыл бұрын

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

@OmegaCat9999 Жыл бұрын

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

@mubafaw 2 жыл бұрын

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

@arts-guru7533 2 жыл бұрын

So funny and educational Thank you

@hfourie7121 3 жыл бұрын

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

@carlosarena9864 3 жыл бұрын

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.

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

@thecoolnewsguy Жыл бұрын

JS also supports auto import

@matthewao 3 жыл бұрын

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

@vladislavsobolev5548 3 жыл бұрын

Best 100 second for this day

@kresimircosic9035 3 жыл бұрын

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

@Nexus-rt1bm 3 жыл бұрын

Bless Generics and type params

@GiuseppeGreco-jl7dx Жыл бұрын

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

@yarik_superpro 6 ай бұрын

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

@rishabhgupta2085 3 жыл бұрын

Great video 👍🏻

@barkaouiaziz8926 Күн бұрын

Great content 🔥🔥

@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

@asfandalikhan6269 3 жыл бұрын

Where was this channel all my life?

@stewdean 9 ай бұрын

Very helpful

@MrPetzold123 4 ай бұрын

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

@zafaris 3 жыл бұрын

Nice video!

@MsAYAD2012 3 жыл бұрын

I LOVE YOUR VIDEOS

@khokon_m 3 жыл бұрын

Web sockets in 100 seconds.

@catpurrfect 3 жыл бұрын

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

@ericbwertz 2 жыл бұрын

smart kitteh

@pupdoggify 3 жыл бұрын

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

@albertbennett6290 3 жыл бұрын

Reason in 100 seconds pls? Great Video btw!

@sierragutenberg 4 ай бұрын

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

@farisonet 2 жыл бұрын

Great! My be Nuxt js in 100s in future

@ahverypro 3 жыл бұрын

i love you fireship

@ArquimedesOfficial 2 жыл бұрын

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.

@locus1289 3 жыл бұрын

Please make videos on Ionic React !!

@shwetakadam7915 3 жыл бұрын

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

@okanyldrmop 3 жыл бұрын

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

@MaxProgramming 3 жыл бұрын

He has done flutter i think. But not sure

@ranjith27 3 жыл бұрын

He has! kzfaq.info/get/bejne/oq6YhcuBu5ORd2Q.html

@wellingtonchanda4067 3 жыл бұрын

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

@osmantas369 3 жыл бұрын

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

@Danielspss 6 ай бұрын

God bless the ppl who created Typescript 😊

@amanuel2135 3 жыл бұрын

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

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

@pandonus 3 жыл бұрын

thank you.

@benyaminloghmanian 2 жыл бұрын

Beautiful.

@AlphaFoxDelta 3 жыл бұрын

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.

@cindrmon 3 жыл бұрын

wow.. no wonder my friends likes it that much

@if6925 3 жыл бұрын

0:06 Lebanon

@Fireship 3 жыл бұрын

Probably right, I thought it was Portland, Oregon

@KeksStarLP 3 жыл бұрын

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!