JavaScript: How It's Made
VloĆŸit
- Äas pĆidĂĄn 4. 06. 2024
- Learn the computer science đŹđ€ behind #JavaScript by looking at how it works under the hood. Understand why JS is called a "high-level single-threaded, garbage-collected, interpreted (or just-in-time compiled), prototype-based, multi-paradigm, dynamic language with a non-blocking event loop" fireship.io/courses/javascrip...
#compsci #howitsmade
- MDN Event Loop developer.mozilla.org/en-US/d...
- Bits and Bytes channel / bitsandbytestvo
- Chrome v8 v8.dev/
Take the JavaScript quizzes:
iOS itunes.apple.com/us/app/fires...
Android play.google.com/store/apps/de...
Upgrade to Fireship PRO at fireship.io/pro
Use code lORhwXd2 for 25% off your first payment. - VÄda a technologie
The first time ever someone described assembly as syntactic sugar.
@K.D.P. Ross You sound dehydrated
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! :)
@@msthalamus2172 I never did anything like that but I went from ASM to C once upon so I can relate in a way
It's more like lexical sugar.
@@diegosandoval2043 contrary to machine code, instructions in assembly can have different signatures. I don't think that's possible at a lexical level
A wise person once said: "Learning Javascript is like looking both ways before crossing the street, then getting hit by an airplane."
đ€Ł
Been writing JS for 20 years, knew all of this shit already and still enjoyed your video... accurate, professional and fun.
Lmao u mastered it
For 20 years you must have gathered wise knowledge. Want to share some?
now are you earning 200k or something? 20 years of exp holy fck
Creator's Remorse hard to believe
he probably lying , lmao
Not an easy task to squeeze all that info in a bit over 10 minutes. Keep up with the great videos!
Thank you. It's taken years to gain a comfortable understanding of these concepts.
@@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.
@@delldm1676 there is an option in youtube player to slow down the speed
its definitely no microtask, i promise you that.
@@michaelrooze278
I see what you did there. đ
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.
Exactly what I wanna sayâ€
hot dog great idea brother - thx fireship
Just wanna say , one of the best channel on programming.
Awesome to hear that Tinu :)
"One of"? Really? Hands down the best one
Can you mention some other?
It feels good to do good.
"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.*
imagine saying that in interview once asked describe js in one sentence
.. weakly typed
LOL
IKR
It just don't know what it want to be so it end up being everything :-P
0:05 The fact that i understood every words makes me happy
Yeah, same here. Made my day :D
I didn't understand a single thing.
â@@ayayron9452 I watched this video two months ago and understanded absolutely nothing, now I tried again and finally I could. The sensation is amazing.
Ok
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!
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!
Thanks! I agree, the more you know about this stuff the better - especially the event loop scheduling and prototype chain.
Let's talk
@@Fireship Thanks for all the video you publish, you make learning easy and fun
I can flex so hard on other devs with this knowledge.
It's wild coming back to your older videos and how your voice and style have progressed
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.
Im on a programming strand and JS is one of our lessons. How was it?
@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.
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.
@@braindeveloperdimensional5579 why wtf?
Many people actially suggest and advice to start with javascript if you want web developer then you can move into software,
@@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.
2:22 "are you a scripting language?"
undefined
đ
The console.log outputs info to the console, and then it returns nothing, aka undefined
@@masonhunter2748 you missed the joke
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
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!!
Excellent video. Summarizing so much information in barely 10 minutes and in such a clear way is quite an achievement!
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!
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
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.
I can listen to these topics for hours and days non-stop, please create more of these types of videos
Best intro on JavaScript within 8 sec awesome... Thumbs Up
I've been using JavaScript regularly for 6 years, and I still learned a lot in this video!
for folks to claim they know all the modern cutting edge, i always say to watch fireship and get their minds blown away
then they will reply "I aLrEAdy KnEw ThAt" or "I am Fireship."
Aside from the educational, clear, and concise info, awesome job on the movie and pop culture references! Makes it entertaining without being distractingđđ»
So true well taught I'll share it on Twitter looking forward to the next JavaScript video
Awesome, thanks Will :)
fabulous lecture. Looking forward to the rest of the course! thanks for sharing your expertise
New to the JS world. Dayum, what an intro. Not even a single second wasted. Kudos!
Didn't know you have a mobile app for JS quizzes. This is just amazing! Thank you for your hard work and dedication to CZcams and the world of JS! I hope you prosper more
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 đ
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!
WOW I've learned more about javascript from watching this video, then from all the books and courses I've done
Simply amazingly good production quality, and free of all useless fluff that is common in videos on this topic!
I'm a javascript developer, mean stack. And your videos are so cool to explain what I already in detail. Thank you.
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.
This channel is a gold mine of knowledge, love it!!
You're making me love Javascript more than Swift. I learned both, IOS Development and FEWD. Thank you for making such informative videos.
I just recently found your videos and I find them both immensely helpful and entertaining. I love the memes!đThank you very much.
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.
Awesome, your videos are really engaging, and I'm learning that there is so much more left to lean about JS than I thought
Aaaand this series has turned me into a Fireship fan. A++, keep'm coming!
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! đđ„ł
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.
the part about "implementation details" at around 4:28 is *very* important and well-presented. thanks for making this video.
I love the visual aspect of your videos! Great stuff!
Wow I won't even mention the number of times I replayed that intro! AWESOME!
amazing man!!! i was really searching for this type of video which gives me real topics to think about
You talked javascript like I've never learned. But I've been in the business for over 20 years. These Information overwhelms me.
Yet another awesome and high-quality video. Keep up the great content! :)
I always wondered how JavaScript works under the hood! As a web developer leaving the 'beginner' phase, I found this really interesting!
You are legend! This is all of my years studying webdev
Love the clips from the 1983 TVOntario series "Bits and Bytes", my introduction to (home) computing.
Woooow what is this kind of Quality??? 10+/10, Thank You!!!
Subscribed! You have such a fresh approach to making videos that it's truly awe inspiring. It also helps that you're factually correct. Like, wow!
Great video as always, Jeff. I love the Computer Science stuff
Seriously this is best programming channel! Okay u got new sub.
Learned about this stuff long ago but definitely needed a refresher!
I luv ur channel man I binge it like some TV series
One of the best videos I've ever seen. Thank you!
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.
Man, i love you so much, your videos are the best, you motivate me to continue learning.
ugh quickly becoming my favorite channel
The most understanable channel of javascript
Absolutely amazing quality. Will definitely follow you guys.
This video is just what I needed. Great content!
Man, I love your video's! Can't wait for the next one!
This series is gonna be so amazing !
I'm happy I know everything cited in the first 18 seconds. Makes me feel I'm in the right path.
The first CZcams video in a while that made my browser hang... on purpose.
I love your animation and illustration. I wonder how you index such huge database of gif memes? đ
Thank you for this highly information-packed, quality video! A solution to prevent (main)thread-blocking code, is to move it to a separate web-worker for example to keep the main-thread responsive :D
The good things about fireship is that he has his own color(style) on CZcams... I love that. Aside from his outstanding way to explain things. Keep it up bro
Amazing man, lots of confusing terms very well explained about javascript which I think despite what many paople say, is an amazing language!
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.
Those inconsistencies and bad developers create an environment where the overall system will continue to evolve.
@@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.
Just learnt about the microtask queue. Good stuff. Keep it up !
Loved it. Subscribed. 1st time clear cut differentiation of compiler & interpreter. đ
Thank you man... I just found you and your videos are amazing.
Before 0:26 was over I already subbed. Good job.
Greetings from switzerland.
Nice video man! I didn't knew that the micro task have priority over the Task Queue! Thanks for that!
I really wonder about this old animation in this video. Well done by the way so good.
As always, well done!
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.!!!
Such a good video. Never seen a explanation of JS like this
The first 15 seconds threw a stack overflow in my head
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
I am glad I came across this channel.
Really cool video. Shows me just how much I need to learn haha. I dream of being able to rattle of this stuff like you do with ease. But key point at the end if to just start learning/building.
Now a days this is my go to channel for pass time... Wonderful content and to the point and everything well explained... Great work đđ
This channel should never be a pass time activity, you are disgracing this content
@@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.
Man, I love JavaScript! It was the first programming language I learned :D
Mind blowing .... I always wonder what these terms mean and this morning I get to know everything ...now I can brag about it in front ot my friends âșïž. .. I will definitely recommended this video and this channel to everyone ...I'm fact suggest some of my friends already ..keep on working
This is completely fascinating!
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!
Hadnât heard of the âmicrotask queueâ before, thanks.
Great video explaining how does this High-Level Single-Threaded Garbage [...] Works
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.
It's more of a reference to the show "How It's Made" rather than literally "how it's made"
WTF!
This is amazing... keep this type of content coming!!
holy shit dude, you went pretty deep. Well done man.
Super Awesome Explanation !!
Loved it
Damn! The whole JavaScript Architecture in 10 mins!
You should make multiple videos on this, looks so jammed ,nice work
Please do this how its made series for many other language!! This is interesting and open my knowledge