Higher Order Functions - JavaScript Tutorial

[@ColorCode-io]

Episode 8: Higher Order Functions - JavaScript Tutorial 💻🎉

[@simplesolutions289]

what IDE do you use for these videos?

[@ColorCode-io]

@@simplesolutions289 Chrome DevTools

[@caribbeanman3379]

4:45 BTW, I remember seeing on a JavaScript video that it's bad practice to use array notation to get a particular character from a string like you've done here with "n[0]". I don't remember the details of why it's bad. But it was suggested that it's better to use one of the string functions like n.slice(0,1) or n.charAt(0).

[@catbros4life]

I don't understand why you don't have a lot more subscribers. I have went through several videos and found them very useful .

[@ColorCode-io]

Thank you :)

[@CondeAlberto]

He is good indeed.

[@camcairns2584]

Sina, just a note of appreciation - your content and presentation are immaculate. You are one of the few educators who can employ humor so it contributes rather than detracts.

[@ColorCode-io]

Thank you so much

[@nithin2731]

Hey bro actually my cousin name is immaculate now only I get the meaning of immaculate 😅 uuff

[@Yawnz2]

Currently 8 weeks into a web development bootcamp and i'm extremely lost....your videos are really helping me out man thank you!

[@ColorCode-io]

That's awesome to hear! Good luck.

[@aleclloydprobert6897]

This series is very well done, and extremely clear and useful. Can't wait for the episode on closures.

[@ColorCode-io]

Thank you Alec!

[@karimmaged5024]

Not sure if you'll see this, it's a year old video. I'm currently learning web development and your videos are one of the greatest resources I found. You deliver the info in a light yet effective way. Hopefully you won't give up on this channel and would continue publishing those awsome videos.

[@ColorCode-io]

Of course I see your comment :) I have no plans to stop posting videos. Thank you for taking the time to write.

[@TommyChrist]

I am 3 weeks in, into a Software Development In JS Bootcamp, and I find your content really helpful!!!

[@lloydchan9606]

these edits are so clean and entertaining, i wish more people saw you

[@ColorCode-io]

I appreciate that

[@riteeshpai2369]

I wasnt knowing for months like what it is to use this keyword with arrow functions.I legit didnt understand it.But now seeing your explaination made it all clear to me.You are a gem.

[@ColorCode-io]

Thank you. Glad it helped.

[@SofiaLo-23]

This is the first video I watch from your channel and I have to say it is really good. The animations, explanation and everything. Thank you so much

[@ColorCode-io]

Thanks Sofia

[@prince5922]

Sina whoever chooses your music, please give him a raise. I have watched your videos so much that I can tell what topic it is based on the intro or background music.

[@ColorCode-io]

Thanks I'm so glad. I'm a one-man show and spend a lot of time on my production.

[@ColorCode-io]

Thanks I'm so glad. I'm a one-man show and spend a lot of time on my production.

[@viorelmnk]

i like the way you explain in detail and with examples and the way the videos are made, very modern, clean and each topic of the videos gets a "separate" part of the video, making it easy for us viewers.

[@ColorCode-io]

Thank you. Glad you found it useful.

[@averageguys_sa]

I'm studying to be a full stack developer, based in South Africa. I've seen a lot of webdev tutorial videos online but I'm yet to see someone who does it better! 👌

[@ColorCode-io]

Thanks and good luck with your studies!

[@Speedhaak]

Appreciate the bite sized approach to this content. Sometimes when you are researching something and you're staring down the barrel of a 45 minute video it can be defeating. Cheers :)

[@ColorCode-io]

Haha I hear you!

[@Trolleger]

Sir, your content has been a great help for me learning coding and reviewing coding (I go to coding class) You incorparate humor actually good, you have good visuals, mic quality and just everything is Immaculate. Thank you

[@ColorCode-io]

Excellent

[@otabekkadirov2578]

This is a great explanation, thank you Sina. You are doing a great job, so please don't stop.

[@ColorCode-io]

👍

[@crassProgrammer]

This is the best series on JS. You have explained very well. I have watched almost all JS videos & I am really disappointed why you have lesser views & subscribers. ❤ from me!!!

[@ColorCode-io]

Thanks

[@pedrolelis7854]

I just found your content and this is the first video I watch! Actually I agree with the last comment... why don't you have more subs!? Thanks for the amazing explanation! Quite easy to understand! Hugs from Brazil!

[@ColorCode-io]

Welcome aboard! Sending you hugs back to Brazil from New York City.

[@georgetuccio6053]

