1.4: JSON - Working with Data and APIs in JavaScript

Рет қаралды 641,923

5 жыл бұрын

💻github.com/CodingTrain/Intro-...
With our previous projects, we learned about fetch() and tabular data. This next project will show you how to work with JSON data from an API including how to load JSON data with fetch() and update DOM element.
🔗 Where the ISS at?: wheretheiss.at/
🔗 JSON chrome extension: chrome.google.com/webstore/de...
🎥 NEXT LESSON: • 1.5 Mapping Geolocatio...
🎥 PREVIOUS LESSON: • 1.3: Graphing with Cha...
🎥 FULL COURSE: • Working with Data and ...
🚂 Website: thecodingtrain.com/
💖 Patreon: / codingtrain
🛒 Store: www.designbyhumans.com/shop/c...
📚 Books: www.amazon.com/shop/thecoding...
🎥 Coding Challenges: • Coding Challenges
🎥 Intro to Programming: • Start learning here!
🔗 p5.js: p5js.org
🔗 Processing: processing.org
📄 Code of Conduct: github.com/CodingTrain/Code-o...

Пікірлер: 378

@krunked4949 7 ай бұрын

Bro, this video is 4 years old and its still the best vidoe out there, thank you so much for the courses Dan! They are so appreciated.

@fariadworld446 5 ай бұрын

Inspiration and motivation!

@Pdrum2 Ай бұрын

One of the best programming teachers

@shubhrashukla7879 5 жыл бұрын

It feels so nice that we are getting away from p5 for some time and looking at native js. Thanks for that dan

@Ray-gw2wh 3 жыл бұрын

I just started my own webpage and spent the last two days trying to find out how to display api data on it. I've searched through countless web and youtube tutorials but your video was the only one explaining everything I needed to know without any existing knowledge. Thank you!!!

@yusraalattar5593 3 жыл бұрын

Never ever have I seen an expert teaching out in so good way to a beginner like me! I wish i could change you with my current teacher in my programming course!!! Great job!!

@castronator29 4 жыл бұрын

One of the best teachers in KZfaq, thank you sir, you're amazing!

@danielyabu 2 жыл бұрын

That was really a great lesson. Exactly what I wanted. The explanation is crystal clear and the real-life examples made it even more interesting. Thanks a million!

@WrestlingTournamentsDotCom 4 жыл бұрын

Your content is perfect for my level of experience. I'm loving this course.

@mrdbourke 2 жыл бұрын

Thank you for the excellent lesson! These videos are a goldmine!

@TheCodingTrain 2 жыл бұрын

Thanks so much! Checking out your channel, looks great!

@tedspens 3 жыл бұрын

You didn't just receive data from and endpoint, you received data from outer space! 🚀🌌 I love your teaching style. It's like hanging out with a friend who's really good at explaining stuff. Liked, subscribed, commented, thank you!

@kevintlu 5 жыл бұрын

This helped me so much! I just enjoy watching your videos. Who doesn't. I recommended your machine learning vids to a python programmer and he was so happy!

@Danachew 5 жыл бұрын

I am so excited for this entire playlist. I just started dabbling with API's and this is going to be super helpful. Thanks Dan!!!

@novanoskillz4151 3 жыл бұрын

I am so happy to have found you. you have so many playlists, and i want to go through them all. keep making more. thanks especially the javascript stuff.

@diesertortex 3 жыл бұрын

I am just thankful for this series and your work. I am an electrical engineer and just workewith c and c++ , now i do some privat projects with js and your vids are so helpful. way better then every bonedry documentation. easy and fast to understand

@rotrose7531 5 жыл бұрын

You make coding an interesting game instead of tedious learning. Thank you

@cmt0726 5 жыл бұрын

You always make my day brighter :)

4 жыл бұрын

Fascinating artistic performance! I understand that programming is partly art and partly science. I had to watch a second and third time to focus on javascript. Really great presentation.

@gina7898 Жыл бұрын

I used to think I'd never understand APIs until I came across this video. I appreciate you a lot for breaking this down for me.

@nathan7259 3 жыл бұрын

I just stumbled across this via Google when searching for a REST tutorial, and just wow! This was brilliant! Thank you so much for this excellent content! :)

@HipHopLuvr22889 Жыл бұрын

You've been such an essential resource for me in learning code. Thank you for your videos. They're so easy to understand.

@melogenesis4618 5 жыл бұрын

I am exactly sure that you cannot find any unnecessary video in this channel :D Thank you for your effort

@Yash-jp6xh Жыл бұрын

You are just brilliant Man, the way make it so simple to break down such complex topics in matter of minutes. Hats off!

@littleBIGsynths 4 жыл бұрын

This channel is great. Love the way you teach! 🙂👍 Thank you for these vids.

@potatoman4548 4 жыл бұрын

Your tutorial was an absolute DREAM to follow, thank you!

@jcow87 2 жыл бұрын

so helpful to see if a simple, straightforward explanation and real life examples. Exactly what I needed!

@pjcocktail 4 жыл бұрын

