Advanced JavaScript Crash Course

📘 Courses - learn.codevolution.dev/
💖 Support UPI - support.codevolution.dev/
💖 Support PayPal - www.paypal.me/Codevolution
💾 Github - github.com/gopinav
⚡️ Checkout Taskade! www.taskade.com/
To upgrade any workspace, login and visit www.taskade.com/billing
Use coupon code: CodevolutionTH-cam for any workspace upgrade. Select "Add promo code" on checkout, enter the code, then hit "Apply". This will apply a 100% one year subscription discount. Enjoy and feel free to invite others to your workspace!
📱 Follow Codevolution
+ Twitter - / codevolutionweb
+ Facebook - / codevolutionweb
📫 Business - [e-mail]
Advanced JavaScript Crash Course
Advanced JavaScript Tutorial for Beginners
Advanced JavaScript Crash Course - Tutorial
Advanced JavaScript Tutorial
Timestamps
00:00 Intro
00:26 Before we begin
01:58 Concepts covered
02:49 Setup
03:29 Nested function scope
08:24 Closure
16:12 Currying
22:35 this keyword
32:15 Prototype
36:28 Prototypal inheritance
42:16 Class
47:08 Iterables and iterators
57:11 Generators
01:03:20 Frontend Interview Course

[@Codevolution]

Checkout my other crash courses!
HTML Crash Course - th-cam.com/video/N8YMl4Ezp4g/w-d-xo.html
CSS Crash Course - th-cam.com/video/Icf5D3fEKbM/w-d-xo.html
CSS Flexbox Crash Course- th-cam.com/video/z62f2k38s64/w-d-xo.html
CSS Grid Crash Course - th-cam.com/video/p4Ith5qRM1g/w-d-xo.html
JavaScript Fundamentals Crash Course - th-cam.com/video/XIOLqoPHCJ4/w-d-xo.html
Asynchronous JavaScript Crash Course - th-cam.com/video/exBgWAIeIeg/w-d-xo.html

[@eelguneezmemmedov1671]

Please Make video about react frame motion Thanks ...

[@soumadip_skyy_banerjee]

Make a ReactNative course too, plz! I mean, in a series!

[@animeboys6044]

all courses are crystal clear thankyou

[@eduardabramovich1216]

Just 10 mins and the way you explain things is perfect. I've watched countless tutorials before and you really explain awesome.

[@rhl_ai]

To the point and no extra useless stuff taught only what is needed. just what i was looking for.
Thank you So much.

[@MKarl4]

Absolutely awesome. Finally someone who can explain things in the right pace and kept me engaged for whole video.

[@aarondiaz2506]

Teacher of the year! 🥳 I appreciate that it seems that you know what questions we are going to ask ourselves and you cover every case.

[@touseefghazanfar8487]

I love the way you explain difficult concepts in a very simple manner

[@Shakeel714]

A very nice and clean explanation of difficult concepts in short video. Thanks so much Vishvas. You are great teacher indeed.

[@peanutrbuckle9123]

I’d love to watch it now, but it’s 2am and I know I’m going to get brain blasted. Saving for later instead ;)

[@bunnymedias]

Same here but it’s 3:28 instead saving for later

[@Angela-bh2fr]

Rr

[@gulnozaxudayarova699]

Bet you didn't watch later

[@saikatbishal]

I know this feeling.

[@Thembiola]

Same here but it's 01:10am😴 dis side😂

[@codingispower1816]

Interviewing next week and need a refresher! Thanks for this!

[@muhammadahmedjaved7691]

Hello Vishwas!
I'm a huge fan of yours
You videos are really high quality and you have the skills to explain complex things to others in a very easy way
I have learned a lot of things from you
Thank you very much for all of this quality content
This is better than most of the paid ones as well
Hope you get more subscribers soon !

[@milad8436]

Thank you for this crash course and async js I truly needed them.

[@iwswordpress]

Superb! Great clarity and understanding. Thanks.

[@johns3268]

In this code, th
e outer function returns a reference to the inner function by using return inner. This is called returning a function as a value, or returning a function reference.
If the outer function had used return inner(), it would have returned the result of invoking the inner function instead of a reference to the function itself. This means that the fn variable would be assigned the value returned by inner(), which is undefined since the inner function does not return anything.
By returning a reference to the inner function, we can assign it to the fn variable and then call it multiple times using the fn() syntax. This allows us to create a closure where the inner function retains access to the counter variable even after the outer function has completed execution, as explained in my previous answer.
So, in summary, return inner returns a reference to the inner function, which can be stored and invoked later using the fn() syntax, while return inner() would have returned the result of invoking the inner function immediately, which is not what we want in this case.

