JavaScript the Hard Parts: Closure, Scope & Execution Context

  Рет қаралды 35,176

Codesmith

Codesmith

4 жыл бұрын

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/codesmithsub 👈
Stay connected to our community!
Codesmith: www.codesmith.io/
Learn JavaScript for Free: csx.codesmith.io/
Free Events & Workshops: www.codesmith.io/coding-events
Follow us to stay updated!
Facebook: / codesmithhq
Instagram: / codesmithio
Twitter: / codesmith_
LinkedIn: / codesmith-llc
#codesmith #javascript #learntocode

Пікірлер: 70
@selinovaldes
@selinovaldes 4 жыл бұрын
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. 👏
@liammahoney1748
@liammahoney1748 3 жыл бұрын
This guy is really a special type of teacher
@SwimInAPondInTheRain
@SwimInAPondInTheRain 3 жыл бұрын
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
@neilzedd8777
@neilzedd8777 2 жыл бұрын
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.
@kewner8556
@kewner8556 Жыл бұрын
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
@Codesmith
@Codesmith Жыл бұрын
Super helpful thank you 🙏
@youngkim3625
@youngkim3625 Жыл бұрын
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.
@petroszavrakas1109
@petroszavrakas1109 2 жыл бұрын
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!
@Codesmith
@Codesmith 2 жыл бұрын
Thank you Petros! More videos soon
@samuelokoli6584
@samuelokoli6584 Жыл бұрын
All the love from Nigeria...I have never been so happy to attend classes...this was superb
@mahmoudhussein947
@mahmoudhussein947 8 ай бұрын
at last I can say that I fully understand closures , I really admire methodology of teaching and breaking down this complex topic 👏
@Codesmith
@Codesmith 7 ай бұрын
Thank you Mahmoud! Let us know other topics you want to hear about
@douglasrogers1601
@douglasrogers1601 Жыл бұрын
Wow, outstanding. Thank you. Closure = Persistent Lexical Scope Reference PLSR = Closed Over Variable Envionment COVE = 'Backpack'
@sideshowlol
@sideshowlol 2 жыл бұрын
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
@Codesmith
@Codesmith 2 жыл бұрын
I love that!
@ankitvasita
@ankitvasita 2 жыл бұрын
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.
@Codesmith
@Codesmith 2 жыл бұрын
Thanks Ankit - hopefully we'll do some more courses soon
@kylelambert9576
@kylelambert9576 3 жыл бұрын
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! :)
@poppyseeded3062
@poppyseeded3062 Жыл бұрын
This video is gold! I was able to get through multiple closure problems after only watching a portion of the video!!
@sezif3157
@sezif3157 2 жыл бұрын
OMG this is an excellent class on javascript and an excellent class on how to teach correctly, both simultaneously. Awesome, thanks Will!
@cannabisanomaly
@cannabisanomaly 11 ай бұрын
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
@headphonejames
@headphonejames 4 ай бұрын
This was a phenomenal lecture and a top notch teacher. Extremely grateful that this is shared.
@Codesmith
@Codesmith 4 ай бұрын
We are so glad it was helpful!!
@TibbyProductions
@TibbyProductions 2 жыл бұрын
Man, that backpack of data analogy is super helpful for understanding how closures work, thank you so much Will!
@Codesmith
@Codesmith 2 жыл бұрын
Thank you! Spread the word 😂
@salamander5969
@salamander5969 8 ай бұрын
What the f , the way you explain it using diagram makes me understand it better, and you explained the best context
@Codesmith
@Codesmith 7 ай бұрын
Thank you! Keep going with the workshops
@nguyennguyen-dd8kz
@nguyennguyen-dd8kz 2 жыл бұрын
Your drawing helps explaining closure in a clearer way! Thank you so much!
@Codesmith
@Codesmith 2 жыл бұрын
We're so glad :D
@oanacristea2572
@oanacristea2572 2 жыл бұрын
One of the most complex js concepts explained so well. Thanks Will and Codesmith!!
@felipemelendez5741
@felipemelendez5741 2 жыл бұрын
Best closure explanation I have seen thus far; excellent, thanks!
@brucesmith1754
@brucesmith1754 2 жыл бұрын
Defining closures by way of understanding the background engineering. i really appreciate this approach to explaining these challenging concepts. Great job Will.
@emate8422
@emate8422 3 жыл бұрын
Ive watched multiple video about clouseres and yours explenection is Great Thanks
@codellyson
@codellyson 2 жыл бұрын
The best javascript teacher out there. Much love and thanks for all you do.
@__prod1gy__793
@__prod1gy__793 4 жыл бұрын
Will is great,i like his workshops on frontend masters
@vusimdudu9033
@vusimdudu9033 3 жыл бұрын
Wow, that is the best explanation of closure I have ever heard, well done Sir.
@saidshahahmadi6975
@saidshahahmadi6975 Жыл бұрын
The best explanation of Closures, thanks smith
@Codesmith
@Codesmith Жыл бұрын
Of course! Happy to hear it was helpful!
@psk177
@psk177 Жыл бұрын
You are an absolute LEGEND! Thank you so much Sir!
@lalosalamanca1208
@lalosalamanca1208 2 жыл бұрын
Wow. This is insanely helpful. Thank you so much for going into depth on this hard-to-comprehend subject within the "scope" of JS.
@Codesmith
@Codesmith 2 жыл бұрын
😂 nice
@RocknRollDina
@RocknRollDina 2 жыл бұрын
Will is the best teacher ever!
@offday3523
@offday3523 3 жыл бұрын
so glad I found this! thank you Will!
@Codesmith
@Codesmith 3 жыл бұрын
Glad you enjoyed it!
@macmaster9887
@macmaster9887 2 жыл бұрын
This is gem.. whole heartedly thankyou to codesmith.
@ElvenIvy07
@ElvenIvy07 4 жыл бұрын
I love this! 🙌🏽🙌🏽🙌🏽
@gsmsalihou4505
@gsmsalihou4505 3 жыл бұрын
Very well thank Will
@sanjusaju4049
@sanjusaju4049 2 жыл бұрын
The best explanation i have ever heard!!....
@markpowell8325
@markpowell8325 Жыл бұрын
This is crazy good. By far the best tutorial I have ever seen.
@Codesmith
@Codesmith Жыл бұрын
We are so happy to hear it was helpful!
@S0m0neRand0m
@S0m0neRand0m 3 жыл бұрын
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 😉
@Codesmith
@Codesmith 3 жыл бұрын
Thanks Stijn - I can't deny I'm a fan of American accents above all else
@mattisnumber6
@mattisnumber6 2 жыл бұрын
This is awesome. Great educator
@veggievera
@veggievera 2 жыл бұрын
Wow! This really cleared things up for me :)
@Codesmith
@Codesmith 2 жыл бұрын
I'm so glad!
@trunks7012
@trunks7012 3 жыл бұрын
only time i can ever remember wanting to like a video twice
@Codesmith
@Codesmith 3 жыл бұрын
haha - thanks so much 🙏
@jiazhengguo5493
@jiazhengguo5493 3 жыл бұрын
awesome!!!
@dhoomketu731
@dhoomketu731 Жыл бұрын
Will, I owe you a beer. Great stuff mate.
@professoroflogic8788
@professoroflogic8788 4 жыл бұрын
We need the posh parts of JavaScript.
@failureffect
@failureffect 2 жыл бұрын
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?
@nickfan7867
@nickfan7867 3 жыл бұрын
Life saver!
@user-XM6756
@user-XM6756 2 жыл бұрын
Talanted teacher!
@daizowatanabe5818
@daizowatanabe5818 2 жыл бұрын
How can I access the value of counter, say like, to console.log?
@thomasnielsen7466
@thomasnielsen7466 3 жыл бұрын
what did the JS dev team actually call the closure when they made it?
@northstarcode8675
@northstarcode8675 2 жыл бұрын
When I first heard about "memoize", I thought it's a "memorize" in a Boston accent xD
@hqbop9058
@hqbop9058 2 жыл бұрын
Hi! I'm a student. I would appreciate it if you could help me with my homework. Thank u!
JavaScript the Hard Parts: Closure, Scope & Execution Context
2:11:50
GADGETS VS HACKS || Random Useful Tools For your child #hacks #gadgets
00:35
FLIP FLOP Hacks
Рет қаралды 103 МЛН
маленький брат прыгает в бассейн
00:15
GL Show Russian
Рет қаралды 4,4 МЛН
The World's Fastest Cleaners
00:35
MrBeast
Рет қаралды 165 МЛН
Como ela fez isso? 😲
00:12
Los Wagners
Рет қаралды 8 МЛН
Fantastic closures and how to find them in React
19:04
Developer Way
Рет қаралды 8 М.
JavaScript the Hard Parts: Closures, Scope, and Execution Context
1:54:12
JavaScript the Hard Parts: Exploring Recursion in JavaScript
2:50:56
The Power of JS Generators by Anjana Vakil
36:10
JSConf
Рет қаралды 159 М.
JavaScript the Hard Parts: Promises, Async & the Event Loop
2:26:28
Как я сделал домашний кинотеатр
0:41
RICARDO
Рет қаралды 1,1 МЛН
На iPhone можно фоткать даже ночью😳
0:30
GStore Mobile
Рет қаралды 1,4 МЛН
Wow AirPods
0:17
ARGEN
Рет қаралды 925 М.