1.4: JSON - Working with Data and APIs in JavaScript

💻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...

[@krunked4949]

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]

Inspiration and motivation!

[@Pdrum2]

One of the best programming teachers

[@shubhrashukla7879]

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]

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]

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]

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

[@tedspens]

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!

[@danielyabu]

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!

[@Danachew]

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!!!

[@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.

[@diesertortex]

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]

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

[@kevintlu]

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!

[@mrdbourke]

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

[@TheCodingTrain]

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

[@WrestlingTournamentsDotCom]

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

[@melogenesis4618]

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

[@nathan7259]

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! :)

[@hispeededits]

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 :)

[@novanoskillz4151]

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.

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.

[@tel[phone]]

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

[@cmt0726]

You always make my day brighter :)

[@HipHopLuvr22889]

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

[@nick_jacob]

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.

[@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!

[@japphetloidedeguzman9290]

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

[@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

[@davidencinas86]

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

[@br1sm1th]

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

[@2002budokan]

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

[@jcow87]

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

[@potatoman4548]

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

[@ki11erkittie]

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!

[@HugoJanKanAl]

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!

[@kenhard]

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

[@GfoxSim]

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

[@pjcocktail]

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]

Very true.

[@barmolino]

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

[@andronacherazvan1225]

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

[@ashharkausar413]

Excellent video! Both thorough and comprehensive.

[@aleksasdaujotas6279]

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

[@littleBIGsynths]

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

[@BenDov]

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

[@Dadaadad268]

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

[@rolythepro]

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.

[@mariumbegum7325]

Really like how engaging this video is, fantastic work!

[@zhaklinatefova3611]

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

[@banafritphotography]

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

[@isaacnda9090]

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

[@shubhampatel906]

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

[@nathanmuecke377]

I love your enthusiasm, thanks for making these videos!

[@andrewaramouni9308]

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

[@Oreo7Cookieh]

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

[@salvation6153]

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

[@basselturky4027]

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

[@MahmudYuldashev]

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

[@howprofound]

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.

[@paultapping9510]

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

[@randerins]

You explain SO well. I'm your fan!

[@huguolin2543]

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

[@alexandergraham2581]

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

[@amar2042]

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

[@galalemuse1009]

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

[@itsupk]

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

[@hoakeen]

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!

[@nicholasdiogo5513]

Best video to explain the fetch function, Thanks so much

[@BizzaroBrainBoi]

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

[@nikkehtine]

This channel is a goldmine

[@urus_gre1035]

Amazing video. I finally understood web apis!

[@ciocianiafrania]

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

[@Chopitupwithme]

Excellent and thorough lesson!

[@frontendsimply9006]

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

[@asbeeq9513]

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

[@jonathanmotivational7036]

I love the Way u make things so simple. Thanks

[@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

[@UpTballA]

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

[@hoi0]

Obrigado pela maravilhosa aula!💙

[@aquinino]

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

[@emimarchese4274]

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

[@surendrajat7290]

man your just one video clear my doubts 🙏🙏

[@mce3804]

I can't tell you how much this video has helped me! THANK YOU SO MUCH!!!1

[@cameron1988]

Good stuff, clear teaching.

[@user-gm3lg8gp3m]

This was really helpful!! Great Explanation!

[@sridhark9341]

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

[@gindevgin9298]

Thanks. Exactly what I was looking for!

[@speedhaak]

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

[@00el04]

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

[@iNiaFun]

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

[@laikesagores3258]

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

[@yajie7756]

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

[@digigoliath]

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!

[@grainfrizz]

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

[@Haydencorporation]

Youre the best there is , its never been so clear

[@666tradash999]

jó része vagy ember de azért köszi ❤

[@mj2758]

That was very informative and practical BIG THANKS

[@AIdevel]

Absolutely simple explanation I love it 😻

[@ryrycd8811]

Wow, this was one of the most helpful and engaging coding videos I have ever come across. Great job! (I'm working on creating a live cryptocurrency ticker by the way and this just got me to get the live prices).

[@xfrostbite8328]

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

[@smoua4588]

Thank you so much brother. May you have good healthy life.

[@rotrose7531]

learning with you always gives me great joy, Thank you very much.

[@Orangerabbitpolice]

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