JavaScript: How It's Made

[@lightning_11]

A wise person once said: "Learning Javascript is like looking both ways before crossing the street, then getting hit by an airplane."

[@brianmazzocchi]

🤣

[@jorik170]

lmao

[@SpringySpring04]

math and computer science degrees in a nutshell

[@creatorsremose]

Been writing JS for 20 years, knew all of this shit already and still enjoyed your video... accurate, professional and fun.

[@IUPLOADSHORTVIDEOS]

Lmao u mastered it

[@braindeveloperdimensional5579]

For 20 years you must have gathered wise knowledge. Want to share some?

[@cautarepvp2079]

now are you earning 200k or something? 20 years of exp holy fck

[@dusscode]

Creator's Remorse hard to believe

[@amongdoomers9464]

he probably lying , lmao

[@AmxCsifier]

The first time ever someone described assembly as syntactic sugar.

[@AmxCsifier]

@K.D.P. Ross You sound dehydrated

[@msthalamus2172]

I would never have thought so, but when I was getting my CS degree, one of our assignments was to construct a Hello World app-- in binary. All of a sudden, assembly seemed like a cake walk! :)

[@AmxCsifier]

@@msthalamus2172 I never did anything like that but I went from ASM to C once upon so I can relate in a way

[@diegosandoval2043]

It's more like lexical sugar.

[@luis_musik]

@@diegosandoval2043 contrary to machine code, instructions in assembly can have different signatures. I don't think that's possible at a lexical level

[@Oshanii]

i watched this for like 2 days, pausing and taking notes and googling. its nice to have everything in one place like this, explained succintly. definitely a good start to get to know the basics.

[@pookiepats]

hot dog great idea brother - thx fireship

[@dalimkobahc]

Same!

[@jeereB]

Not an easy task to squeeze all that info in a bit over 10 minutes. Keep up with the great videos!

[@Fireship]

Thank you. It's taken years to gain a comfortable understanding of these concepts.

[@delldm1676]

@@Fireship it would be better to slow down your speed when teaching. High speed for teaching doesn't help. . So, by slowing down the speed "when explaining" you can be understood in a good way.

[@ankkol2011]

@@delldm1676 there is an option in youtube player to slow down the speed

[@michaelrooze278]

its definitely no microtask, i promise you that.

[@zemoxian]

@@michaelrooze278 I see what you did there. 😝

[@tinuthomson]

Just wanna say , one of the best channel on programming.

[@Fireship]

Awesome to hear that Tinu :)

[@michaloslav8563]

"One of"? Really? Hands down the best one

[@braindeveloperdimensional5579]

Can you mention some other? It feels good to do good.

[@narcodico]

This is exactly the type of language understanding you need to have in order to really take advantage of what it offers. I absolutely enjoyed your take on this!

[@pajotrus]

wow, I spent months learning all of this stuff and you squeezed all this knowledge into a 10-minute video, which is very entertaining to watch! of course, I encourage everyone who is new to dig deeper into these topics, but still, describing it in such a concise and precise way is your great skill!

[@Fireship]

Thanks! I agree, the more you know about this stuff the better - especially the event loop scheduling and prototype chain.

[@dssingh9955]

Let's talk

[@yt-sh]

@@Fireship Thanks for all the video you publish, you make learning easy and fun

[@SingTingz31]

It's wild coming back to your older videos and how your voice and style have progressed

[@OddStare]

0:05 The fact that i understood every words makes me happy

[@blightning1476]

Yeah, same here. Made my day :D

[@Ayayron_e3]

I didn't understand a single thing.

[@esquilo_atomico]

​@@Ayayron_e3 I watched this video two months ago and understanded absolutely nothing, now I tried again and finally I could. The sensation is amazing.

[@horseoperamarker]

Ok

[@TheAxeForgetsTheTreeRemembers]

2:22 "are you a scripting language?" undefined 😂

[@masonhunter2748]

The console.log outputs info to the console, and then it returns nothing, aka undefined

[@pyhlo9201]

@@masonhunter2748 you missed the joke

[@derpmarine216]

"high-level single-threaded garbage-collected interpreted or just-in-time compiled prototype-based multi-paradigm dynamic language with a non-blocking event loop concurrency model" *Mind. Blown.*

[@911madza]

imagine saying that in interview once asked describe js in one sentence

[@jsonkody]

.. weakly typed

[@warpspeed8305]

LOL

[@rokkeey]

IKR

[@duramirez]

It just don't know what it want to be so it end up being everything :-P

[@MrUnique960]

I can flex so hard on other devs with this knowledge.

[@BlameItOnJoe]

As someone with a degree on design, I love that I could grasp all of the concepts explained. I love that these videos are made because even when you won't mess with the guts of it all, it helps to know and makes you more confident of working with it. Great job! : D

