JavaScript the Hard Parts: Closure, Scope & Execution Context
HTML-код
- Опубликовано: 20 окт 2024
- Watch Will, Codesmith's CEO, delve into one of the most powerful concepts in programming: Closures. Here's what you'll learn:
How closure works under the hood
Core JS runtime features - execution context, JavaScript execution model and the variable environment
How to able to wield, optimize and debug popular pro utility functions like once and memoize
How to be able to implement the module pattern - one of the cleanest and most resilient design patterns in JavaScript
To test your understanding of these concepts and find more videos, challenges, and solutions you can make a free account on CSX - csx.codesmith.io/
SUBSCRIBE for more! 👉tinyurl.com/co... 👈
Stay connected to our community!
Codesmith: www.codesmith.io/
Learn JavaScript for Free: csx.codesmith.io/
Free Events & Workshops: www.codesmith....
Follow us to stay updated!
Facebook: / codesmithhq
Instagram: / codesmithio
Twitter: / codesmith_
LinkedIn: / codesmith-llc
#codesmith #javascript #learntocode
The best explanation of Closures I have ever heard… hands down. Sure, a 10 second definition would be faster but Will has learned how to make it stick in a student's head by making us do the work. 👏
I admire how much care he puts into stepping through each function, line by line, and by hand. It didn't occur to me how many coding lectures/tutorials did not do this
Same! So much so I just ordered a medium sized whiteboard on Amazon basics. I never realized how much of a difference learning things the "hard way" makes - writing each line of code and going through it line by line, as well as a healthy mental model to represent the concept etc.
So good. Not just a great explanation, but also told in an inspiring way. If only there was a whole web development course from Will!
Just in case it's useful to anybody:
0:00 Returning a function from a function
15:04 Calling a function from inside the scope it was defined in
20:14 Calling a function from outside the scope it was defined in
42:03 Backpack/persistent lexical scope reference/closed over variable environment/closure
45:46 Returning a function more than once
51:41 Lexically scoped languages vs. dynamically scoped languages
52:11 The power of closure
Super helpful thank you 🙏
This guy is really a special type of teacher
The ability of breaking down such a complex JS topics in small and simple steps and make them so easy to understand, its a charisma! Well done!
Its the first time i watch an explanation of closures and i feel confident i 100% get it!
Thank you Petros! More videos soon
I've gotta say, Will Sentance is captivating and genuinely inspires curiosity. His passion really comes through when he teaches. Thank you so much for this video.
Your videos have taken my JavaScript and programming knowledge to a whole new level. This is hands down the best explanation of advanced JavaScript topics. I can't thank you enough! :)
I have watched tones of videos to understand hard parts of javascript but the way you explained these concepts is something that just clicks in my mind. Your teaching is on another level. keep it up.
Thanks Ankit - hopefully we'll do some more courses soon
Wow, outstanding. Thank you. Closure = Persistent Lexical Scope Reference PLSR = Closed Over Variable Envionment COVE = 'Backpack'
I absolutely loved this step-by-step walkthrough. Thanks Codesmith and thank you, Will. Also, as I happened to be watching on a Sunday, I had a good laugh when Will asked, "Why on earth are we doing this on a Sunday?" :D
I love that!
All the love from Nigeria...I have never been so happy to attend classes...this was superb
OMG this is an excellent class on javascript and an excellent class on how to teach correctly, both simultaneously. Awesome, thanks Will!
This video is gold! I was able to get through multiple closure problems after only watching a portion of the video!!
Your drawing helps explaining closure in a clearer way! Thank you so much!
We're so glad :D
at last I can say that I fully understand closures , I really admire methodology of teaching and breaking down this complex topic 👏
Thank you Mahmoud! Let us know other topics you want to hear about
The best javascript teacher out there. Much love and thanks for all you do.
Man, that backpack of data analogy is super helpful for understanding how closures work, thank you so much Will!
Thank you! Spread the word 😂
Wow. This is insanely helpful. Thank you so much for going into depth on this hard-to-comprehend subject within the "scope" of JS.
😂 nice
This was a phenomenal lecture and a top notch teacher. Extremely grateful that this is shared.
We are so glad it was helpful!!
Best closure explanation I have seen thus far; excellent, thanks!
Ive watched multiple video about clouseres and yours explenection is Great Thanks
One of the most complex js concepts explained so well. Thanks Will and Codesmith!!
The best explanation of Closures, thanks smith
Of course! Happy to hear it was helpful!
Defining closures by way of understanding the background engineering.
i really appreciate this approach to explaining these challenging concepts.
Great job Will.
This is gem.. whole heartedly thankyou to codesmith.
You are an absolute LEGEND! Thank you so much Sir!
This is crazy good. By far the best tutorial I have ever seen.
We are so happy to hear it was helpful!
Will is great,i like his workshops on frontend masters
Will is the best teacher ever!
Man, so happy I found this channel! You guys are all great, but especially you mister Will. Love the style, and I've always like the 'English accent' better than the American English 😉
Thanks Stijn - I can't deny I'm a fan of American accents above all else
Wow, that is the best explanation of closure I have ever heard, well done Sir.
so glad I found this! thank you Will!
Glad you enjoyed it!
I like to think this specific class that is involved with all of Will's lectures at this point in time is very similar to the class of students that was in the movie Dead Poets Society
The best explanation i have ever heard!!....
What the f , the way you explain it using diagram makes me understand it better, and you explained the best context
Thank you! Keep going with the workshops
only time i can ever remember wanting to like a video twice
haha - thanks so much 🙏
This is awesome. Great educator
So I'm slowly understanding a call back can access variables within its outer function. But what are some real-world uses of a closure in React/Angular/Vue?
Wow! This really cleared things up for me :)
I'm so glad!
How can I access the value of counter, say like, to console.log?
Will, I owe you a beer. Great stuff mate.
Very well thank Will
We need the posh parts of JavaScript.
I love this! 🙌🏽🙌🏽🙌🏽
what did the JS dev team actually call the closure when they made it?
awesome!!!
Talanted teacher!
Life saver!
When I first heard about "memoize", I thought it's a "memorize" in a Boston accent xD
Hi! I'm a student. I would appreciate it if you could help me with my homework. Thank u!