@@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
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
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.
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 :)
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.
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 }) ;
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
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
@@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
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:)
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.
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
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
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.
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 😊.
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
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.
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
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 TH-cam channel courses. An investment in my future...
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.
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!
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.
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.
@@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
@@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.
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.
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.
If you want to see TS in action, upgrade to Fireship PRO with this 40% off code (ends Nov 30th): mbus5Kcj fireship.io/pro
Hi, is it possible; if you create a video/course on how you build your website?
Please make videos on Ionic React.
Damnit, I missed it
@@kaidenrogers I was so concentrated on Laracasts, that I completely forgot about Fireship. The only other membership I am willing to purchase.
There are 2 kinds of people: those who love TS and those who have not used vanilla JS enough.
I prefer JS
@@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
Haven't crossed that line yet but I plan to one day
I am transitioning right now
@@thatsalot3577 now I use typescript 🤣
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
Programmers are lazy by nature. Thus, :any.
@@InfinityOver0 if they were that lazy, they wouldn't be using typescript in the first place, else stupid
@@InfinityOver0 thats feels like an excuse
@@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.
@@InfinityOver0 disable any on ur tsconfig, done!
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.
Yeah same dude. This video gives me weird confusion of understanding
Ditto. Loved it. javascript types, IDE, and interfaces....DONE!
Web sockets in 100 seconds plz
Would love this video. Also make a detail video along with 100 seconds
It's on the list
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 :)
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.
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 I love books 📚
@@Jack-yk3nl that is expected behaviour. It is not an error.
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
This is the best explanation of typescript I've seen yet. Thank you for detailing why it's so needed.
Awesome as always! HTTP in 100 seconds would be great.
Http 1 2 3 per 100s
Could probs do HTTP in 20 seconds :P
Mas Nauval mampir disini
@@andifaizal6848 kita ketemu di mana-mana mas wkwkwkw
@@NauvalAzhar wkwkwk di discord,di fb,di Instagram,di TH-cam juga mas 😂.
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
awesome, can u make video abt joining to open source world?)
That's an interesting idea... I'll think about it.
Just sign up on GitHub
Done
🤣👌
Agree. I'd love to get stuck in and help with some open source projects, but it seems pretty overwhelming from the outside
Really need this
@@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
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. 🙏🏿
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:)
Reallly helped with my research you literally made the "TypeScript" of "What is TypeScript". No bs, straight to the point
Progressive Web Apps in 100 seconds
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.
JS also supports auto import
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
you can, but JSDocs is a hell... If you are interested look like typedef for object and function descriptor.
and you can comment params for the function
@@luizAugustoll code should be self-explanatory.
You can do that in Python? Wtf, I didn't know that. Cool.
@@wasserruebenvergilbungsvirus yeah but it doesn't give you any power. It's just to only help you not the interpreter.
*Covid-19* : Making Programmers Since 2020 🎓
lol, true
Can confirm, that's one thing I can appreciate this year for
Haha you are so accurate.
Wait, I didnt reply on this. Who tf?!
@@neillunavat lmao
Wow. This is the perfect thumbnail sketch of TypeScript. It's like 'Hello World'!
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 :))
This madman put "You're typescript project" into the script and actually read it and recorded.
1:08
he clearly said "your"
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
just try it bro, you are gonna love it, source?, just trust me bro
@@cookedpotato reliable source
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.
@@liamwelsh5565 source? just trust him bro
@@cookedpotato the potato came back. How can you not trust it?
came here becouse people suggested,this is very promising to type checking (gonna use it for client invoking)
after a couple years of working in JS, i'm extremely glad that TS exists 😅
Still important to learn the foundations of JS first!
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.
God bless the ppl who created Typescript 😊
Was like, I need to learn TypeScript, open youtube, check notifications, first notification now I am here. lol.
TypeScript is magnificent - I would never type pure JS again. Generics also bring it to a whole new reusability level.
Bless Generics and type params
Last time I was this early, I wrote a 100 lines of code without a single error...
...I was never this early
I wrote 593 lines of code without errors.
Easy.
@@NeelAdventures it was HTML probably
@@usmanmir5663 It's typescript
@@NeelAdventures Do it on assembly then I'll be impressed
@@NeelAdventures 600 lines of console.log :D
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 😊.
Crazy coincidence since I literally decided to learn typescript five hours ago
You always do this. This is why I subscribed
EXACTLY what hoped out of this video. Thank you!
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
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.
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
Thanks for this. It seems like recently I am hearing more and more about Typescript. Its like its banging in my brain: Learn me!!!
i have been learning Typescript a years ago after get suggest from my friend who Javascript expert ....
Please remember while python and js are dynamic
JS is loosely typed
Python is strongly typed
man i'm starting to see why these 100 seconds intros are so popular
Please do flutter/dart in 100 seconds, your videos are amazing!
He has done flutter i think. But not sure
He has! th-cam.com/video/lHhRhPV--G0/w-d-xo.html
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 TH-cam channel courses. An investment in my future...
Where was this channel all my life?
Wow, never feel enlightened like this. Now i really understood what typescript is. Haha. Thank you. I will learn typescript right away.
I've never clicked a video so fast in my life
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.
So basically it’s like Python with consistent type hinting and a static type checker
thanks for a quick overview! I think I should start learning typescript right now .
Thanks for this short and to the point topics covered. Definitely loved the features of typescript over the javascript. :)
im in love with that end so cool animation !!
Reason in 100 seconds pls?
Great Video btw!
Another awesome video. This youtube channel is my favorite by FAR!
So basically Typescript is just Javascript that gives you warning you when your variable types are not consistent.
But you won't need to go tough your 700 lines of code to find where the error is unlike JavaScript
Great video! Even though I knew or heard most of it it's good to have that recap from time to time. Love it!
I'm a JS user, so feel like learning this!
Crazy its like we're reinventing the wheel. All of this because we wanted 1 language to code both front end and back end.
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!
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.
My IDE does all this for me without having to add on another layer of complexity by using typescript
Nice summary 🌹
Web sockets in 100 seconds.
I think this has finally just clicked for me. Thank you for all your amazing work :)
Thanks to you fireship.I will be using from now on 🤠.
Your emoji 🙆
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.
0:06 Lebanon
Probably right, I thought it was Portland, Oregon
Best channel in TH-cam.
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)
Thanks a lot for the discount! I didn't hesitate, subscribed for life!
Amazing Video
You always inspire me to try new things and make them look so easy :)
Hi can you make a video on AWS amplify?? Or possibly small project idea or suggestions for multi cloud architecture ?
Excellent video as always ! But you shouldn't use "any" anymore, you should instead use "unknown", I think it's way better.
Why exactly is that? I have seen many developers do this although typescript reacts the same in most cases to `any` and `unknown`.
@@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
@@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.
Need Christmas/NYE discounts please. Already been a crazy year!
Fireship the TH-camr we have but don't deserve. Could you make a tutorial on typescript?
wow.. no wonder my friends likes it that much
Thanks for explaining TS .subscribed
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
Great typescript video!
This is really great!
Please make videos on Ionic React !!
This is why i like angular more than react, naturally in typescript instead of javascript.
Fun fact: Jeff made his "TypeScript in 100 Seconds"-video before he made his "JavaScript in 100 Seconds"-video 😂
Your videos are always amazing!
Interface in typescript just like cass (oop) but only atribute (no method)... like struct in c
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.
best video on typescript intro :)
Typescript: solving a non-existent problem
Great Video Thank you!!! Though What's the difference between Between Types and Interfaces in TypeScript?
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.
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.
@@mixuaquela123 the typescript is compiled to javascript so there's no runtime overhead. all your browser ever sees is javascript
Next video idea: Prisma ORM in 100s!
You just saved my career! I owe you a drink 😃
Great video, short and direct
pls video on auth with node with sql and no sql db. Like you have built in with Django
okay ill start using it
Awesome class!!! Thank you
I love TypeScript, but please when teaching beginners about "any" type, also mention it's forbidden to use :D
This is a very nice video. Well put together and easily digestible. I'm impressed.
smart kitteh
Would you still use Babel if the TS compiler bomb the JS back to the stone age for you? 😅
TypeScript is great! Been using it for several months now and I don't look back at JavaScript much.
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
You should do Ruby On Rails in 100 seconds.
100 seconds of Solidity next!
I've gotten so used to typescript that vanilla js scares me now
Its funny how the main feature of TS is "more errors"