Тёмный

Higher Order Functions - JavaScript Tutorial 

ColorCode
Подписаться 82 тыс.
Просмотров 67 тыс.
50% 1

Опубликовано:

 

1 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 262   
@ColorCodeio
@ColorCodeio 3 года назад
Episode 8: Higher Order Functions - JavaScript Tutorial 💻🎉
@simplesolutions289
@simplesolutions289 3 года назад
what IDE do you use for these videos?
@ColorCodeio
@ColorCodeio 2 года назад
@@simplesolutions289 Chrome DevTools
@caribbeanman3379
@caribbeanman3379 2 года назад
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
@catbros4life 3 года назад
I don't understand why you don't have a lot more subscribers. I have went through several videos and found them very useful .
@ColorCodeio
@ColorCodeio 3 года назад
Thank you :)
@CondeAlberto
@CondeAlberto 2 года назад
He is good indeed.
@camcairns2584
@camcairns2584 2 года назад
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.
@ColorCodeio
@ColorCodeio 2 года назад
Thank you so much
@Yawnz2
@Yawnz2 2 года назад
Currently 8 weeks into a web development bootcamp and i'm extremely lost....your videos are really helping me out man thank you!
@ColorCodeio
@ColorCodeio 2 года назад
That's awesome to hear! Good luck.
@aleclloydprobert6897
@aleclloydprobert6897 3 года назад
This series is very well done, and extremely clear and useful. Can't wait for the episode on closures.
@ColorCodeio
@ColorCodeio 3 года назад
Thank you Alec!
@Trolleger
@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
@ColorCodeio
@ColorCodeio Месяц назад
Excellent
@psycodeveloper9001
@psycodeveloper9001 3 года назад
Why the hell don't you have more subscribers?? Your content is soo good... Loved it. Subscribing
@ColorCodeio
@ColorCodeio 3 года назад
Thanks for subbing!
@crassProgrammer
@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!!!
@ColorCodeio
@ColorCodeio Месяц назад
Thanks
@BigSmoke-r9w
@BigSmoke-r9w 6 месяцев назад
Good fellas ❤ I just watched it awhile ago, what a coincidence!
@NexumCore
@NexumCore Месяц назад
I just understood wtf is a function and now i know that functions can take other functions!
@otabekkadirov2578
@otabekkadirov2578 Год назад
This is a great explanation, thank you Sina. You are doing a great job, so please don't stop.
@ColorCodeio
@ColorCodeio Год назад
👍
@ibrahim_youssef_13.12
@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❤
@ColorCodeio
@ColorCodeio Год назад
Thank you
@xv3lito378
@xv3lito378 3 года назад
Great video! Very helpful. Also, I like your taste in films. Dark Knight and Goodfellas are great. ;)
@ColorCodeio
@ColorCodeio 3 года назад
Haha thanks!
@Vikram_Naik
@Vikram_Naik Год назад
ThankYou sir, May i know how to prepare those stunning animated ppt/slides...
@ColorCodeio
@ColorCodeio Год назад
I manually create the animations myself in Final Cut Pro and Apple Motion
@dostonbekabdusattorov4320
@dostonbekabdusattorov4320 3 года назад
💥💥👍👍👍
@ColorCodeio
@ColorCodeio 3 года назад
👍
@jatilyadav4000
@jatilyadav4000 Год назад
Amazing and Informative as always .......Good luck
@ColorCodeio
@ColorCodeio Год назад
Thanks!
@syedaun5410
@syedaun5410 2 года назад
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!!!
@ColorCodeio
@ColorCodeio 2 года назад
Great suggestion
@joshua_hc_cr
@joshua_hc_cr 2 года назад
Like the new studio, or old I dunno 😅😂 Thanks for the explanation.
@ColorCodeio
@ColorCodeio 2 года назад
🙏
@hrahman3123
@hrahman3123 3 года назад
Welcome back!
@ColorCodeio
@ColorCodeio 3 года назад
Good to be back :)
@karimmaged5024
@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.
@ColorCodeio
@ColorCodeio Год назад
Of course I see your comment :) I have no plans to stop posting videos. Thank you for taking the time to write.
@anujupadhyay10
@anujupadhyay10 Год назад
it's still uncanny how the guy in the painting actually has the remarkable similarity to Billy Bats. 02:07
@ColorCodeio
@ColorCodeio Год назад
Agreed
@lloydchan9606
@lloydchan9606 3 года назад
these edits are so clean and entertaining, i wish more people saw you
@ColorCodeio
@ColorCodeio 3 года назад
I appreciate that
@leonnorlazami2304
@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?)
@ColorCodeio
@ColorCodeio Год назад
Build build build. That's the best way to learn.
@tomwilliamson3637
@tomwilliamson3637 2 года назад
..and this guy's sayin', "Whadda ya want from me?"
@ColorCodeio
@ColorCodeio 2 года назад
hah
@FranciscoJoseOrtegaDiaz
@FranciscoJoseOrtegaDiaz Месяц назад
New subscriber here! Great explanation! ❤
@ColorCodeio
@ColorCodeio Месяц назад
Thank you, and welcome aboard
@LasTCursE69
@LasTCursE69 4 месяца назад
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
@TheReadWellPodcast
@TheReadWellPodcast 2 года назад
I'm pretty sure you're the coolest programmer ever.
@ColorCodeio
@ColorCodeio 2 года назад
Haha I doubt it but thank you!
@dan110024
@dan110024 8 месяцев назад
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.
@joaopaulosantos3422
@joaopaulosantos3422 2 года назад
They way you explain make it seems easy, although it's not hehe
@ColorCodeio
@ColorCodeio 2 года назад
Thanks :)
@saeed8641
@saeed8641 3 года назад
عاشقتم سینا . تو بهترین استاد جهانی بهت افتخار میکنم
@techbro3085
@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.
@brolino11
@brolino11 2 года назад
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!
@ColorCodeio
@ColorCodeio 2 года назад
Thanks for subbing!
@DivineKelvin-km9vb
@DivineKelvin-km9vb Год назад
Like howwww????
@gatorgrad
@gatorgrad 11 месяцев назад
thanks for the video
@mohammadmirzaei9941
@mohammadmirzaei9941 Год назад
عالی بود ایول
@ColorCodeio
@ColorCodeio Год назад
Merci
@deepikadhanasekaran1119
@deepikadhanasekaran1119 Год назад
Hi, function name(callback){ callback() } this s callback function ,this s normal function inside another function invocation ,function name() { anotherFunction() } both function doing same, can u explain difference
@SofiaLo-23
@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
@ColorCodeio
@ColorCodeio Год назад
Thanks Sofia
@ivandedic3857
@ivandedic3857 2 года назад
best explanation ever
@charlesfulnecky1974
@charlesfulnecky1974 3 года назад
Higher order functions FTW. Very handy in combination with Redux-Observable with or without React 😁
@ColorCodeio
@ColorCodeio 3 года назад
Yes! The functional master has spoken!
@Evildragonfirez
@Evildragonfirez 2 года назад
Awesome Goodfellas reference
@ColorCodeio
@ColorCodeio 2 года назад
🇮🇹🇺🇸
@mickeyp1291
@mickeyp1291 Год назад
You say "i could use a function but everyone is gonna shout at me" damn right. You should not use function, as this manipulates state (this) you need static lambda (arrow) only. This also makes sure that this function will never be externally referenced when run by multiple parallel instances. If you use function you change state and in async/parallel its gonna bite you in as$
@asauu4745
@asauu4745 2 года назад
guy deserves more subs!
@ColorCodeio
@ColorCodeio 2 года назад
Ty!
@meeralamgir
@meeralamgir Месяц назад
Am I the only one that can't hear anything after 0:13 sec
@evanvictor1206
@evanvictor1206 Месяц назад
Me too
@longingbydesign
@longingbydesign 3 года назад
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.
@ColorCodeio
@ColorCodeio 3 года назад
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.
@Pseudo___
@Pseudo___ 10 месяцев назад
How would js developers “probably not know these things”??
@jasonlago5129
@jasonlago5129 Год назад
Youre the most underrated youtuber on the youtubes
@ColorCodeio
@ColorCodeio Год назад
Underrated comment! Thank you
@brunog2766
@brunog2766 6 месяцев назад
Yeah, I'm a Brazilian guy and i really liked this vídeo, thanks a lot!
@vladislavamarkova8379
@vladislavamarkova8379 2 года назад
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! : )
@ColorCodeio
@ColorCodeio 2 года назад
Closures video posted today: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-aHrvi2zTlaU.html
@nagendradevara1
@nagendradevara1 3 года назад
Waiting for closures video.
@ColorCodeio
@ColorCodeio 3 года назад
Next week
@bob_bobsen
@bob_bobsen 2 года назад
nice clean background - great info on video
@ColorCodeio
@ColorCodeio 2 года назад
Thank you!
@justingarner5425
@justingarner5425 2 года назад
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
@ColorCodeio
@ColorCodeio 2 года назад
You’re welcome :)
@bmehder
@bmehder 2 года назад
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.
@LuxuryLifeStyle96
@LuxuryLifeStyle96 Год назад
If you dosen't mind , which company you work in sir .
@fluffybubble6872
@fluffybubble6872 2 года назад
This channel is soooo underestimated
@ColorCodeio
@ColorCodeio 2 года назад
Thank you 🙏
@WineMusicWith
@WineMusicWith 9 месяцев назад
still in love with background music:))))
@Looneytune
@Looneytune 2 года назад
You guys deserve way more attention.
@ColorCodeio
@ColorCodeio 2 года назад
Thanks LooneyTune. Great name by the way 👍
@xpkareem
@xpkareem 2 года назад
Helpful.
@webdeveloper2769
@webdeveloper2769 2 года назад
he deserves 1 million subscribers
@ColorCodeio
@ColorCodeio 2 года назад
Soon :)
@viorelmnk
@viorelmnk 2 года назад
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.
@ColorCodeio
@ColorCodeio 2 года назад
Thank you. Glad you found it useful.
@scottbartlett6785
@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.
@ColorCodeio
@ColorCodeio Год назад
You’re speaking my language. Love lofi beats when coding 🎧
@anontar6316
@anontar6316 3 месяца назад
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
@ColorCodeio
@ColorCodeio 2 месяца назад
Thank you so much
@Ratchet2022
@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!
@ColorCodeio
@ColorCodeio Год назад
Thanks for a great comment! Glad the video was helpful for you.
@pedrolelis7854
@pedrolelis7854 2 года назад
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!
@ColorCodeio
@ColorCodeio 2 года назад
Welcome aboard! Sending you hugs back to Brazil from New York City.
@cryptotv3013
@cryptotv3013 2 года назад
Funny how - GoodFellas ?
@ColorCodeio
@ColorCodeio 2 года назад
Correct!
@suryatejaparvata
@suryatejaparvata 2 года назад
@ColorCodeio
@ColorCodeio 2 года назад
👍
@BrantK147
@BrantK147 7 месяцев назад
The concept is simple but the application can easily become inception hell 😭😭😭
@mdshoharabpk1126
@mdshoharabpk1126 Год назад
thanks for your tutorial.
@ColorCodeio
@ColorCodeio Год назад
👍
@Rocker0jeda
@Rocker0jeda 8 месяцев назад
Why so serious 😂😂😂, thank you for ur videos it helped me alooot.
@georgetuccio6053
@georgetuccio6053 2 года назад
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.
@ColorCodeio
@ColorCodeio 2 года назад
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.
@TheAcidMotion
@TheAcidMotion 3 года назад
As usually, super informative episode. Funny too, just not sure how much joe pesci would agree there ;)
@ColorCodeio
@ColorCodeio 3 года назад
Haha thanks dude!
@samankushwaha6188
@samankushwaha6188 7 месяцев назад
function call stack is where i confuse all the time in HOF
@chenzierkabrabam3060
@chenzierkabrabam3060 Год назад
The way you explain code is easier to understand. I request you to record a content about React stuff if possible. Happy coding.
@ColorCodeio
@ColorCodeio Год назад
Maybe soon
@davidmmadden
@davidmmadden 3 года назад
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.
@ColorCodeio
@ColorCodeio 3 года назад
Thanks Dave. I’m actually just a block away from the old studio but unfortunately I had to move on. Thanks for the feedback.
@averageguys_sa
@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! 👌
@ColorCodeio
@ColorCodeio Год назад
Thanks and good luck with your studies!
@ludwigvillalba1886
@ludwigvillalba1886 Год назад
Thanks for sharing!
@ColorCodeio
@ColorCodeio Год назад
Thanks for watching!
@KalenNorton
@KalenNorton 2 года назад
Awesome 👏🏾
@ColorCodeio
@ColorCodeio 2 года назад
Thank you brother Kato!
@itsnobledean9450
@itsnobledean9450 Год назад
What you are missing is a course. I just feel I’d be able to learn, and more importantly, retain the knowledge you provide about specific topics. I signed up and I’m waiting with minimal patience. 😂
@fatahbe7667
@fatahbe7667 Год назад
Best channel: it was very good Sina
@riteshgoswami7226
@riteshgoswami7226 Год назад
I am really getting confused between the parameter and argument here. Some are saying HOF takes another function as a parameter while others are saying it takes it as an argument. Can you please clarify it?
@ColorCodeio
@ColorCodeio Год назад
Same thing
@jenueheightz6851
@jenueheightz6851 9 месяцев назад
Higher volume intro video maybe?
@Speedhaak
@Speedhaak 2 года назад
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 :)
@ColorCodeio
@ColorCodeio 2 года назад
Haha I hear you!
@azhardev
@azhardev Месяц назад
Great tut man. And who is Qoli?
@SahilPatel-zn3lo
@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
@ColorCodeio
@ColorCodeio Год назад
You're very welcome!
@essaadi_elmehdi6784
@essaadi_elmehdi6784 3 года назад
That's great, also the quality is really high, even only the into can make u click the subscribe button.
@ColorCodeio
@ColorCodeio 3 года назад
Haha thank you
@paulsisson8944
@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.
@ColorCodeio
@ColorCodeio Год назад
Thank you
@diegogallardo8281
@diegogallardo8281 Год назад
graphics are niceeee
@ColorCodeio
@ColorCodeio Год назад
👍
@kylemyers5802
@kylemyers5802 Год назад
This was extremely helpful, the examples were awesome and the way you explained them made them all click for me. Thanks!
@ColorCodeio
@ColorCodeio Год назад
Great to hear!
@anithadharaneedharan6758
@anithadharaneedharan6758 11 месяцев назад
wow .. That was a perfect video which was totally engaging and crystal clear.
@ColorCodeio
@ColorCodeio 11 месяцев назад
Glad it was helpful!
@Pareshbpatel
@Pareshbpatel Год назад
The essentials of Higher Order Functions in JavaScript; so succinctly explained. Thanks, Sina {2023-06-21}
@chrisdietrich1533
@chrisdietrich1533 3 года назад
Thanks for another great video!
@ColorCodeio
@ColorCodeio 3 года назад
You're welcome Chris
@BowlofIndoMee
@BowlofIndoMee 3 месяца назад
Why not just call it funception?
@jetbob309
@jetbob309 2 года назад
You earned my sub! Thank you for this clear explanation
@ColorCodeio
@ColorCodeio 2 года назад
Awesome :)
@dedmanraizd
@dedmanraizd 2 года назад
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!
@ColorCodeio
@ColorCodeio 2 года назад
Glad it helped!
@dedmanraizd
@dedmanraizd 2 года назад
@@ColorCodeio Just to clarify, if a function by definition is what something does, how should we see primitive types as?
@mohithp8700
@mohithp8700 2 года назад
It was really useful I was doing challenges in leetcode and there are many challenges related to HOF You earned a subscriber
@ColorCodeio
@ColorCodeio 2 года назад
Awesome, thank you!
@Aziz-kw6ct
@Aziz-kw6ct Год назад
Great video, thnx for such content
@anandkumarnitrourkela7404
@anandkumarnitrourkela7404 2 месяца назад
respect from India
@UncleNabs
@UncleNabs 2 года назад
Video Quality is really top notch! First thing I noticed, now to learn
@ColorCodeio
@ColorCodeio 2 года назад
Thank you. Good luck!
@francescaperfume
@francescaperfume 3 месяца назад
Aeveral of your videos have nosound
@JoshPeterson
@JoshPeterson 11 месяцев назад
The volume went out after your intro 😢
@nemanjakaran8799
@nemanjakaran8799 2 года назад
Very concise, and very well explained - good job and thanks!
@ColorCodeio
@ColorCodeio 2 года назад
👍
@genesipes8532
@genesipes8532 2 года назад
Awesome show!
@ColorCodeio
@ColorCodeio 2 года назад
Thank you
Далее
JavaScript Closures Tutorial (Explained in depth)
19:03
ХОККЕЙНАЯ КЛЮШКА ИЗ БУДУЩЕГО?
00:29
JavaScript Prototypal inheritance - Tutorial
15:29
Просмотров 79 тыс.
Microservices are Technical Debt
31:59
Просмотров 374 тыс.
JavaScript Pure Functions - Tutorial for beginners
19:20
Fetch API - JavaScript Tutorial for beginners
30:50
Просмотров 104 тыс.
Higher Order Function | javascript interview series
11:46
ХОККЕЙНАЯ КЛЮШКА ИЗ БУДУЩЕГО?
00:29