Really enjoying the 10 part series. Just finished an engagement and starting to interview for next engagement and studying like crazy to prepare for all those interview questions. Yes, prototype and classes came up in one interview and I stumbled all over the answers. I'm from New York City, enjoyed seeing the city out of your window. Miss it. Moved to Tampa 5 years ago and looking forward to moving back.

[@ColorCode-io]

I miss my view too, although I'm still in NYC. Best of luck to you on your interviews. Let me know if I can help.

[@userl-mo4sl]

I couldn't stay focused long ,cause I was inspired by the English you speak ,afarin lezat bordam.Best regards.Neda

[@ColorCode-io]

🙏

[@SahilPatel-zn3lo]

I really love the way you connect current concepts to previously taught concepts and many different ways to do the same thing. really man hatf off to you and well yeah merry christmas to you

[@ColorCode-io]

You're very welcome!

[@RunEdgarRun]

Video Quality is really top notch! First thing I noticed, now to learn

[@ColorCode-io]

Thank you. Good luck!

[@BigSmoke-r9w]

Good fellas ❤ I just watched it awhile ago, what a coincidence!

[@brolino11]

How the hell does this video have less than 10k views? You're sooo good at explaining thi stuff, you deserve way more recognition. And btw, I'm subbing!

[@ColorCode-io]

Thanks for subbing!

[@DivineKelvin-km9vb]

Like howwww????

[@Ratchet2022]

Wow! This really takes away the mystique of higher order functions for me after years of programming in TS. How they work is obvious to me now, hence this video did its job. I just never really gripped how functions sent in as arguments run the code for each element in a collection, but now seeing you write these higher order functions, I see how they do the processing in a black box just like they would for any other primitive argument type. Thank you!

[@ColorCode-io]

Thanks for a great comment! Glad the video was helpful for you.

[@sbvforworld4290]

Would love to have more and regular videos from you. Because The Channel is A CLASSIC .

[@ColorCode-io]

Working on it!

[@longingbydesign]

I really liked the old setup with the window ALOT better. Also your voice sounded better in the old setup. In the new one you clearly hear the resounding from the walls.

[@ColorCode-io]

Unfortunately I won't have access to the old studio anymore :( Good catch on the audio. The space is so new and the sound acoustics haven't been installed yet.

[@justingarner5425]

great video I had to subscribe because the production quality was so good thank you so much for a tutorial that a human can understand

[@ColorCode-io]

You’re welcome :)

[@paulsisson8944]

Great work brother! Keep it up. Us newbs really appreciate this stuff, especially when it isn't ultra-dry/tedious like a lot of these videos tend to get.

[@ColorCode-io]

Thank you

[@kylemyers5802]

This was extremely helpful, the examples were awesome and the way you explained them made them all click for me. Thanks!

[@ColorCode-io]

Great to hear!

[@psycodeveloper9001]

Why the hell don't you have more subscribers?? Your content is soo good... Loved it. Subscribing

[@ColorCode-io]

Thanks for subbing!

[@elielberra2867]

All your videos are incredible useful, and super easy to understand! Thank you so much :)

[@syedaun5410]

Please do a series on basics of React or React Native. But I guess then the audience will be very limited as you are still growing, but your work deserves a lot more views, fantastic work!!!

[@ColorCode-io]

Great suggestion

[@vladislavamarkova8379]

Another useful, informative and so nice to follow video from the sequence! I like your new studio, it looks, how to say, open and brighter, miss a little bit the live coding. I am looking forward for the next "Closures" video. Wish you all good! : )

[@ColorCode-io]

Closures video posted today: kzbin.info/www/bejne/l3nVp5xor7mfl7c

[@brunog2766]

Yeah, I'm a Brazilian guy and i really liked this vídeo, thanks a lot!

[@videoklubi]

The best explanation ever. Plus, a really good vibe.

[@ColorCode-io]

🕺🏻

[@Looneytune]

You guys deserve way more attention.

[@ColorCode-io]

Thanks LooneyTune. Great name by the way 👍

[@mackenkie]

great production quality and explanation! Made it easier to grasp.

[@ColorCode-io]

Thanks! Glad to hear it

[@anithadharaneedharan6758]

wow .. That was a perfect video which was totally engaging and crystal clear.

[@ColorCode-io]

Glad it was helpful!

[@Jok3rundead]

Love your videos man! You explain things very clearly and concisely while also keeping it fun at times with your jokes. Brilliant channel please keep it going until the end of time :)

[@ColorCode-io]

Thanks! No plans to stop any time soon :)

[@ibrahim_youssef_13.12]

your voice beautiful , your joking is funny , your explanation is great, every time I see you - even in something I knew before - I benefit from new and very useful information and some funny as well😅 , Thank you Sina❤

[@ColorCode-io]

Thank you

