To people who can't understand it: Don't panic. Use multiple resources, listen to all of them define promises and callbacks. Then get a notebook and write your general understanding of whatever you have learnt. Write the code in videos by yourself and if you can't understand any part of it use chat GPT. You will understand it in 2-3 days (not fully but have a grasp)
🎯 Key Takeaways for quick navigation: 00:00 📚 *Introduction to Callback Functions and Promises* - Callback functions are functions passed into another function as an argument, invoked inside the outer function to complete an action. - Asynchronous nature of JavaScript explained with examples of setTimeout and console.log order of execution. - Callback functions allow for asynchronous programming but can lead to callback hell or pyramid of doom. 04:06 🔄 *Managing Callback Hell with Promises* - Promises provide a solution to callback hell, offering a cleaner and more manageable way to handle asynchronous code. - Promises represent a guarantee of code execution, useful for waiting on tasks without blocking other operations. - Creating and utilizing promises allows for more organized and structured code, improving readability and maintainability. 17:21 🔒 *Promises and Resolve/Reject Mechanism* - Understanding the concept of promises and their role in code execution. - Explanation of the resolve and reject functions within a promise. - Demonstrating how to use `resolve` to indicate successful completion of a task and `reject` to handle errors. 19:34 🛠️ *Handling Promise Results and Errors* - Using `.then` to access the resolved value of a promise and perform further actions. - Implementing `.catch` to handle errors that occur during promise execution. - Emphasizing the importance of error handling in asynchronous code execution. 24:15 🔄 *Promise Chaining and Promise.finally* - Understanding promise chaining to pass resolved values between promises. - Introduction to `promise.finally` for performing cleanup actions after promise execution. - Explaining the concept of passing resolved values through a chain of `.then` handlers. 26:06 🤝 *Promise.all and Promise.race* - Utilizing `Promise.all` to wait for multiple promises to resolve and gather their results. - Introduction to `Promise.race` for determining the fastest resolving promise among multiple promises. - Illustrating scenarios where `Promise.all` and `Promise.race` are beneficial, such as handling multiple network requests or downloads. 28:54 ⚖️ *Understanding Promise.all settled and Promise.resolve/Promise.reject* - Explaining `Promise.all settled` to handle both resolved and rejected promises. - Introducing `Promise.resolve` and `Promise.reject` to create promises with predefined states. - Demonstrating how to handle promises with different states and reasons using these methods. Made with HARPA AI
Took a months break and starting again today, felt like I need to revise previous topics to understand all the new concepts. Also writing this comment to make a note to self that I must catch up again. So, if you are watching this series in the future. I have a few things that'll help you stay consistent :- - Revise, all the topics. It'll take a few minutes if you do it daily, but is a really important thing to do. - It's alright if you have fallen behind, catching up again is important and should be priority. So yea, keep watching and learning. You'll complete the series and gain good amount of knowledge about web dev. #SigmaBatchOP
bro i want to know how u practise js its very difficult for me to practise i learn the concepts but at the time of implemnetation i just can't idk how i wanna really practise js and want to make projects and more
@@RoronoaZoro78687 just by doing Javascript then NO but doing a frontend framework and backend, database and have a sharp skills u can get a job , but makes projects, learn through projects
from DOCTYPE to today I have written and implemented the code in VS code. with our writing, it's not easy to understandout Thank sir the course is outstanding
00:01 Callbacks are functions used to call a function and can be passed as arguments. 02:14 JavaScript uses asynchronous functions to postpone execution. 06:00 Installing ES7 React Redux Extension 08:06 Using callback to load script and control function execution 11:50 JavaScript Promise is the solution to callback hell 13:50 Using Promises in JavaScript instead of waiting for callbacks 17:29 Understanding JavaScript Promises and their handling 19:19 Explaining JavaScript promises and handling resolve and reject scenarios 22:47 Handling network request responses with JavaScript Callbacks & Promises 24:19 Promise chaining allows passing resolved values through multiple handlers. 27:47 Understanding the difference between resolved and settled promises 29:23 Using promise.race to show the image of the promise resolved first among the five. Crafted by Merlin AI.
This is the most important part and problematic part for me since I've started using pure js for my projects. The video works like "cherries on a cake". Thanks Harry bhai for furnishing us with great concepts.❤
i wasnt ableto understand the concept of promises at all when i watched it once. fir maine 3br video dekha 2br notes read kiye tb jake clear hogya thankuh harry bhai
Although he taught us basics after that I am studied from paid course but Harry sir is love ❤️ Because he makes our basics osm ❤️ Love you sir always ❤️💯
Day 8th And Learnt 60% html 50% css, Javascript is a bit confusing for me as i don't have any other programmign language knowledge but this course is the best course i have found ❤❤
Don't panic not an easy topic to understand and will take some time so don't worry took me a full day to understand this topic need to code along create my own random promises create my own questions need to practice and 100% will understand everything keep notes alongside everything is nicely explained
if any one is facing issue in understanding callback & promise concept. checkout the Namaste JavaScript series by AKSHAY SAINI, it's a great series which covers some advance topic which are also important from the perspective of interview. Moreover it's the deep explanation of the topics.
I have a suggestion. Change the blue color of the thumbnail into something else whenever you enter into a new chapter. That will separate the concept and it will be easy for the future viewer to navigate through the playlist. It's just a matter of minutes to tweak this thing a little bit, and it will have a great impact if you see it in the long term.
Thank you Harry Bhai for your sincere efforts, I promise I will do my best from my side and I've already commented my feedback on the first video of this Sigma course
Bhai, main phle he docs and other channel is basic kar chuka hu phir thoda python me chla gya tha and ab firse web dev ka revision chalu aur manoge nhi har ek chij ati hain but syntax idhar ke udhar ho gye and ab google search markar jb code likhta hu tb feel ati hain ki ha harry bhai ne jaisa kha tha ki rattna nhi bs google kar lena. still to refresh concepts, I am gonna watch this whole series in 2x. 😎😎
I have a doubt, @8:04, at line 21, sc.onload=callback("Harry"), he is calling the function, whereas since onload is an event, reference of a function should be assigned to events, Harry is getting printed because the execution is going to that line, not when the script loads. It should be something like-> sc.onload= function() { callback("Harry"); }; an anonymous function that gets called when the script loads. If there wasn't any input argument, it could simply be sc.onload=callback; Please anyone correct me.
you are right, we need to give the reference of a function that can act as a callback for the event, that only worked in harry's case probably because execution flow went to that line.
Harry bhai ab tm pehle ki tarah efforts deke nhi samjhaate , ab bss bta dete ho jisko samjh aaya thik h nhi aaya toh bhi tmhe koi fark nhi padta . Or pehle k videos mai tm medium level k concepts ko bhi different ways mai samjhaate the or ab hard hard concepts ko bhi ek baar formality mai bta k aage badh jaate ho
Thanks #HarryBhai #SigmaBatchOP aaj lag raha hai ki bahut hi high level ka content dekha is course me, shuru me harry bhai aapne sahi kaha tha we will raise the level of this course , once again thanks.
Yaha Harry bhai nay beginners k liye bohot mushkil kardia hai , 76 videos saay sab samhaj arha tha per yaha paay I completely lost it, koi baat nhi aur bhi video hai UA-cam per jis say aapko samhaj ajyega.
The Promise.resolve/reject methods Promise.resolve(value) - It resolves a promise with the value passed to it. It is the same as the following: let promise = new Promise(resolve => resolve(value)); Promise.reject(error) - It rejects a promise with the error passed to it. It is the same as the following: let promise = new Promise((resolve, reject) => reject(error));
if any one can daunt at this point you can check our harry old web development playlist where harry can brief explain all concept that are mention in their notes 👍
I know you found it difficult to understand. I have understood callback and promises before from other vids now going through this. The thing is harry is trying to merge a lot of things to make you understand and revise a lot at once in every video. If you are not getting it i have made a perfect readme file to understand promise and callback. With perfect examples and in own words, trust me its worth, if you want i can give you just reply to this comment
those who don't get it, watch this 2 3 times and search online and just understand the concept that's it if interviewer ask you about this you can explain them
To people who can't understand it:
Don't panic. Use multiple resources, listen to all of them define promises and callbacks. Then get a notebook and write your general understanding of whatever you have learnt. Write the code in videos by yourself and if you can't understand any part of it use chat GPT. You will understand it in 2-3 days (not fully but have a grasp)
this video is raised the baar
You are right 🙂🙂🙂🙂🙂🙂
🎯 Key Takeaways for quick navigation:
00:00 📚 *Introduction to Callback Functions and Promises*
- Callback functions are functions passed into another function as an argument, invoked inside the outer function to complete an action.
- Asynchronous nature of JavaScript explained with examples of setTimeout and console.log order of execution.
- Callback functions allow for asynchronous programming but can lead to callback hell or pyramid of doom.
04:06 🔄 *Managing Callback Hell with Promises*
- Promises provide a solution to callback hell, offering a cleaner and more manageable way to handle asynchronous code.
- Promises represent a guarantee of code execution, useful for waiting on tasks without blocking other operations.
- Creating and utilizing promises allows for more organized and structured code, improving readability and maintainability.
17:21 🔒 *Promises and Resolve/Reject Mechanism*
- Understanding the concept of promises and their role in code execution.
- Explanation of the resolve and reject functions within a promise.
- Demonstrating how to use `resolve` to indicate successful completion of a task and `reject` to handle errors.
19:34 🛠️ *Handling Promise Results and Errors*
- Using `.then` to access the resolved value of a promise and perform further actions.
- Implementing `.catch` to handle errors that occur during promise execution.
- Emphasizing the importance of error handling in asynchronous code execution.
24:15 🔄 *Promise Chaining and Promise.finally*
- Understanding promise chaining to pass resolved values between promises.
- Introduction to `promise.finally` for performing cleanup actions after promise execution.
- Explaining the concept of passing resolved values through a chain of `.then` handlers.
26:06 🤝 *Promise.all and Promise.race*
- Utilizing `Promise.all` to wait for multiple promises to resolve and gather their results.
- Introduction to `Promise.race` for determining the fastest resolving promise among multiple promises.
- Illustrating scenarios where `Promise.all` and `Promise.race` are beneficial, such as handling multiple network requests or downloads.
28:54 ⚖️ *Understanding Promise.all settled and Promise.resolve/Promise.reject*
- Explaining `Promise.all settled` to handle both resolved and rejected promises.
- Introducing `Promise.resolve` and `Promise.reject` to create promises with predefined states.
- Demonstrating how to handle promises with different states and reasons using these methods.
Made with HARPA AI
wonderful summation of all the explained topics
What a coincidence
We just had a lecture on promises in morning and no one understood that.
But now can.
Thanks sir
Op
75 day challenge complete 😮😮❤❤
Perfectly explained Harry Bhai
#SigmaBatchOP
Took a months break and starting again today, felt like I need to revise previous topics to understand all the new concepts.
Also writing this comment to make a note to self that I must catch up again.
So, if you are watching this series in the future. I have a few things that'll help you stay consistent :-
- Revise, all the topics. It'll take a few minutes if you do it daily, but is a really important thing to do.
- It's alright if you have fallen behind, catching up again is important and should be priority.
So yea, keep watching and learning. You'll complete the series and gain good amount of knowledge about web dev.
#SigmaBatchOP
bro i want to know how u practise js its very difficult for me to practise i learn the concepts but at the time of implemnetation i just can't idk how i wanna really practise js and want to make projects and more
Bro how will i get a job by this pzz tell me iam doing my best
@@RoronoaZoro78687 just by doing Javascript then NO but doing a frontend framework and backend, database and have a sharp skills u can get a job , but makes projects, learn through projects
@@RoronoaZoro78687 Teri lagey toh muje bhi bta dena
@@thelunatiK sorry bhai me (how) likhna bhul gya tha 🙂
from DOCTYPE to today I have written and implemented the code in VS code. with our writing, it's not easy to understandout
Thank sir
the course is outstanding
00:01 Callbacks are functions used to call a function and can be passed as arguments.
02:14 JavaScript uses asynchronous functions to postpone execution.
06:00 Installing ES7 React Redux Extension
08:06 Using callback to load script and control function execution
11:50 JavaScript Promise is the solution to callback hell
13:50 Using Promises in JavaScript instead of waiting for callbacks
17:29 Understanding JavaScript Promises and their handling
19:19 Explaining JavaScript promises and handling resolve and reject scenarios
22:47 Handling network request responses with JavaScript Callbacks & Promises
24:19 Promise chaining allows passing resolved values through multiple handlers.
27:47 Understanding the difference between resolved and settled promises
29:23 Using promise.race to show the image of the promise resolved first among the five.
Crafted by Merlin AI.
Thank you guy fo this timestamp, May Harry not needed to do so because of you people's presence.
@@ShashankMishra-rl1vy there is merlin AI to do these type of tasks
This is the most important part and problematic part for me since I've started using pure js for my projects. The video works like "cherries on a cake". Thanks Harry bhai for furnishing us with great concepts.❤
This is a great series. Every concept is being cleared in a simplified manner.👍👍
first 13mins mere to out of head gyi h. fir se dekhni pdegi
same broo
mjhe samjh ayee reason ye hai ke code ko saath likho aur notes khole rakho thora focus karo ayega samjh bilkul
One of the finest channel on per ❤❤
i wasnt ableto understand the concept of promises at all when i watched it once. fir maine 3br video dekha 2br notes read kiye tb jake clear hogya thankuh harry bhai
Although he taught us basics after that I am studied from paid course but Harry sir is love ❤️
Because he makes our basics osm ❤️
Love you sir always ❤️💯
Can i have your insta?
@@MAD2ON_Talkroaster sure @saxenay1234
@@MAD2ON_Talkroaster @saxenay1234
This is literally the best course!!!!
I am a little late but will soon catch up.
Love u Harry sir❤❤
Same I am also late. I am 46 videos late😭😭
Day 8th And Learnt 60% html 50% css, Javascript is a bit confusing for me as i don't have any other programmign language knowledge but this course is the best course i have found ❤❤
8 days may HTMl CSS OR JS sikh
li
BEST COURSE I EVER SEEN
21:27 harry bhai main phone main hi dekhta hu aur sath hi sath laptop main code karta hu best way😊
Harry bhai you have raised the bar like anything
😰😨😧😥😭😱😮😯😲😳🥺🧐🥵🤒🥴🥶😵💫
Expert ka badla hum beginner kyun lia harry bhai
Don't panic not an easy topic to understand and will take some time so don't worry took me a full day to understand this topic need to code along create my own random promises create my own questions need to practice and 100% will understand everything keep notes alongside everything is nicely explained
sir i was following ur JS series but i get suggested by it from youtube ...this series is really awesome sir
if any one is facing issue in understanding callback & promise concept. checkout the Namaste JavaScript series by AKSHAY SAINI, it's a great series which covers some advance topic which are also important from the perspective of interview. Moreover it's the deep explanation of the topics.
better to refer him after completing harry js playlist as he has used arrow function in very first vid i hope u got what i meant
Tutorial - 75 Done ✅
#SigmaBatchOP #HarryBhai
Thank you ❤ Harry bhai for this amazing course
Phle video dekhi thoda thoda smjh aaya ,phir notes padhe ,phir video dekhi , maje aa gaye ❤🎉
#SigmaBatchOp
apny notes kesy find kiye , i dont knw if you please tell me
link is given in the discription@@faizaislam6191
@@faizaislam6191 link dia hn
@@faizaislam6191 bhai code with harry website p jao waha mil jayenge
#Sigmabatchop
#JavaScript op
Thank you so much harry sir for giving us this amazing course
JavaScript is hard but harry is a good teacher to explain anything
Lecture successfully completed on 26/11/2024 🔥🔥
Very easy to understand, such a great teacher 😊
This course is outstanding ❤
I have a suggestion. Change the blue color of the thumbnail into something else whenever you enter into a new chapter. That will separate the concept and it will be easy for the future viewer to navigate through the playlist. It's just a matter of minutes to tweak this thing a little bit, and it will have a great impact if you see it in the long term.
like 1 key element that will vary on each video's thumbnail, even if the thumbnail format remains the same
only varying thing is the text which is barely visible on android phones
I have a 22-inch monitor. It is challenging to see it clearly even on such a big screen man....@@AnksioXD
Just increased font size of every topic is enough, it is getting difficult to identify the topics. 😢
Thank you Harry Bhai for your sincere efforts, I promise I will do my best from my side and I've already commented my feedback on the first video of this Sigma course
Bhai, main phle he docs and other channel is basic kar chuka hu phir thoda python me chla gya tha and ab firse web dev ka revision chalu aur manoge nhi har ek chij ati hain but syntax idhar ke udhar ho gye and ab google search markar jb code likhta hu tb feel ati hain ki ha harry bhai ne jaisa kha tha ki rattna nhi bs google kar lena.
still to refresh concepts, I am gonna watch this whole series in 2x. 😎😎
JS Op 75 vedio taak pahuuch gaaya wow
best web devolpment course ever
I have a doubt, @8:04, at line 21, sc.onload=callback("Harry"), he is calling the function, whereas since onload is an event, reference of a function should be assigned to events, Harry is getting printed because the execution is going to that line, not when the script loads.
It should be something like-> sc.onload= function() {
callback("Harry");
}; an anonymous function that gets called when the script loads. If there wasn't any input argument, it could simply be sc.onload=callback;
Please anyone correct me.
you are right, we need to give the reference of a function that can act as a callback for the event, that only worked in harry's case probably because execution flow went to that line.
i am giving it 1000 stars out of 10
I am glad as a subscriber of your channel
great explanation totally understood
11:41:41 Well... That Typhlosion favorite has certainly changed its meaning.
Harry bhai ab tm pehle ki tarah efforts deke nhi samjhaate , ab bss bta dete ho jisko samjh aaya thik h nhi aaya toh bhi tmhe koi fark nhi padta . Or pehle k videos mai tm medium level k concepts ko bhi different ways mai samjhaate the or ab hard hard concepts ko bhi ek baar formality mai bta k aage badh jaate ho
10 Star Course ⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐
Thanks #HarryBhai #SigmaBatchOP aaj lag raha hai ki bahut hi high level ka content dekha is course me, shuru me harry bhai aapne sahi kaha tha we will raise the level of this course , once again thanks.
Bro your courses is Best among the Best.
JavaScript OP🤺
Great Harry sir to provideing these kind of valuable contend ❤❤
75 day challenge complete 😮😮❤❤
#SigmaBatchOP
Yes bhaiya i as you said i can't understand but i will read your notes and do my best to do it
Your Content is Top Notch and Outstanding 😍😍
wow its amazing video for all engineers
I would recommend shradha khpara lectures on Callback, Promises, callbackhell, asyn-await to better understand these concep.
⭐⭐⭐⭐⭐ best web development course
teen baar callback dekhne ke baad smj aa gya finally 😁
Sigma Batch OP
Yaha Harry bhai nay beginners k liye bohot mushkil kardia hai , 76 videos saay sab samhaj arha tha per yaha paay I completely lost it, koi baat nhi aur bhi video hai UA-cam per jis say aapko samhaj ajyega.
Perfectly explained Haris vai....
#SigmaBatchOp
samajh nhi aya lekin sunke acha laga
mera javascript me Basic clear nhi hai ye samajh nhi aa raha hai to main kya kru sirf tutorial dekhne se nhi ho raha hai logic build kaise hoga
BRO projects banao dekh ke sabh clear ho jaega
Great explanation
Kitne Log Mobile Me dekhte hue laptop me coding karte hai 😂
Here🤝😀
🤣
Laptop me hi dekhte hai aur laptop me hi code karte hai.
Y tho m hi hun😅
Yes 🤚
Bhai ap apne DSA in c language bali series ko continue kariye 😢 usme abhi bahut topics left h 🥺🥺
snippets 14:09
promises 17:11
thanks, concept clear now
21:33 That was personal 😂. It hit me hard.
The Promise.resolve/reject methods
Promise.resolve(value) - It resolves a promise with the value passed to it. It is the same as the following:
let promise = new Promise(resolve => resolve(value));
Promise.reject(error) - It rejects a promise with the error passed to it. It is the same as the following:
let promise = new Promise((resolve, reject) => reject(error));
❤❤👍🏼
From the day I start learning coding my simp method...watch in mobile code in laptop 😊
Sigma Batch Op harry bhai 🔥🔥🔥🔥🔥🔥
harry bhai I LOVE YOU 😁😁 nice course thank you
Yaar Harry bhai apki JS Samaj Nahi Arahi!!! bhaut Skip Ker Ker KE batare ho LECTURE 73 SE SAMAJ NHI ARA LOGIC BATAYA HE NHI DHANG SE!!!!
Very nice explanation i love it
गोइंग very s
Fast and serious ❤❤❤
thank you so much bhaiya :)
completed on 1/11/24
Love you Harrry bhai.............................❣❣❣❣❣❣❣
Baap course haiii #SigmabatchOP
Ocean of knowledge.
big shout out to harry bhai to complete 75th video OF SWDC
if any one can daunt at this point you can check our harry old web development playlist where harry can brief explain all concept that are mention in their notes 👍
24:28 i have a feeling that it is similar to exception handling...isn't it?
I know you found it difficult to understand. I have understood callback and promises before from other vids now going through this. The thing is harry is trying to merge a lot of things to make you understand and revise a lot at once in every video. If you are not getting it i have made a perfect readme file to understand promise and callback. With perfect examples and in own words, trust me its worth, if you want i can give you just reply to this comment
I want it
#SigmaBatchOp & CodeWithHarry Rocks
Great Harry love from Pakistan .
JavaScript OP...🔥🔥🔥🔥
Thank you very mcuh bhai for making this course for us
congratulations 🎉👏 Harry sir we can complete 75 hard
tough tha but projects me is chez ko asa clear krwna k sb smaj ajay :)
21:04 no sir, I clearly understand everything showing on this video
JavaScript OP! Harry Bhai
15 December 2023, 2:22 Pm , after coming from giving my Linux Exam, yes I'm doing this beautiful Course
I watched this twice, and all I have is Cleared Concepts
bhai mujhe smjhaa dee
those who don't get it, watch this 2 3 times and search online and just understand the concept that's it if interviewer ask you about this you can explain them
17:15 promise topic start
love yo harry bhai
It is very hard to understand even i watch it from multiple sources for many times but i think practice will made it understandable for me
I Really do appriciate Your Content Bro but Come to the straight point while explain while watching this I loose focus after sometime
Lovely course cant wait to know morw
its absolutely amazing thank you sir 😍😍
#javascriptop
Sir please make a video on backend development roadmap with all required learning material 🙏😘
It's very useful tutorial than u sir
So no one noticed the subtitle at 12:02
@codewithharry why dont we use try catch instead of promise
#doubt Sir kya ap iss playlist mai backend b sikhayn gy like node js and javascript or python django
Nice t-shirt bro..... I need your T-shirt🤗🤗
I have bought Cohourt 2.0 of Hariket, But this man explain me very well then him. Just keep it Bhaiya
bhai nishant chahar ne scam kar diya tumhare sath
@@therealartist9 Nishant chahar?
@@jiteshrajoriya5164 hn jinhone cohourt liya hai uska malik hai vo