[@jayanths1221]

I've been a Javascript developer for over 2 years now and I had no idea that Promises get priority over other asynchronous tasks in the event loop.

[@cksvideocloudstorage2993]

Im on a programming strand and JS is one of our lessons. How was it?

[@braindeveloperdimensional5579]

@Any Rebel I would like to tell you that you shouldn't buy it if someone tells you to choose JavaScript over PHP. Because it's been 20 years since people first started saying that PHP is going to disappear and Ruby, Pearl, Python or JS is going to take over it. It didn't happen and it's not going to happen so chill and if you are really competitive and really want to bash your head into a wall then I would tell you to go straight for Node.js but if you want to preserve your sanity then avoid taking on JavaScript without any previous experience with any other language.

[@MLennholm]

As long as you write your code properly and competently, it's not something that matters. You should never write code that relies on a specific timing between different asynchronous tasks.

[@cautarepvp2079]

@@braindeveloperdimensional5579 why wtf? Many people actially suggest and advice to start with javascript if you want web developer then you can move into software,

[@braindeveloperdimensional5579]

@@cautarepvp2079 I think you didn't understand my comment. I am a JavaScript developer, both front-end and back-end. I am not against JavaScript, I am against the hate that other devs and now days even the normal folks throw at the face of other languages and frameworks. No framework is worth learning if it doesn't solve your problem and no language is bad just because it's syntax is funny or you simply don't like it.

[@abinesh-devadas]

Best intro on JavaScript within 8 sec awesome... Thumbs Up

[@Peekaymaja]

I'm a javascript developer, mean stack. And your videos are so cool to explain what I already in detail. Thank you.

[@victorpinasarnault9135]

I never get tired to hear about JavaScript. It began as a completion of Java as a programming server side code, but became more than that. It's starts as a script language, but soon became a general purpose language.

[@will_abule]

So true well taught I'll share it on Twitter looking forward to the next JavaScript video

[@Fireship]

Awesome, thanks Will :)

[@casualquest84]

high-level single-threaded, garbage-collected, interpreted (or just-in-time compiled), prototype-based, multi-paradigm, dynamic language with a non-blocking event loop🔥, way to sum it.!!!

[@filip0822]

I really love that! Event loop is presented in such a bright way that your video say more about it in 2 minutes than the long speeches from big conferences :D

[@911madza]

for folks to claim they know all the modern cutting edge, i always say to watch fireship and get their minds blown away

[@BinkiklouGaminglol]

then they will reply "I aLrEAdy KnEw ThAt" or "I am Fireship."

[@vinceresempre1617]

New to the JS world. Dayum, what an intro. Not even a single second wasted. Kudos!

[@bennettfoley3018]

fabulous lecture. Looking forward to the rest of the course! thanks for sharing your expertise

[@lycansre]

You're making me love Javascript more than Swift. I learned both, IOS Development and FEWD. Thank you for making such informative videos.

[@marko_2317]

Straightforward exaplanations, without beating around the bush and all of it wrapped up with nice entertaining content (those old compiler/interpreter cartoons were quite entertaining)! Keep it up!

[@ericsg95]

This is really a great topic! So many things as a JS dev, I have taken these stuff for granted but now each line that I write I can be more aware and be thankful for all these abstraction baked in JS. I am encouraged to write better codes after knowing all the heavy duty done by the JS and I will play my part as well!! Great video! Looking to see more of this kind of documentary!!

[@osamaa.h.altameemi5592]

Man this is pure gold, the micro-queue thing blew me away. Now I know "promises" are not just another way of handling stuff, they have are used for higher priority tasks.

[@nghiaminh7704]

the part about "implementation details" at around 4:28 is *very* important and well-presented. thanks for making this video.

[@ViniciusNegrao_]

Man, great info, those are some normally unheard stuff from JS. I've been working with js for 8 years and I'm still learning new stuff everyday!

[@DrakiniteOfficial]

I've been using JavaScript regularly for 6 years, and I still learned a lot in this video!

[@SuperGUERO17]

WOW I've learned more about javascript from watching this video, then from all the books and courses I've done

[@frank-roberts]

Wow I won't even mention the number of times I replayed that intro! AWESOME!

[@kanaanbahmani5062]

I can listen to these topics for hours and days non-stop, please create more of these types of videos

[@davidkim7410]

You talked javascript like I've never learned. But I've been in the business for over 20 years. These Information overwhelms me.

[@Sachica00]

Amazing man, lots of confusing terms very well explained about javascript which I think despite what many paople say, is an amazing language!

[@adagas-caouchristian7875]