[@adiru9252]

I want to point out a mistake on 40:10. The Object.create should be before adding new methods. In example above, fightCrime() is the new method, if Object.create is after fightCrime(), that method won't work. You only called getFullName() method in the video so it seems everything works fine. Prototype object cannot be assigned after new methods. All-in-all, great tutorial, keep it up!!

[@tonmoyhussain6132]

Thank you. I was looking for this solution. 😇

[@Faust66613]

Ok I'm not crazy 😅

[@hajiamano22]

I finally get curried functions! Thank you!!!!

[@bannoreaaditya3909]

thank you, sir, I wanted a course like this only

[@oghenemagaebobo326]

Wow... This is great! Hope to finish this within a month..

[@shaikshavalisyed2012]

Thanks a lot it refreshes the concepts in very clear way. Great teaching. Thanks Vishvas.

[@drrknag8292]

First part was clear, and superb, this video is quite confusing, mostly because of impractical examples which do not represent real scenarios. Must change at least the currying example.

[@getplusmindset]

One of the best resources for learning javascript.👍 excellent beginner-friendly examples.

[@bojanchurlinov1385]

Great job, thanks a lot for your effort :)

[@indaneeydesign165]

Thank you so much, you help me a lot!

[@bluerose2542]

Thank you very much!
It would get better if you could add more real world examples after each chapters.

[@manoj-k]

🔥🔥🔥 THIS IS GOLD. Thank you

[@omrishooshan9784]

Just watched one hour before an interview..you sir might got me my new job offer

[@thecalgarians4597]

Amazing tutorial Vishwas. You rock man.

[@colorful-universe]

In currying example, the innermost function does not return a passed-in function instead it is returning the result of the passed-in function

[@mattmjlg5053]

Wow best teacher on TH-cam for front end.

[@beloaded3736]

Best refresher again Mr Vishwas, thank You sir :)

[@harshr1768]

Great course. There are not many advanced courses that has covered all well-known advanced topics. I am glad i check this one out.
Would love to watch if you already have any advanced Nodejs crash course or if we are going to get one soon :)

[@user-ie6lk3li5r]

i really love your teaching style it's awesome

[@waqas-cs]

hey Sir, thank you for uploading such a great stuff, I do watch your tutorials, you cleared all my concepts, you are a great teacher, alots of love for you from Pakistan

[@pawandeore6989]

there are very less resources on design patterns in JS can you please consider one series 🙏🙏🙏

[@harshrastogi296]

Yes Design Pattern Is One Personally want

[@hexadecimalhexadecimal5241]

@@harshrastogi296 Is one that i personally want*

[@krkmjr8429]

@@hexadecimalhexadecimal5241 is the one i personally want*

[@nadarajans3753]

want the same...

[@krkmjr8429]

@@jim_from_it3261 i was fixing his sentence without changing it mine wasn't wrong tho

[@BlaBlaBlaInDaHouse]

Very nice video, thanks for the explanations!

[@SSakibHossain10]

it was very helpful thanks a lot now i am waiting for your next crash course on js

[@SAIKRISHNA-rm2lk]

Can you make a video on javascript design patterns? It would be very helpful .

[@natashasamuel9346]

Great class.
Keep up the good work.
Thank You,
Natasha Samuel

[@universal4334]

Please do a crash course on Dom and async js

[@frontend_ko]

thanks teacher. prototype part is the most hard one to understand personally

[@g_o_d_t_a_l_k_s]

Awesome course 💫 covered many important topics.

[@sammy1696]

sir i m a beginner ,i watched many tutorials from different sources but the quality and content u give provide has no match....i just stick to learning just bcoz of u sir

[@yasinm.m5297]

This was very informative thanks for the info

[@ateya542]

Ill watch it later, i love it already

[@induprasad5908]

Thank you for this tutorial.

[@sahinpathan5197]

Thank you so much this is helpful.

[@EmmaLatulippe]

i thought i was advanced in javascript but boy i was wrong. thanks you are great at explaining :)

[@MrSuraajkumar]

Excellent. Onto advance js 😊

[@DLAMman641]

thanks your a good explainer.

[@amarg26]

Amazing as usual

[@clingyking2774]

That was a great walkthrough

[@karthik2nd256]

your tutorials are great
please make tutorials on Remix

[@mickey-bz5cf]

My friends think that you talk like a robot, but I like your voice it sounds professional

