dude ur like the only person in this entire bloody internet who actually explained this properly
@wesleychigbu73354 ай бұрын
Legendary comment😭😭
@jrichalot5 жыл бұрын
As a teacher, I can say this is mindblowingly brilliant! Oh man the effort that gets in producing a seamless and well constructed lesson like this is enormous. A massive thank you from me.
@beron_the_colossus5 жыл бұрын
Ahh, it's finally here! Thank you Mr. Shiffman for everything that you do!
@sankai915 жыл бұрын
if only you'd have started this series about 4 years ago, it would have made my life back then so much easier! Finally got to understand it properly :)
@brikimbran5 жыл бұрын
Due to your pavlovian training with the bell, I now smile every time I your videos start Shiff. Excellent as always.
@JoSh-yu6jt5 жыл бұрын
You are the god of programming tutorials. Your excitement and joy is contagious. If there was a person who could give birth to webDevs it's you. 😁👍🏻
@jamesa.5 жыл бұрын
Just in case you confused like I was- "rainbow.jpg" is a file on his computer, so you just navigate to an image on your computer too.
@HossamKhalaf-sr1oo4 жыл бұрын
Thank you!!!
@hkar194 жыл бұрын
the thing is for me the fetch API cannot load. i just did what was written by Dan. the console said: URL scheme must be "http" or "https" for CORS request.
@hkar194 жыл бұрын
oh ok it is done when i started the live server. i forgot that one
@laalaajonsen4 жыл бұрын
but where do we define the path for that file?
@medilies4 жыл бұрын
@@laalaajonsen "rainbow.jpeg" is a relative path Liveserver does load all the workspace (project folder ) on the network! So suppose that that the project folder is: Project ( index.html, img[ rainbow.jpeg ] ). Fetch with absolute path is like : "localhost:5500/img/rainbow.jpeg" Or with relative path is like: "Img/rainbow.jpeg"
@pablovillaverde6793 жыл бұрын
I am finally able and happy to report that I was able to write code to fetch an array of images and put them in a web page. I was also succesful to fetch the text in a .txt file. I have a good understanding of HTML and CSS and a few weeks of learning Javascript, so my next goal is to construct a web page to display analytic and historic information of Formula 1. There are a couple of API's available that I can use, so wish me luck!
@afkaquallsАй бұрын
Did you succeed? Post a link to the live page if so!
@onurbamaro4 жыл бұрын
Wow! Amazing the way you explain how the code actually works behind the scene instead of just showing it. That is real teaching! Respect from Brazil!
@christopherburke70424 жыл бұрын
I am massively appreciative for everything that you are bringing to the table in this course, as well as by way of all the other resources you provide. God bless you man.
@landtechjobs3 жыл бұрын
This is the type of content that pushes humanity forward. Thank you for empowering others.
@softmerit253 жыл бұрын
Seriously man. This is the best tutorial training I have ever seen in KZbin so far. I'd love the way you teach, explain and illustrate. You're really doing great stuff. Thanks a lot.
@colindante51642 жыл бұрын
Would you happen to know what does 'img elt' means at the 8:55 mark ?? I've never heard of " ELT " before. Thanks a lot.
@omkarpabe77802 жыл бұрын
where to get the rainbow file from ? where is this server please I am new to this
@colindante51642 жыл бұрын
@@omkarpabe7780 it could be any file off the internet or stored locally. In this case he's using an image off the internet that has the .jpg extension.
@brysontai51073 жыл бұрын
As I am new in Javascript, but this guy could deliver precise explanation about it. Subscribe is a must !
@whenimnotaround5 жыл бұрын
VS Code has got an extension that is also called Live Server. It does basically the same thing, but for someone that has not yet played with node it might be simpler to use.
@AugustoFnrd5 жыл бұрын
@@creeplabs idk about raspberry, but at least for linux distros, search for nvm (Node Version Manager)!
@matrezak5 жыл бұрын
@@creeplabs Installing node in linux under sudo is going to create lots of permission issues
@psylocke15175 жыл бұрын
just install it as a snap then > snapcraft.io/node
@LucasNaja5 жыл бұрын
@@matrezak it's only you put --unsafe-perm at the end of the line. sudo npm i -g node@latest --unsafe-perm xD
@LucasNaja5 жыл бұрын
sudo apt install npm && sudo npm i -g npm@latest && sudo npm i -g node@latest --unsafe-perm
@joshsinger84 ай бұрын
Such a great teacher, not even fully into the series and I can already tell I'm in good hands 👍
@axeljorgensen34383 жыл бұрын
After like 5 other walkthroughs that left me feeling stupid I'm realizing how poorly almost everyone else explains this stuff. Props to you for being a good teacher. Thank you.
@nikolebianchini3 жыл бұрын
I just love how he reminds me of my 6th grade teacher, like he literally has that same enthusiasm! Makes me really want to learn JS. Such an awesome job at keeping your viewers attention. I kinda wander off when learning on my own lol
@123saltgaming62 жыл бұрын
The best possible explanation that is available on KZbin 👍👍
@unclegood4 жыл бұрын
just came across your youtube videos, you have the most fun and vibrant coding lessons, and a teacher all children should have!
@temzeks3 жыл бұрын
i always head straight to your videos on any topics i learn, because of the way you explain and energize me. I am literally happy while watching your vids!
@GazaFamilyHope2 жыл бұрын
I like how he made everything fun, even a person with no programming background can understand his explanation... I wish they taught me this way from the start
@warkentien22 жыл бұрын
I finally understood fetch, in a way that I won't forget in 30 minutes. Great video!
@ismailahmad95972 жыл бұрын
This stuff wasn't really setting right with me before. You helped me figure it click for me but that wasn't the best part of the video. You make it fun. Life doesn't have to be boring, why not make it fun? Thanks a ton!
@thomaswilliams4955 жыл бұрын
I absolutely love your tutorials. I'm astounded by how quickly you cover the information, jumping into code, error fixing, and rambling over so much territory with joy and humor. Math homework has never been this much fun!
@sudhanshusharma91234 жыл бұрын
How does it happen that whenever I am stuck at anything and cannot think of any solution at all, you just completely solve my problem and make me a happy person again. ❤
@akai7464 жыл бұрын
Just the perfect course for my project. It's due on Tomorrow, hope I can complete it. This course has made my work much easier.
@benoitb.36793 жыл бұрын
Hope it went well! :D
@jaypostsvideos40113 жыл бұрын
lmao same reason i'm here too
@nirajdeshmukh7514 Жыл бұрын
Wow.. this tutorial is perfect to context which gives real world example. Thank you very much.
@nilsondelaossa405211 ай бұрын
You are my code hero. Nobody explains so easily like you. Choo choo !
@JeanLuemusic2 жыл бұрын
I feel like I am there in the class. I get him and what he is saying so well. Learning just got easier for me.
@andreask_me26833 жыл бұрын
probably one of the best programming teachers.
@movieclips32684 жыл бұрын
one of the best video to explain js in the most simple way.
@whydoyouneedmyname1655 жыл бұрын
even adds async/await in first video this guy is the internets end boss. good work.
@josepharcher97505 жыл бұрын
You are so good at explaining everything! Thank you for the video :)
@devadharshini11224 жыл бұрын
i have never enjoyed while learning something. You are soooo good in explaining stuffs.
@bgb763 жыл бұрын
the magic of FETCH-ing starts from 11:18 ASYNC & AWAIT --- awesome
@santiagocuadra1121 Жыл бұрын
i'm glad to know english, just to say: thank you for all effort put on those videos.
@lollilolli45823 жыл бұрын
I like the happy energy you deliver so coding is less depressing :) thank you !
@sarthakkhare46004 жыл бұрын
I am new here and i came here to learn about api and i am damn sure that i will definitely learn too much from you Sir
@BanditHighwayMan2 жыл бұрын
Been coding in C the past couple months can’t wait to come back to JavaScript.
@TheCodingTrain2 жыл бұрын
I'll be here!
@thomasyao665 жыл бұрын
You're content is so awesome. I'm going to join NYU as a grad student in Bioinformatics and am proud to be in the same institution as you.
@TheCodingTrain5 жыл бұрын
Come say hi at ITP!
@PotatoLover12125 жыл бұрын
I love you. I have been searching for an easy way to retrieve an image from API and everyone was converting it into a base64 text. This si much easier, thanks !
@AlThePal782 жыл бұрын
You are my favorite teacher because you are so fun to watch so happy and animated thank you so much :)
@pysco11 Жыл бұрын
This is soo informative and well done! I love your enthusiastic voice tone. I can't thank you enough. 👍🏽👍🏽👍🏽👍🏽👍🏽
@amastou46344 жыл бұрын
Amazing ! Just discovered this channel because I was looking for how to use fetch and async, I understood all that stuff in this video. Thanks !
@bernardsamapoh36192 жыл бұрын
Really like your style of teaching. You simplify concepts to the basic.
@francoisbouchet99073 жыл бұрын
i'm sorry, but the n00b in me has to say it loud... so here comes the CAPS: "IT'S BEEN DAAAAAYZ I AM STRUGGLING ON GETTING A SIMPLE API CALL TO JUST WORK AND LITERALLY NOBODY BUT CODING TRAIN TOOK THE TIME TO EXPLAIN & DEMONSTRATE IT IN A PRACTICAL MANNER (..and with such enthusiasm!) ! I FINALLY UNDERSTAND HOW IT WORKS! ALERT("THANK YOU SO SO MUCH!!
@lukask60665 жыл бұрын
The first time I really understand promises! LIKE!
@rotrose75315 жыл бұрын
Thank you, this concept is not easy to understand, but you explains it so clear that everybody can understand it now. Thank you for your effort and sharing.
@futincrivel Жыл бұрын
This is a BRILLIANT lesson! Its very good. Thank you
@jorge888244 жыл бұрын
Basic concepts explained in an amazing way. Thank you once again for the great content and way of presenting it to the youtubers. You boosted my knowledge more than a whole semester at uni. Stay safe.
@KanagawaMarcos5 жыл бұрын
One of the best coding channels out there. Amazing video Shiffman, thank you for it!
@iamsachin6193 жыл бұрын
Man what did we do to deserve a teacher like you❤️
@thedonsky50923 жыл бұрын
This guy is awesome, Wish there was more time in the day to watch all his videos
@trashmoneyyt4 жыл бұрын
To be honest I'm amazed I was able to do it! I sort of followed along while you were explaining the await and blob concepts but I actually managed to get three rainbow images to display plus the text. Woo!
@traezeeofor Жыл бұрын
Thanks for this video man, and grateful for google for linking it as 3rd option for beginners looking for practical fetch API lessons.👍
@hustler212 Жыл бұрын
I feel happy while studying from you.
@nate19883 жыл бұрын
This is the first video of yours I've stumbled on and it's the best yet to break down fetch() with the added bonus of await/async. I'm a self-taught adult student and it's hard finding a teacher that clicks. Subscribed and looking forward to diving into the rest of your videos.
@Xerxes174 жыл бұрын
Bro, you are a lifesaver, thank you so much for the well delivered tutorial. You've provided the full context, focused on the function clearly, and chunked up the steps involved in an understandable and logical manner, which is really important for true comprehension.
@matissjudins62722 жыл бұрын
ur a god, beem strugling with fetch for a week, its easy to understand u
@TheCodingTrain2 жыл бұрын
Glad to hear!
@Tads5524 жыл бұрын
Im showing this playlist to EVERYBODY! Congrats on the effort because this is helping me out a lot!
@alperenozkan5 жыл бұрын
Thanks 🙏 I really like your videos , your energy and the way you explain in front of the whiteboard. I feel like exactly in the class 💫👌
@jordanlong53544 жыл бұрын
Working with fetch and .then in my bootcamp. This helped me tremendously thank you so much
@felipef.tavares6251 Жыл бұрын
The exercises in the final part are really good! I used other API called dummyjson to put a random quote with the author of the quote in the page. Each time i reload the page is a different quote.
@wfalcao693 жыл бұрын
Awesome lecture. I'm jobless at the moment, but I will subscribe to your channel as soon as I get a new job.
@art0van0derlay5 ай бұрын
What a fantastic teacher! Keep up the good work
@AnjehMbah-n2l3 ай бұрын
The only tutorial that made sense. Life saver!
@arindam-karmakar2 жыл бұрын
WHY DIDN'T I FOUND YOUR CHANNEL EARLIER! SUBSCRIBED! Thanks for the amazing contents!
@vahidsediqi56383 жыл бұрын
The best content and teaching method i ever seen. Thanks
@akkitty223 жыл бұрын
Thank you, I had to scout a few videos with different teaching approaches and after 1-2 'explainer' videos and some stackoverflow posts I still didn't get "fetch" - putting it on whiteboard and the 'promise' aspect of the response really clinched the function for me. Thanks!
@magicweaponr0725 жыл бұрын
You've mentioned "arraybuffer" at some point during the video. And I'd like a video with raw binary data manipulation and/or typed arrays. It is truly one of my dream videos that I would want to see!
@pliniojr952 жыл бұрын
Thank you for the video! You made it easy to understand. I will try these exercises you suggested at the end of the video.
@hiryuimajin5 жыл бұрын
I enjoy your videos so much. This is so related to what im building and the way you explain things are very good. You enunciate and even the tempo is a bit faster its not that hard to follow. I appreciate you! 😘
@cass_6663 жыл бұрын
Was coding along and I too kept on mispelling response too! Ahhh! Great tutorial. I enjoyed the challenge at the end which pushed me to make sure I understand how this all works! Looking forward to the rest!
@paulosilva-dm1qb4 жыл бұрын
U r a genius and teaches with heart. What else can we need?...Alll happiness
@tiffanygibbel37672 жыл бұрын
You and your channel are *brilliant*
@KennieDevCamp4 жыл бұрын
Your tutorials are super duper awesome Mr. Shiffman. I'm learning and loving your contents. Keep it up
@josimarramos914 жыл бұрын
for people who is having trouble to define the path, first try to open the image using normally path on HTML tag page egs:
@maltemichels5 жыл бұрын
You're a magician. You really found your vocation!
@lightningloans2 жыл бұрын
You're alright buddy... good vibes and its genuine
@englishwitharash7 ай бұрын
you did really well. You said what we needed exactly.
@iamamirali34243 жыл бұрын
That was nice. I`ve seen no teacher as jolly as you. Thanks for the video :)
@ondine99973 жыл бұрын
Hey, do you know what the three calls to fetch() are?
@c7ndk5 жыл бұрын
Are you going to cover GraphQL in this series?
@clapynick5 жыл бұрын
Nice video Dan :). One thing people often forget to do with fetch is to also look at the response! HTTP-level errors (eg: 404) are still considered resolutions, and so we're assuming that the response we get is fine to work with even though we may have ran into a HTTP-level error. A fix for this is to add a quick if-statement in the first _.then()_ callback: .then(response => { if(!response.ok) { // check for HTTP level errors, throw if error occurred throw new Error("Failed with HTTP code " +response.status); // reject } return response; }).then(result => result.blob()).then(... This way, any proceeding code/logic can assume that the response received is okay to work with. Thanks again for the videos, can't wait to see more :)
@TheCodingTrain5 жыл бұрын
Oh, this is such a good tip, thank you!!
@JorgeArias5 жыл бұрын
This content and tutos are just, GOLD!
@PavelPetrasuk5 жыл бұрын
You are the best teacher ever! Thank you so much for your videos! ❤️
@abdel-karimosmanuazumah4992 жыл бұрын
i never really understood how to use api until i watched ur vid .
@hcgreier6037 Жыл бұрын
A massive thanks from here for your instructive lessons and your effort you're putting in this! Bow!
@maksim76835 жыл бұрын
I just want to say, you are the best.
@weehagaming15133 жыл бұрын
Finally some high quality tutorial, thanks dude
@JimKernix2 жыл бұрын
Excellent - thanks! Just subscribed and will be watching some more videos related to fetch and async await.
@AlphastepMusic2 жыл бұрын
I've been looking for this for a very long time!
@scottcook97495 жыл бұрын
"I'm going to make an error happen just so we can see it" That's my secret Cap, I always have errors in my code.
@emarroqu1003 жыл бұрын
This is a great tutorial - thank you. I admire your teaching style.
4 жыл бұрын
wow, you explain very well, i watched videos in my languaje spanish and don´t understand the topics, but you explain so well and clear, im shocked jajaja, thanks, muchas gracias por compartir tu conocimiento. P.D I did not know that fetch it could be used to bring information from an image
@marwabarakat25519 ай бұрын
Thanks a lot for your efforts, you really make it seems to easy
@mutualaiddao Жыл бұрын
8:44 is the code snapshot, for those who want to just read the code
@rankostevanovich24964 жыл бұрын
The best teacher! Thanks for your awesome work
@camilovega49142 жыл бұрын
You are a great teacher! Many thanks for the lesson
@cloudstrife63994 жыл бұрын
You're a master! Thanks for sharing you're knowledge!