In my opinion JavaScript is a good language, but it's easy to write unoptimized or insane code with it, hence its bad reputation. "There are no bad tools, just bad developers", yadda yadda. On the other hand, maybe its transition from a simple client-side language (merely meant to enable dynamic interfaces in web pages) to a full-fledged, general purpose scripting language wasen't as smooth as it should've been. The people at ECMA should impose more standards in order to avoid the tiny but frustrating inconsistencies across JS engines.

[@gdolphy]

Those inconsistencies and bad developers create an environment where the overall system will continue to evolve.

[@MLennholm]

@@adagas-caouchristian7875 Javascript has its legacy in the early days of the WWW, when the idea was that an author of an HTML document should be allowed to write all kinds of mistakes and the browser should just do its best to figure it out anyway. That's why, according to the same 'mantra', JS has things like implicit type coercion, hoisting, ASI etc. We should probably be grateful they didn't also make it case-insensitive.

[@aguswidhiyasa]

The most understanable channel of javascript

[@swapnildadamode662]

You are legend! This is all of my years studying webdev

[@pwan3971]

This channel is a gold mine of knowledge, love it!!

[@joepesci5845]

Woooow what is this kind of Quality??? 10+/10, Thank You!!!

[@codmasterops1]

information✅entertainment✅easy to understand✅ these are things i found in this video what else do you need btw thank you , been watching you for several days

[@fab313]

Excellent video. Summarizing so much information in barely 10 minutes and in such a clear way is quite an achievement!

[@moseskarunia]

I love your animation and illustration. I wonder how you index such huge database of gif memes? 😂

[@eduardvandenheever8565]

I just recently found your videos and I find them both immensely helpful and entertaining. I love the memes!😆Thank you very much.

[@HealyUnit]

I liked this video, then unliked it just so I could like it again. Your explanations are clear and concise, and your visual style is amusing yet straightforward.

[@hamdibeep4]

Man, I love JavaScript! It was the first programming language I learned :D

[@stevenvallarsa1765]

Love the clips from the 1983 TVOntario series "Bits and Bytes", my introduction to (home) computing.

[@saadabbasi2063]

Lots of love and thumbs up Thanks Jeff

[@tomwalsh96]

I remember watching your videos years ago but never remember them being this good! Maybe I've only just started to really appreciate it as I become a better developer. They are simultaneously in depth and easily digestible, with a sprinkle of humour for good measure 👏

[@coom07]

The good things about fireship is that he has his own color(style) on KZbin... I love that. Aside from his outstanding way to explain things. Keep it up bro

[@RazerCrick]

Now a days this is my go to channel for pass time... Wonderful content and to the point and everything well explained... Great work 👏👏

[@Muaddibkhan]

This channel should never be a pass time activity, you are disgracing this content

[@RazerCrick]

@@Muaddibkhan I try to make my pass time more productive, der comes these small in 2 mins videos to add the right value to the time spent with its to the point elaboration. I don't see any disgraceful to the contents in this. I think you took my comment in different sense mate.

[@alexcubed4270]

Yet another awesome and high-quality video. Keep up the great content! :)

[@yeyebalam2688]

Nice video man. By the way, this was for me more a "how it works" than a "how it's made". However, thanks, I learned nice good stuff.

[@de132]

It's more of a reference to the show "How It's Made" rather than literally "how it's made"

[@Rambou92]

Damn! The whole JavaScript Architecture in 10 mins!

[@igorordecha]

Great video explaining how does this High-Level Single-Threaded Garbage [...] Works

[@alexanderrandolph483]

Good explanation of levels of different languages.

[@MrAbrazildo]

2:40, this is unfair: that cartoon showed interpreter reading legal instructions, while the compiler saw errors. The actual difference is that interpreter will show to you your errors at each instruction, while compiler will list all your errors, not "leaving you on your own" - _of course, compiler errors can be combined to raise new ones, but that is a minor a detail_ . 3:28, C++14 (since 2014) has a much better solution: const auto foo = "hello world!"; //foo is deduced as 'const char *', but you can convert it to 'std::string' at any time. const auto bar = 23; //It's an int, because literal number defaults to int. const auto baz = 42F; //A float. Just trying to complicate matters. constexpr auto fun () { return bar + baz; //Returns float: int + float = float. Always the more detailed 1 wins. Even fun will return its value at compiling time. } All of that at compiling time, not losing performance, as it would happen at runtime.

[@raghavkamath]

*Fireship : ......* Me : *_You're Breathtaking!!_*

[@zbera97]

I really wonder about this old animation in this video. Well done by the way so good.

[@THE16THPHANTOM]

this is just perfect. especially the explanation about heap vs stack. i will sending a lot of beginner people to this video for learning the difference between heap and stack and how it all works.

[@youaskforit]