Bro...I REALLY appreciate you making this video...everything was super comprehensive and I really enjoy your teaching style. 👍🏼 keep it up!💪🏼

@Tech-Guy-TV 2 жыл бұрын

Very true.

@Dadaadad268 4 жыл бұрын

your videos are amazing, I love your style. You actually make this stuff interesting!

@tel6975637465 3 жыл бұрын

20/04/2021 I am learning js, and i have to admit WOWWW. What an awesome tutorial! You explain the code so good !!! Thank you

@2002budokan 4 жыл бұрын

I like your passionated talks. You explain well, you explain as simple as possible and you're a passionated instructor.

@nick_jacob 3 жыл бұрын

Thank you for this playlist. I'm going to watch every video in it. I have been a developer for 5 years and I have never used AJAX or Fetch in any JavaScript code...Today I needed it for a job interview "homework" assignment. I feel a bit more confident, but man i'm a crap developer the more I think about it.

@kenhard 2 жыл бұрын

This is the best tutorial I've ever seen, wow. Props to you man!

@HugoJanKanAl 3 жыл бұрын

Not a coder, but I have a specific hobby project use-case where I need to leverage an API. Nothing too fancy I thought. But at first, I only found solutions that were way too complicated and I was starting to give up on an easy solution. But then I found this video and it told me exactly what I needed at exactly the right level. Thanks!

@rolythepro 5 жыл бұрын

Great video, and I'm really looking forward to your video on creating a REST API! That's something that I would really find useful in the near future.

@ki11erkittie 3 жыл бұрын

Went and researched setInterval() at the end of the video. It was so satisfying getting it to work in my code and stopping it with clearInterval(). Thank you!

@andronacherazvan1225 Жыл бұрын

Great lesson! I love your energy when teaching! Thank you very much for those great 16 minutes!

@Oreo7Cookieh 5 жыл бұрын

Looking forward for the next episodes of this series! thanks for this content. I'v subscribed.

@davidencinas86 3 жыл бұрын

Awesome content. As a "advanced beginner (LOL)" the content and delivery is A+++. I am learning and practicing so much. Thank you so much.

@hispeededits 3 ай бұрын

Its been 4 years since I watched this (during my self-taught journey). I'm now a professional dev with multiple YOE. Thanks for all that you do. I don't watch many code-related YT vids anymore, but this video and many others were an amazing launchpad for me and my learning. Thanks for all you do-- you really do have a big impact on the trajectory of many of our lives :)

@GfoxSim Жыл бұрын

Brilliant video! Simple, fun and interactive! I enjoyed learning about the fetch api!

@aleksasdaujotas6279 3 жыл бұрын

Great enthusiasm overall and content in particular. This educational content is one of it's kind.

@alexandergraham2581 2 жыл бұрын

really love these - thanks for all you do and your enthusiasm!

@zhaklinatefova3611 Жыл бұрын

I love the energy how you explain everything, thank you.

@salvation6153 5 жыл бұрын

Dude you're doing such a great job. Thank you a lot.

@marcomendoza2879 Жыл бұрын

Yo I came here because I have a weather app I am working on, but I just wanted to say your enthusiasm woke me up, thanks homie. I will do better for you, and my teacher. Yall are really about this javascript

@br1sm1th 2 жыл бұрын

Your the man!!! You put 60 boring pages of my uni work into a 16 min vid that was way clearer. Thank you. :)

@barmolino 9 ай бұрын

Dude you save my life This was to most easily fetch explained I was watch for long time ago

@ashharkausar413 3 жыл бұрын

Excellent video! Both thorough and comprehensive.

@mariumbegum7325 Жыл бұрын

Really like how engaging this video is, fantastic work!

@BenDov 8 ай бұрын

omg you look so happy teaching! thank you for this very high quality course!

@hoakeen 4 жыл бұрын

Cool. Would love to find a similar video with far more complex JSON structures. Repeated object properties, arrays inside, how to looping through them, and find the specific data that we want. Cannot find a good tutorial on how to do this online with Javascript. Thanks again!

@paultapping9510 3 ай бұрын

A ton of great tips here, even now. Really good run down, ty!

@japphetloidedeguzman9290 3 жыл бұрын

I'm attending a coding bootcamp and your videos make me understand more about topics. Thank you!!!

@basselturky4027 3 жыл бұрын

I really want to reach into the screen and give you a hug, thank you so much for teaching me and for all your effort

@andrewaramouni9308 3 жыл бұрын

Thanks for making terms more simple. Tutorials need to do that more often.

@isaacnda9090 2 жыл бұрын

Thank you for this nice course on APIs. You are a brilliant teacher. Thanks ! ❤️

@MahmudYuldashev 4 жыл бұрын

You know this guy is very much excited same time I became excited everytime he does smth. Man you are the Man

@banafritphotography 4 жыл бұрын

Great video! First time using fetch() but it won't be the last. Thanks for the great explanation.

@huguolin2543 4 жыл бұрын

You're so fun guy. Nice watching. I have in fact a thing to do with Leaflet and hundreds of pointers to put on a map. That's a good start, thanks

