I really like the way you take this step by step from the ground up. I've worked with fetch before but found that I really did not understand how it worked.
From Colombia to you let me tell you something...you Sir got my respects, not everybody knows how to explain this by walking through every detail so everybody becomes aware of how things fall into place the way you did...suscribed!!PD u r truly gifted btw keep it up
Really helpful for me beginner. It really confusing if I just looking at finished codes but with your step by step coaching how you built it up, everything makes sense. Thank you for amazing tutorial!!
What a great tutorial... I've done a lot of middleware and backend stuff. but the front-end just confuses me. Just starting to figure out API calls. and this was such a great help... I copied everything as you spoke about it (had to pause a few times), and everything worked!!!!, so many other youTubers out there, and their code for some reason or another, just doesn't work. -- Yours worked great and really helped me. THANKS!!!
oh dyr u r the savior.. i was doing console.log(data) and then data.forEach(e) and it ruins my whole day.. now i understand its console.log(data.data) and for iterating the array elements its data.data.forEach(e). thanks.. GOD bless you.
7:44 I am getting Name: ${user.first_name}Name: ${user.first_name}Name: ${user.first_name}Name: ${user.first_name}Name: ${user.first_name} instead of actual names in API, I double checked and everything is the same as you typed. not sure what I'm doing wrong. could you help please.
I cannot express how much grateful I feel watching this tutorial. Super Precious!! Liked and subscribed. Please send me a link to learn async and await version. THANK YOU
This video is fantastic, exactly what I was looking for! Thank you! One question - I'm trying to only display the first result (in your example it's Name: George) but can't seem to be able to filter it out. I can't tell where I'm going wrong. Could you please advise on how to approach this? I'm sure it must be quite simple.
Depending on the api, you may be able to add a query to return only one. Alternatively, understanding the returned object can allow you to manipulate it. For example, if it's an array you can just use index 0 to get the first item. I didnt finish watching the video cause it's too dry so I dont know what this api returns... But it's a month since your comment so I'm guessing you already got an answer by now anyways 😂
Can someone please tell me why it is not outputting on the html correctly for me? For example it is only outputting "Name: ${user.first_name}", instead of "Name: George"
Great video! Do you have any suggestions on how to put the data into 3 separate divs that I allready have created in my HTML? The API I have contains three arrays, and I want to put each array in separate divs by using Javascript.
i receive error : TypeError: Cannot read properties of null (reading 'insertAdjacentHTML') message: 'Cannot read properties of null (reading 'insertAdjacentHTML')'} Why this happen even though i follow the tutorial?
I have a question . If you had to display an average value for each user. How would you implement that into template literal? Is that even possible? I'm trying to accomplishe that atm and totally stuck :(
Can you make a video on how to create a pop-out modal when any of these users are selected and provide additional info about them in the modal? Also on your then method could you just do .them(data => console.log(data.data)) making it a one liner instead of 3? Thx for the video!
Hi! Can you share your code maybe with jsfiddle.net? Make sure you 'return' something in your first '.then()' and do a console.log of data first to see what the value is.
return 'Name: ${user.first_name} '; my VSCode is thinking this line as a whole string and does not understand ${} is JS. what do I do please Edit: ok I finally figured it out. I was trying ' instead of ` holy cow
I really like the way you take this step by step from the ground up. I've worked with fetch before but found that I really did not understand how it worked.
MATE! this tutorial is the bomb! I love how you actually walked through documentation! Thanks soo much!
A big thumbs up for the clean demonstration of how the POST method works. Thanks.
GOAT! This guy explains everything better than any Udemy instructor
THIS WAS AMAZING!!!! thanks so much for doing the tutorial in incremental stages and then displaying what happens on the HTML
looked in a lot of places to try and get this explained and you by far have done it the best thank you
From Colombia to you let me tell you something...you Sir got my respects, not everybody knows how to explain this by walking through every detail so everybody becomes aware of how things fall into place the way you did...suscribed!!PD u r truly gifted btw keep it up
I'm gonna cry, I have seen the light. Bless your soul, kind man.
Really helpful for me beginner. It really confusing if I just looking at finished codes but with your step by step coaching how you built it up, everything makes sense. Thank you for amazing tutorial!!
thanks, i forgot how to do with without React and you saved my day
A tutorial that doesn't leave the viewer with console.log(data). You figured out people actually want to do things with the data!
I am new to programming and learning Java Script....this is what exactly i was looking for.....Thanks!!!
What a great tutorial... I've done a lot of middleware and backend stuff. but the front-end just confuses me. Just starting to figure out API calls. and this was such a great help... I copied everything as you spoke about it (had to pause a few times), and everything worked!!!!, so many other youTubers out there, and their code for some reason or another, just doesn't work.
-- Yours worked great and really helped me. THANKS!!!
This is exactly what I was looking for good Sir.
Thank you.
So glad I found this tutorial. As a beginner this was really helpful.
I love how you explain everything clearly, thank you! I subscribe, please continue sharing us your knowledge
oh dyr u r the savior.. i was doing console.log(data) and then data.forEach(e) and it ruins my whole day..
now i understand its console.log(data.data) and for iterating the array elements its data.data.forEach(e). thanks.. GOD bless you.
ty dude
Excellent tutorial. Continue with more tutorial
“Whoopsiiieeesss” 😂😂😂 great video. Never seen your content before but if they’re all like this then you have a great channel
Thanks for this video sir . You help me with my problem 😉. This is exactly what I am looking for 🙏
Awesome tutorial 🧡 from Australia!
Love this super easy to follow. Thank you!
This is so useful man,plz post more video
Great thanks, it was so helpful for my task!!!🤩🤩🤩
That Tutorial is Gold. Thanks
7:44 I am getting Name: ${user.first_name}Name: ${user.first_name}Name: ${user.first_name}Name: ${user.first_name}Name: ${user.first_name}
instead of actual names in API, I double checked and everything is the same as you typed. not sure what I'm doing wrong. could you help please.
thanks bro...useful ;)
I cannot express how much grateful I feel watching this tutorial. Super Precious!! Liked and subscribed. Please send me a link to learn async and await version. THANK YOU
Nice video man, helped me out
Thanks so much for making this tuutorial!
Thank you for the explanation!
fascinating. First step, step back.
I actually passed an interview after watching this video
Thank you so much sir... This video really helped me a lot.
I am subscribing to your channel right now...
Wow great tutorial 👍
it was an awesome lesson made easy.
thank you so much , it was a REAL help!! )
Thanks sir I look for the exactly this solution..
thank you very useful
thanks. this was helpful.
you saved my day broh ....
Thanks alot sir!
Really nice video
Thanks a lot for this video!
Amazing video
I love how u explain please make more tutorial videoss
Please use axios async await...you don't have to use then again and again...looks neat too..
Video is too good..this is what I was looking for...
Thanks!
I would love to know how to get a user by id in the url and display its infos by clicking on its avatar for instance. Any tutorial on this ? thanks
Great!
Nice tutorial buddy
Thank you!
please make more tutorials on javaScript it will very helpful
Thanks man
Hello. Have you though about doing the pagination?
THANK YOU
How can I display only the first id1 of database
What if we want return an integer value in the string literal. I tried but its showing undefined. Please help
what if i am not fetching a json file
👌
This video is fantastic, exactly what I was looking for! Thank you! One question - I'm trying to only display the first result (in your example it's Name: George) but can't seem to be able to filter it out. I can't tell where I'm going wrong. Could you please advise on how to approach this? I'm sure it must be quite simple.
Depending on the api, you may be able to add a query to return only one.
Alternatively, understanding the returned object can allow you to manipulate it. For example, if it's an array you can just use index 0 to get the first item.
I didnt finish watching the video cause it's too dry so I dont know what this api returns... But it's a month since your comment so I'm guessing you already got an answer by now anyways 😂
How would you go about instantiating a new instance of a class with the properties of the fetched data? Awesome tutorial btw!
Can someone please tell me why it is not outputting on the html correctly for me? For example it is only outputting "Name: ${user.first_name}", instead of "Name: George"
Great video! Do you have any suggestions on how to put the data into 3 separate divs that I allready have created in my HTML? The API I have contains three arrays, and I want to put each array in separate divs by using Javascript.
You probably need to split up the arrays and do a .map() three different times in each of your separate divs.
Awesome video.
i receive error : TypeError: Cannot read properties of null (reading 'insertAdjacentHTML')
message: 'Cannot read properties of null (reading 'insertAdjacentHTML')'}
Why this happen even though i follow the tutorial?
If you can share your code, I can take a look!
@@codebushi my apprenticeship already end month ago and it solved already so yeah. Altho i dont remember the problem anymore
I have a question . If you had to display an average value for each user. How would you implement that into template literal? Is that even possible? I'm trying to accomplishe that atm and totally stuck :(
Can you make a video on how to create a pop-out modal when any of these users are selected and provide additional info about them in the modal? Also on your then method could you just do .them(data => console.log(data.data)) making it a one liner instead of 3? Thx for the video!
How do we select the first child and add a class to it?
Hello, thanks for the tutorial, but console says --- TypeError: data.data.map is not a function -- then what?
Hi! Can you share your code maybe with jsfiddle.net? Make sure you 'return' something in your first '.then()' and do a console.log of data first to see what the value is.
how can we post image
how to connect my fetch API code with other code ? so i can rendering data with the other code
*i'm sorry if my language is so bad 🙏
nice
im having some issues
Hi! What issues are you having?
please create a video on promise
Gotta love how Emma Wong turned out to be a white man seemingly in his late 20's
return 'Name: ${user.first_name} ';
my VSCode is thinking this line as a whole string and does not understand ${} is JS. what do I do please
Edit: ok I finally figured it out. I was trying ' instead of ` holy cow
is it fucking so hard to make it at readable size ??
why are u so handsome