My teacher back in college 12 years ago explained heap and stack much clearer with better illustration. And that was for another low level language. That made me understand how these programming languages work and how its made easy for us nowadays with high level language like JS

[@elijahmedrano2068]

I love the visual aspect of your videos! Great stuff!

[@KrishnenduKDG]

Just One Word To Describe The Video and that is AWEEEEEEEEEEEEEESSSSSSSSSOMEEEEEE!!!!!!!!

[@complex5372]

To ace "Sr. JS Dev" interviews master the understanding of this video. Thanks for sharing.

[@mattmmilli8287]

This is like ancient fireship. Even sounds so much younger

[@iamunr]

Aaaand this series has turned me into a Fireship fan. A++, keep'm coming!

[@jugzster]

Aside from the educational, clear, and concise info, awesome job on the movie and pop culture references! Makes it entertaining without being distracting👏🏻

[@xtremehackerzpro9511]

Great explanation of event loop process :)

[@randomuser66438]

I'm happy I know everything cited in the first 18 seconds. Makes me feel I'm in the right path.

[@yandodov]

Most channels related to programming make you roll your eyes, but YT often recommends this one and I'm finally subbing. Very good explanations! By the way, what's that music at the end?

[@DrSwad]

Lost Sky - Brave

[@JamieStrausbaugh]

Wow, just wow. This video you've made here on the fundamentals of JavaScript pushes beyond the scope of awesome and returns undefined. 🤯 Magnificent contribution! 👌🥳

[@chodingninjas7415]

I luv ur channel man I binge it like some TV series

[@MereAYT]

Thanks for keeping it conceptual. It is hard to find coding tutorials that don't immediately break out the IDE and dive into code minutia.

[@jsang275]

Best channel on programming

[@NikoLagman]

The first KZbin video in a while that made my browser hang... on purpose.

[@Driganka]

I am glad I came across this channel.

[@dominiclapitan8466]

Didn't know you have a mobile app for JS quizzes. This is just amazing! Thank you for your hard work and dedication to KZbin and the world of JS! I hope you prosper more

[@shass3207]

Simply amazingly good production quality, and free of all useless fluff that is common in videos on this topic!

[@DJ-jf4qg]

Me making notes and enjoying like a movie

[@aryany5737]

amazing man!!! i was really searching for this type of video which gives me real topics to think about

[@madokalover]

omg no one ever explained to me th task queue n stuff every javascript tutorial or course i ever did just left me confused n baffled but this is different! u know ur stuff n it shows n i understand everything quickly! ill b follllowing th rest of ur course :)

[@shargeforce]

Before 0:26 was over I already subbed. Good job. Greetings from switzerland.

[@EmJiMadhu]

Wow!!!! That Intro!!! :D :D :D I have been seeing your videos since you started with "What is Firebase"!!! Keep it going! I love this channel!!!

[@Fireship]

Awesome! Making new videos as fast as I can :)

[@Ethorbit]

@@Fireship hi

[@aibrainlet8041]

ugh quickly becoming my favorite channel

[@joseberardocunha]

Fabulous explanation.👏👏

[@ohmygeeve]

Learned about this stuff long ago but definitely needed a refresher!

[@shubhamchandra5417]

The first 15 seconds threw a stack overflow in my head

[@halash_gowda5127]

You've saved me 1 complete month of research time on JS ..Take a bow genius.

[@blissh_]

Man, i love you so much, your videos are the best, you motivate me to continue learning.

[@tabombaleni2150]

Very informative and entertaining will definitely rewatch this

[@jackwright7014]

I always wondered how JavaScript works under the hood! As a web developer leaving the 'beginner' phase, I found this really interesting!

[@rustystrings0908]

Awesome, your videos are really engaging, and I'm learning that there is so much more left to lean about JS than I thought

[@maiconm]

awesome to see how things really works

[@ConquerJS]

So f*cking good. Excuse my French, but I'm mad at how good this is..

[@Ethorbit]

why would you be mad at how good it is, you should be happy 😂

[@otheraw5659]

This series is gonna be so amazing !

[@GaborGubicza]

That's a great summary of the JS anatomy. I'm doing a Udemy course where I listened to this in 45 minutes. I noted everything down, but it's interesting to listen to it from another source. Great job! Hardware Engineer transitioning to Software. LFG!

[@tylermyers8735]

you gotta make a shirt/hoodie that says "high-level single-threaded garbage-collected interpreted of just-in-time compiled prototype-based multi-paradigm dynamic language with a non-blocking event loop"

[@uditgupta9397]

Awesome

[@duramirez]

i remember when Angular first came out and all everyone was talking about was related to how Angular's Event loop was a nightmare xD

[@Devillman90]

Nice video man! I didn't knew that the micro task have priority over the Task Queue! Thanks for that!