@nathanmuecke377 11 ай бұрын

I love your enthusiasm, thanks for making these videos!

@howprofound 2 жыл бұрын

DUDE ... I have been trying to build a search engine with the OpenLibrary API for a minute. Their API (I guess cos it’s a nonprofit or something) isn’t straightforward like the one in the vid and confusing to me as I’m still learning. Your vid was the only one that helped me find the endpoints and FINALLY see the data in the console!!! I’m screaming!!!!!!!!!!!!! Thank you so much. Also you are so cute 💘 Subscribed for the coding skills tho... Thanks again! I’m ecstatic.

@galalemuse1009 Жыл бұрын

Thank you!!! There was so many time I didn’t touch anything of code but your videos are heaving my life❤

@amar2042 2 жыл бұрын

Really good tutorial very hard to find a video like this were you can just learn something so quick and easy to understand

@frontendsimply9006 3 жыл бұрын

you are amazing man i was having a hard time understanding fetching and now im all in thank you so much

@aquinino 3 жыл бұрын

Great job! In a short time I learned a lot. Thank you

@00el04 3 жыл бұрын

you're taught me so much! Thank you so much for that.

@shubhampatel906 2 жыл бұрын

You make us energetic to work and learn even at 1:30 AM . Lots of love

@carlosmaralit8784 Жыл бұрын

This is treasure, you really kick that momentum there and you are so good, I like your video contents really appreciate and enjoy watching you. Thanks for this amazing content

@randerins 2 жыл бұрын

You explain SO well. I'm your fan!

@smtchoi 2 жыл бұрын

Obrigado pela maravilhosa aula!💙

@asbeeq9513 4 жыл бұрын

super clear. I am very happy that I find this content

@itsupk 4 жыл бұрын

thanks, sir in the first time I understand JSON API. this video is very helpful for me. thanks once again.

@nicholasdiogo5513 4 жыл бұрын

Best video to explain the fetch function, Thanks so much

@UpTballA 4 жыл бұрын

this guy is challenger for sure. subscribed brother thank you :)

@xfrostbite8328 3 жыл бұрын

4:20 is when you got me 🤣 keep in mind when you’re posting on youtube you have a wide variety of viewers

@grainfrizz 5 жыл бұрын

I'm gonna use this to ingest to Splunk the ISS location and plot it using | geolocation command. Thanks, Dan!

@user-gm3lg8gp3m 4 жыл бұрын

This was really helpful!! Great Explanation!

@digigoliath 5 жыл бұрын

Excellent tutorial. Great content & you are a great teacher. I am a newbie to Web Programming and I am very happy that this is part a series. I am very excited about the next episodes!

@Haydencorporation 2 ай бұрын

Youre the best there is , its never been so clear

@gindevgin9298 3 жыл бұрын

Thanks. Exactly what I was looking for!

@cameron1988 5 жыл бұрын

Good stuff, clear teaching.

@sridhark9341 3 жыл бұрын

Great explanation!!! You made it so clear .. Thank you .

@emimarchese4274 2 жыл бұрын

Love that contant man!!!! You literally save my course!!

@Banjer 5 жыл бұрын

Always the best!!!! Thank you very much!!!

@jonathanmotivational7036 Жыл бұрын

I love the Way u make things so simple. Thanks

@ciocianiafrania 2 жыл бұрын

omg, you're a gem!!!!! from now on I stick to your classes only;)

@yajie7756 Жыл бұрын

thanks for you video! With every word you say, i learn something.

@laikesagores3258 2 жыл бұрын

(Ekplictik!!!->Excellent), thanks a lot about the lesson. The Unforgetable Coding Train. Please stay online!!!

@Orangerabbitpolice Жыл бұрын

@9:44 "why should it? its for computers" dropped a huge puzzle piece into my brain, TY

@santiagotorres8680 3 жыл бұрын

Thank you sooo much for sharing your knowledge! :)

@urus_gre1035 2 жыл бұрын

Amazing video. I finally understood web apis!

@surendrajat7290 2 жыл бұрын

man your just one video clear my doubts 🙏🙏

@BallEcomThatthana 2 жыл бұрын

Thank you Dan Amazing content

@BizzaroBrainBoi 11 ай бұрын

this guy is the best teacher ive ever seen. wish he was my sensei for all my code

@adithyarengarajan4849 3 жыл бұрын

You are a life saviour man! Thanks a ton!

@iNiaFun Жыл бұрын

Awesome video thank you so much for the detail explanation!!!

@garethBarry_dev Жыл бұрын

THank you for this tutorial, very easy to follow and informative :)

@snacksy7754 4 жыл бұрын

Extremely useful video, been having a hard time rapping my head around this. Very helpful vid!

@Chopitupwithme 10 ай бұрын

Excellent and thorough lesson!

@gruselhaus 5 жыл бұрын

Great Explanation ❤️

@JalalNatsheh 4 жыл бұрын

thank you sir for your great tutorials!

@AIdevel Жыл бұрын

Absolutely simple explanation I love it 😻