[@MohyDev]

Loving this series, PLEASE DO MORE!

[@ColorCode-io]

A lot more coming next month

[@hrahman3123]

Welcome back!

[@ColorCode-io]

Good to be back :)

[@leonnorlazami2304]

You got yourself a new subscriber! I'm having a hard time with functions and this somehow helped me understand ( still need more practice tho, any suggestions?)

[@ColorCode-io]

Build build build. That's the best way to learn.

[@bmehder]

I like the new format with no code typing. I did not even notice it until you said something about it. I think you might be on to something here.

[@mohithp8700]

It was really useful I was doing challenges in leetcode and there are many challenges related to HOF You earned a subscriber

[@ColorCode-io]

Awesome, thank you!

[@scottbartlett6785]

Random but i definitely had "Coffee shop radio 24/7 lofi hip hop beats" on while watching this and it made it even better. regardless, thank you for being eloquent and still throwing some jokes in.

[@ColorCode-io]

You’re speaking my language. Love lofi beats when coding 🎧

[@dennisa6449]

Crazy good quality! Keep it up mate

[@ColorCode-io]

Appreciate it!

[@jasonlago5129]

Youre the most underrated youtuber on the youtubes

[@ColorCode-io]

Underrated comment! Thank you

[@asauu4745]

guy deserves more subs!

[@ColorCode-io]

Ty!

[@Danny-wu5ct]

THIS content is better than my bootcamp's content

[@ColorCode-io]

Glad to hear it

[@techbro3085]

This Channel is like Oasis in the big desert called JS🙃. Just a suggestion sir, along with youtube reels, you can post your linkedin account also here to get more audience attention.

[@fatahbe7667]

Best channel: it was very good Sina

[@jatilyadav4000]

Amazing and Informative as always .......Good luck

[@ColorCode-io]

Thanks!

[@dev-vf5fm]

this is a god-tier tutorial

[@Pareshbpatel]

The essentials of Higher Order Functions in JavaScript; so succinctly explained. Thanks, Sina {2023-06-21}

[@dev-vf5fm]

This is a god-tier tutorial👏

[@kemekenneth]

Love the animations/transitions

[@nemanjakaran8799]

Very concise, and very well explained - good job and thanks!

[@ColorCode-io]

👍

[@dedmanraizd]

I've run into many tutorials describing what callbacks are but don't go into the specifics of why it's needed. I've always struggled to find the value of a callback; for instance, why do functions like setTimeout(), array methods, addEventListeners, need a function as a parameter instead of using primitive types to tell it what to do? Thanks so much for explaining this. Cheers!

[@ColorCode-io]

Glad it helped!

[@dedmanraizd]

@@ColorCode-io Just to clarify, if a function by definition is what something does, how should we see primitive types as?

[@LasTCursE69]

I mean I get what you are trying to explain, but at 6:00 you can just do this instead? (without iterating 3 times and creating separate lists) for (let i = 0; i < names.length; i++) { if (names[i][0] !== 'Q' && names[i].length >= 5) { the jquery bit } } Same deal with 8:20, you can just make a single function and pass the pixels as an argument

[@raulnardone7062]

Very clear and concise. Many thanks !

[@ColorCode-io]

🙏

[@chenzierkabrabam3060]

The way you explain code is easier to understand. I request you to record a content about React stuff if possible. Happy coding.

[@ColorCode-io]

Maybe soon

[@anontar6316]

Just stumbled my way here.. was looking for a high order function deff and was prepared for a boring sleepy video... but boy was I wrong. Btw... I will look over your playlist... but I think you should create an entire course... if you can and have the time of course

[@ColorCode-io]

Thank you so much

[@robertobenedit]

Nice to discover you sir! fantastic tutorial

[@ColorCode-io]

Thank you

[@blckndhues]

my bf watched this and loved it. keep it up!

[@ColorCode-io]

Thank you and your bf

[@davidmmadden]

Great video. New pre-created text is easy to follow but I much prefer the live coding because it shows examples of how you think through things. Also miss the NYC window, it made it feel informal and comfortable, but I'm sure you had practical reasons for the shift.

[@ColorCode-io]

Thanks Dave. I’m actually just a block away from the old studio but unfortunately I had to move on. Thanks for the feedback.

[@Evildragonfirez]

Awesome Goodfellas reference

[@ColorCode-io]

🇮🇹🇺🇸

[@FranciscoJoseOrtegaDiaz]

New subscriber here! Great explanation! ❤

[@ColorCode-io]

Thank you, and welcome aboard

[@jetbob309]

You earned my sub! Thank you for this clear explanation

[@ColorCode-io]

Awesome :)

[@webdeveloper2769]