[@none2]

This video was really helpful, thank you for the explanations.
And by the way I may have guessed that you are a fan of DC Comics

[@golansy2814]

A lot of thanks mr.Vishuas

[@yogitashinde4194]

Thank you so much sir because if you I m learning js

[@mehmetutku8088]

Great video thanks Vishwas

[@pawandeore6989]

Excellent 💯.

[@erfanpaya3100]

awesome 💙💙💙

[@coolingvexation3226]

Very clear 🙏

[@ljmoyer9008]

Greatest teaching ever. Give this man a Grammy 16:43

[@hamedderiis8553]

Thanks a lot 💐

[@AbdulRahman-er3dz]

Please make a video on async js and include the applications like where we can apply

[@ujolmaharjan2010]

Thanks

[@femmytedreycryptoworld7875]

This is pretty much awesome

[@usmanrangrez-cd7zj]

When you want to return a function from another function and create a closure, you should return the function itself without invoking it. In other words, you should return inner; (without parentheses) and not inner(); (with parentheses).
Returning the function without invoking it allows you to create a closure, which means that the inner function retains access to its containing scope and any variables defined in that scope
function outer() {
let counter = 0;
function inner() {
counter++;
console.log(counter);
}
return inner; // Return the inner function without invoking it
}
const increment = outer(); // Store the inner function in a variable
increment(); // This logs "1"
increment(); // This logs "2"
Without closure
function outer() {
let counter = 0;
function inner() {
counter++;
console.log(counter);
}
return inner(); // The inner function is immediately invoked when you return it using return inner();
}
outer(); // This logs "1" and returns undefined
outer(); // This logs "1" and returns undefined

[@hbela1000]

super cool, thx.

[@zip_sk]

12:33 FN parent disease, FN parent disease

[@harikrishnak7875]

Thank you

[@milad3605]

I'm at the right place to watch this video💪

[@ayaansharma2007]

WOW thankyou so much

[@vrj93]

Greate content!

[@elsayedhosny4220]

Can you please tell me what is the right order for playlists to learn angular?

[@being-natural]

thank you!!!

[@siddharthkulkarni7559]

Would be nice to also see practical applications. For e.g. in currying, the example was too academic. But very good overall, thanks.

[@apoorvaraghuwanshi6761]

Can you please prepare something for Java and Git as well

[@jackjian3190]

Super helpful

[@marlenraiymkulov1392]

Thank you bro, is gonna be more new videos about JS?

[@narayanarao3756]

Awesome
Please change editor theme... dark default theme is good to watch videos

[@vasusharma6210]

Very helpful

[@RajdeepSingh-cs7ku]

I didn't properly understood the prototype inheritance part while the class part was simple as I have been doing java and c++

[@subinchaliyath6301]

Thanks Vishwas

[@sam03korgal27]

Best content by best instructor👍👍

[@TheLamuni]

To undestand closures, just imagine inner function as a normal function in global scope which is outer function. How i get it is like in global scope when you increment something with function it stays to that value and for inner function outer is global scope.

[@TheLamuni]

Tell me if i am wrong or right

[@Learning-king210]

Hi Vishwas, Can u create beginner perspective full length course, debugging of any JS or React program for big project, Will highly appreciate ur effort and Time, looking for support.

[@naimurhasanrwd]

Great!

[@emrannazir1165]

Love it

[@santrawebtech35]

hi viswas sir please start a full fledge gatsby series like your nextjs series we are waiting for your series

[@pastuh]

Looks simple :D

[@kalanadesilva1]

Thank you..!!!

[@abdullahbabor4876]

at @26:15, implicit binding rule does not work with arrow function.

[@undergroundmtlrap8009]

This is still a good tutorial!

[@CX6998]

can you do a crash course on TypeScript?

[@alazartadesse8484]

Thank you for Breaking JS Badly :)

[@sumitkumarsharma4004]

video on cypress and jest plz

[@itstatanka]

at 31:13 why we used globalThis instead of const name i did not get it? any help appreciated!

[@katyadolgov3254]

I needed to watch this video before my last interview

[@saran8287]

did u crack the interview

[@katyadolgov3254]

@@saran8287 no )))

[@xslayerxp9237]

Man what the hell im tryna learn about js concepts and boom my man makes a Breaking Bad reference

[@deletedaccount4034]

Wishwas update Storybook course pleaseeee please :)

[@Backend.FrankGP]

thank

[@jessierin3731]

Hi bro. Will you upload full javascript tutorials for beginners