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: CodevolutionRUclips 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 - ruclips.net/video/N8YMl4Ezp4g/видео.html
CSS Crash Course - ruclips.net/video/Icf5D3fEKbM/видео.html
CSS Flexbox Crash Course- ruclips.net/video/z62f2k38s64/видео.html
CSS Grid Crash Course - ruclips.net/video/p4Ith5qRM1g/видео.html
JavaScript Fundamentals Crash Course - ruclips.net/video/XIOLqoPHCJ4/видео.html
Asynchronous JavaScript Crash Course - ruclips.net/video/exBgWAIeIeg/видео.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

[@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.

[@eduardabramovich1216]

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

[@MKarl4]

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

[@Shakeel714]

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

[@touseefghazanfar8487]

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

[@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 !

[@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.

[@RohitSingh-pj8ys]

fegasf

[@codingispower1816]

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

[@milad8436]

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

[@iwswordpress]

Superb! Great clarity and understanding. Thanks.

[@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😂

[@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.

[@shaikshavalisyed2012]

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

[@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 😅

[@oghenemagaebobo326]

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

[@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 :)

[@bojanchurlinov1385]

Great job, thanks a lot for your effort :)

[@hajiamano22]

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

[@bannoreaaditya3909]

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

[@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

[@bluerose2542]

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

[@BlaBlaBlaInDaHouse]

Very nice video, thanks for the explanations!

[@thecalgarians4597]

Amazing tutorial Vishwas. You rock man.

[@indaneeydesign165]

Thank you so much, you help me a lot!

[@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.

[@omrishooshan9784]

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

[@SSakibHossain10]

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

[@manoj-k]

🔥🔥🔥 THIS IS GOLD. Thank you

[@beloaded3736]

Best refresher again Mr Vishwas, thank You sir :)

[@natashasamuel9346]

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

[@SAIKRISHNA-rm2lk]

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

[@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

[@yasinm.m5297]

This was very informative thanks for the info

[@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

[@EmmaLatulippe]

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

[@mattmjlg5053]

Wow best teacher on RUclips for front end.

[@frontend_ko]

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

[@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

[@elsayedhosny4220]

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

[@user-ie6lk3li5r]

i really love your teaching style it's awesome

[@itstatanka]

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

[@g_o_d_t_a_l_k_s]

Awesome course 💫 covered many important topics.

[@sahinpathan5197]

Thank you so much this is helpful.

[@abdullahbabor4876]

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

[@clingyking2774]

That was a great walkthrough

[@induprasad5908]

Thank you for this tutorial.

[@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

[@ateya542]

Ill watch it later, i love it already

[@universal4334]

Please do a crash course on Dom and async js

[@DLAMman641]

thanks your a good explainer.

[@amarg26]

Amazing as usual

[@prajapatiyash5930]

how did you bind the clg shortcut with console.log in vs

[@MrSuraajkumar]

Excellent. Onto advance js 😊

[@AbdulRahman-er3dz]

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

[@mehmetutku8088]

Great video thanks Vishwas

[@tonmoyhussain6132]

When I am trying to get batman.fightCrime() it is saying that fightCrime is not a function. Can anyone explain why? When I remove SuperHero.prototype = Object.create(Person.prototype) it works

[@karthik2nd256]

your tutorials are great
please make tutorials on Remix

[@yogitashinde4194]

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

[@marlenraiymkulov1392]

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

[@vrj93]

Greate content!

[@hbela1000]

super cool, thx.

[@user-qf7ev5rk2j]

while i wrote closure code it showing sum is not defined in terminal

[@hamedderiis8553]

Thanks a lot 💐

[@erfanpaya3100]

awesome 💙💙💙

[@coolingvexation3226]

Very clear 🙏

[@pawandeore6989]

Excellent 💯.

[@naimurhasanrwd]

Great!

[@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

[@golansy2814]

A lot of thanks mr.Vishuas

[@heilsakai2421]

What's the name of theme that you have used.

[@mickey-bz5cf]

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

[@being-natural]

thank you!!!

[@apoorvaraghuwanshi6761]

Can you please prepare something for Java and Git as well

[@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.

[@femmytedreycryptoworld7875]

This is pretty much awesome

[@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++

[@emrannazir1165]

Love it

[@narayanarao3756]

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

[@ujolmaharjan2010]

Thanks

[@siddharthkulkarni7559]

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

[@shavithilel]

Is there access to the sample code???

[@dealsdanny4798]

What Javascript version was used here?

[@harikrishnak7875]

Thank you

[@milad3605]

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

[@jessierin3731]

Hi bro. Will you upload full javascript tutorials for beginners

[@kalanadesilva1]

Thank you..!!!

[@alexpu516]

What is the purpose of:
SuperHero.prototype.fightCrime = function() {
console.log('Fighting crime')
In the prototypal inheritence section?

[@synky9200]

Its the same as creating a method in a class. We are in basic terms taking the SuperHero function, accessing its properties & methods using .prototype, and creating a property .fightCrime, which is actually a method since it executes a function. So we call it using SuperHero.fightCrime().

[@alexpu516]

@@synky9200 Got it. Thank you so much for explaining that to me!

[@kaplansedat]

@@synky9200 how can we use fightcrime function for batman?

[@ljmoyer9008]

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

[@ayaansharma2007]

WOW thankyou so much

[@jackjian3190]

Super helpful

[@definitelynotphsycal]

does this still work in may 2022?

[@SarojKumar-gh9mk]

Sir how to create event scheduler using JavaScript

[@vasusharma6210]

Very helpful

[@katyadolgov3254]

I needed to watch this video before my last interview

[@saran8287]

did u crack the interview

[@katyadolgov3254]

@@saran8287 no )))

[@santrawebtech35]

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

[@CX6998]

can you do a crash course on TypeScript?

[@pastuh]

Looks simple :D

[@undergroundmtlrap8009]

This is still a good tutorial!