he deserves 1 million subscribers

[@ColorCode-io]

Soon :)

[@ivandedic3857]

best explanation ever

[@xv3lito378]

Great video! Very helpful. Also, I like your taste in films. Dark Knight and Goodfellas are great. ;)

[@ColorCode-io]

Haha thanks!

[@Coding1on1]

I like the way this video was performed!!!

[@ColorCode-io]

Thanks

[@NexumCore]

I just understood wtf is a function and now i know that functions can take other functions!

[@TheReadWellPodcast]

I'm pretty sure you're the coolest programmer ever.

[@ColorCode-io]

Haha I doubt it but thank you!

[@BCAJ-FGC]

i love this dudes videos lol , good shit big dog

[@andrew.schaeffer4032]

Great videos thank you. Just one thing I think could make them better would be if they were shorter/more concise.

[@chrisdietrich1533]

Thanks for another great video!

[@ColorCode-io]

You're welcome Chris

[@danivermel]

Very well explained!

[@fluffybubble6872]

This channel is soooo underestimated

[@ColorCode-io]

Thank you 🙏

[@saeed8641]

عاشقتم سینا . تو بهترین استاد جهانی بهت افتخار میکنم

[@bob_bobsen]

nice clean background - great info on video

[@ColorCode-io]

Thank you!

[@azhardev]

Great tut man. And who is Qoli?

[@TheAcidMotion]

As usually, super informative episode. Funny too, just not sure how much joe pesci would agree there ;)

[@ColorCode-io]

Haha thanks dude!

[@zero11010]

I don’t understand most usages of higher order functions. Would love some help! There are separate issues. The example at 8:50 with a function that returns a function does not make sense at all. Why not just create a function that does the thing while taking in that parameter? What do you gain out of writing a function that returns an anonymous function that does the work instead of writing a function that does the thing in the first place? The issue I have with map and filter and the rest is separate. In specific usages they’re great. I see them chained often and this drives me crazy because of the inefficiency. Each loops over every element. Each creates a separate array which itself takes time and space. Instead of chaining multiple together (which seems to be common) I don’t understand why people don’t use a single loop with the logic so you only iterate over each element once and only need to create a single array to return in the process. For usages where you only use one or can only possibly iterate over a small number the inefficiency seems trivial. I’ve seen this done over tens of thousands of items and on a backend writing something twice as efficient feels like the way to go cutting down on database drag. Chaining multiple together feels like writing several separate loops each creating a bunch of data that only gets used to write another loop to create more data to write another loop …. Or you could write a single loop! Instead of taking in a function as a parameter, why not use scope to gain access to a function? What is the benefit to doing it this other way? This seems common with callbacks. Most of the time it seems more direct to just write the functionality so it’s available in scope.

[@Vikram_Naik]

ThankYou sir, May i know how to prepare those stunning animated ppt/slides...

[@ColorCode-io]

I manually create the animations myself in Final Cut Pro and Apple Motion

[@WineMusicWith]

still in love with background music:))))

[@joshua_hc_cr]

Like the new studio, or old I dunno 😅😂 Thanks for the explanation.

[@ColorCode-io]

🙏

[@charlesfulnecky1974]

Higher order functions FTW. Very handy in combination with Redux-Observable with or without React 😁

[@ColorCode-io]

Yes! The functional master has spoken!

[@a-mok-youb]

Hi Sina, thank you for the lessons. I have benefited a lot from you. I have a question regarding SetTimeout()،Is it possible to change the display duration of a function from time to function so that it is displayed after initializing and executing the first function? Example : setTimeout(function(),2000); to: setTimeout(function2(),function1()); I hope you get the idea،Thank you, Sina.

[@ColorCode-io]

As long as function1 returns an integer I don’t see why not.

[@genesipes8532]

Awesome show!

[@ColorCode-io]

Thank you

[@ludwigvillalba1886]

Thanks for sharing!

[@ColorCode-io]

Thanks for watching!

[@tushar207]

God level stuff!

[@ColorCode-io]

God level comment

[@tushar207]

Thanks “STEVE”

[@dan110024]

With the makeClickHandler function, why return a function? Why not just have document.body.style.fontSize within makeClickHandler on its own? I'm sure there's a reason but I'm not able to see it at the moment.

[@itsminchul]

finally someone i can understand

[@ColorCode-io]

🙏

[@Aziz-kw6ct]

Great video, thnx for such content

[@devesh21]

Loved it ❣️

[@Rocker0jeda]

Why so serious 😂😂😂, thank you for ur videos it helped me alooot.

[@mdshoharabpk1126]

thanks for your tutorial.

[@ColorCode-io]

👍