1.4: JSON - Working with Data and APIs in JavaScript

2019 ж. 24 Мам.
638 666 Рет қаралды

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

Пікірлер
  • 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.

    @krunked4949@krunked49495 ай бұрын
    • Inspiration and motivation!

      @fariadworld446@fariadworld4462 ай бұрын
  • It feels so nice that we are getting away from p5 for some time and looking at native js. Thanks for that dan

    @shubhrashukla7879@shubhrashukla78795 жыл бұрын
  • 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!!!

    @Ray-gw2wh@Ray-gw2wh3 жыл бұрын
  • One of the best teachers in KZhead, thank you sir, you're amazing!

    @castronator29@castronator294 жыл бұрын
  • 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!!

    @yusraalattar5593@yusraalattar55933 жыл бұрын
  • 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!

    @tedspens@tedspens3 жыл бұрын
  • You make coding an interesting game instead of tedious learning. Thank you

    @rotrose7531@rotrose75314 жыл бұрын
  • 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!

    @danielyabu@danielyabu2 жыл бұрын
  • 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

    @diesertortex@diesertortex3 жыл бұрын
  • 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.

    @gina7898@gina7898 Жыл бұрын
  • 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!!!

    @Danachew@Danachew5 жыл бұрын
  • 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 :)

    @hispeededits@hispeededitsАй бұрын
  • I am exactly sure that you cannot find any unnecessary video in this channel :D Thank you for your effort

    @melogenesis4618@melogenesis46185 жыл бұрын
  • 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!

    @kevintlu@kevintlu5 жыл бұрын
  • Your content is perfect for my level of experience. I'm loving this course.

    @WrestlingTournamentsDotCom@WrestlingTournamentsDotCom3 жыл бұрын
  • 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! :)

    @nathan7259@nathan72593 жыл бұрын
  • 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.

    4 жыл бұрын
  • 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.

    @novanoskillz4151@novanoskillz41513 жыл бұрын
  • Thank you for the excellent lesson! These videos are a goldmine!

    @mrdbourke@mrdbourke2 жыл бұрын
    • Thanks so much! Checking out your channel, looks great!

      @TheCodingTrain@TheCodingTrain2 жыл бұрын
  • You've been such an essential resource for me in learning code. Thank you for your videos. They're so easy to understand.

    @HipHopLuvr22889@HipHopLuvr22889 Жыл бұрын
  • I'm attending a coding bootcamp and your videos make me understand more about topics. Thank you!!!

    @japphetloidedeguzman9290@japphetloidedeguzman92902 жыл бұрын
  • 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.

    @nick_jacob@nick_jacob3 жыл бұрын
  • You always make my day brighter :)

    @cmt0726@cmt07265 жыл бұрын
  • Your tutorial was an absolute DREAM to follow, thank you!

    @potatoman4548@potatoman45483 жыл бұрын
  • so helpful to see if a simple, straightforward explanation and real life examples. Exactly what I needed!

    @jcow87@jcow872 жыл бұрын
  • I like your passionated talks. You explain well, you explain as simple as possible and you're a passionated instructor.

    @2002budokan@2002budokan4 жыл бұрын
  • 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!

    @HugoJanKanAl@HugoJanKanAl3 жыл бұрын
  • Thanks for making terms more simple. Tutorials need to do that more often.

    @andrewaramouni9308@andrewaramouni93083 жыл бұрын
  • 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

    @marcomendoza2879@marcomendoza2879 Жыл бұрын
  • 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!

    @ki11erkittie@ki11erkittie3 жыл бұрын
  • You are just brilliant Man, the way make it so simple to break down such complex topics in matter of minutes. Hats off!

    @Yash-jp6xh@Yash-jp6xh Жыл бұрын
  • 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

    @tel6975637465@tel69756374653 жыл бұрын
  • Awesome content. As a "advanced beginner (LOL)" the content and delivery is A+++. I am learning and practicing so much. Thank you so much.

    @davidencinas86@davidencinas862 жыл бұрын
  • Bro...I REALLY appreciate you making this video...everything was super comprehensive and I really enjoy your teaching style. 👍🏼 keep it up!💪🏼

    @pjcocktail@pjcocktail4 жыл бұрын
    • Very true.

      @Tech-Guy-TV@Tech-Guy-TV Жыл бұрын
  • Your the man!!! You put 60 boring pages of my uni work into a 16 min vid that was way clearer. Thank you. :)

    @br1sm1th@br1sm1th2 жыл бұрын
  • 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!

    @hoakeen@hoakeen4 жыл бұрын
  • this guy is the best teacher ive ever seen. wish he was my sensei for all my code

    @BizzaroBrainBoi@BizzaroBrainBoi9 ай бұрын
  • This is the best tutorial I've ever seen, wow. Props to you man!

    @kenhard@kenhard2 жыл бұрын
  • 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.

    @rolythepro@rolythepro5 жыл бұрын
  • Great lesson! I love your energy when teaching! Thank you very much for those great 16 minutes!

    @andronacherazvan1225@andronacherazvan1225 Жыл бұрын
  • 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

    @basselturky4027@basselturky40272 жыл бұрын
  • Looking forward for the next episodes of this series! thanks for this content. I'v subscribed.

    @Oreo7Cookieh@Oreo7Cookieh5 жыл бұрын
  • Great video! First time using fetch() but it won't be the last. Thanks for the great explanation.

    @banafritphotography@banafritphotography4 жыл бұрын
  • I love the energy how you explain everything, thank you.

    @zhaklinatefova3611@zhaklinatefova3611 Жыл бұрын
  • Brilliant video! Simple, fun and interactive! I enjoyed learning about the fetch api!

    @GfoxSim@GfoxSim Жыл бұрын
  • @9:44 "why should it? its for computers" dropped a huge puzzle piece into my brain, TY

    @Orangerabbitpolice@Orangerabbitpolice Жыл бұрын
  • omg you look so happy teaching! thank you for this very high quality course!

    @BenDov@BenDov6 ай бұрын
  • Dude you're doing such a great job. Thank you a lot.

    @salvation6153@salvation61534 жыл бұрын
  • May Universe bless your kind heart man, i love how you teach

    @exe.m1dn1ght@exe.m1dn1ght2 ай бұрын
  • This channel is great. Love the way you teach! 🙂👍 Thank you for these vids.

    @littleBIGsynths@littleBIGsynths4 жыл бұрын
  • Thank you for this nice course on APIs. You are a brilliant teacher. Thanks ! ❤️

    @isaacnda9090@isaacnda9090 Жыл бұрын
  • This channel is a goldmine

    @nikkehtine@nikkehtine2 жыл бұрын
  • Excellent video! Both thorough and comprehensive.

    @ashharkausar413@ashharkausar4133 жыл бұрын
  • I love your enthusiasm, thanks for making these videos!

    @nathanmuecke377@nathanmuecke3779 ай бұрын
  • Obrigado pela maravilhosa aula!💙

    @hoi0@hoi0 Жыл бұрын
  • Excellent and thorough lesson!

    @Chopitupwithme@Chopitupwithme8 ай бұрын
  • Best video to explain the fetch function, Thanks so much

    @nicholasdiogo5513@nicholasdiogo55134 жыл бұрын
  • 4:20 is when you got me 🤣 keep in mind when you’re posting on youtube you have a wide variety of viewers

    @xfrostbite8328@xfrostbite83283 жыл бұрын
  • You make us energetic to work and learn even at 1:30 AM . Lots of love

    @shubhampatel906@shubhampatel9062 жыл бұрын
  • Thank you!!! There was so many time I didn’t touch anything of code but your videos are heaving my life❤

    @galalemuse1009@galalemuse1009 Жыл бұрын
  • really love these - thanks for all you do and your enthusiasm!

    @alexandergraham2581@alexandergraham25812 жыл бұрын
  • Dude you save my life This was to most easily fetch explained I was watch for long time ago

    @barmolino@barmolino7 ай бұрын
  • Great enthusiasm overall and content in particular. This educational content is one of it's kind.

    @aleksasdaujotas6279@aleksasdaujotas62793 жыл бұрын
  • A ton of great tips here, even now. Really good run down, ty!

    @paultapping9510@paultapping9510Ай бұрын
  • your videos are amazing, I love your style. You actually make this stuff interesting!

    @Dadaadad268@Dadaadad2683 жыл бұрын
  • thanks, sir in the first time I understand JSON API. this video is very helpful for me. thanks once again.

    @itsupk@itsupk4 жыл бұрын
  • 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

    @huguolin2543@huguolin25434 жыл бұрын
  • you're taught me so much! Thank you so much for that.

    @00el04@00el043 жыл бұрын
  • 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.

    @howprofound@howprofound2 жыл бұрын
  • Really like how engaging this video is, fantastic work!

    @mariumbegum7325@mariumbegum7325 Жыл бұрын
  • You know this guy is very much excited same time I became excited everytime he does smth. Man you are the Man

    @MahmudYuldashev@MahmudYuldashev4 жыл бұрын
  • I'm gonna use this to ingest to Splunk the ISS location and plot it using | geolocation command. Thanks, Dan!

    @grainfrizz@grainfrizz5 жыл бұрын
  • Great job! In a short time I learned a lot. Thank you

    @aquinino@aquinino3 жыл бұрын
  • Really good tutorial very hard to find a video like this were you can just learn something so quick and easy to understand

    @amar2042@amar20422 жыл бұрын
  • jó része vagy ember de azért köszi ❤

    @666tradash999@666tradash9995 ай бұрын
  • Great Explanation ❤️

    @gruselhaus@gruselhaus5 жыл бұрын
  • Absolutely simple explanation I love it 😻

    @AIdevel@AIdevel11 ай бұрын
  • Thank you Dan Amazing content

    @BallEcomThatthana@BallEcomThatthana2 жыл бұрын
  • This was really helpful!! Great Explanation!

    @user-gm3lg8gp3m@user-gm3lg8gp3m3 жыл бұрын
  • You explain SO well. I'm your fan!

    @randerins@randerins2 жыл бұрын
  • (Ekplictik!!!->Excellent), thanks a lot about the lesson. The Unforgetable Coding Train. Please stay online!!!

    @laikesagores3258@laikesagores32582 жыл бұрын
  • Honestly the first time I saw your video Sir, I was a little irritated because it seems to be your not serious on what you're doing..haha.. But right now, I really like how you explain things in a simple way and your videos are very informational..Thanks a Lot!!

    @jessielindayao0423@jessielindayao04234 жыл бұрын
  • Fantastic video!

    @DeltaXML_Ltd@DeltaXML_Ltd8 ай бұрын
  • Good stuff, clear teaching.

    @cameron1988@cameron19885 жыл бұрын
  • Love that contant man!!!! You literally save my course!!

    @emimarchese4274@emimarchese4274 Жыл бұрын
  • I love the Way u make things so simple. Thanks

    @jonathanmotivational7036@jonathanmotivational7036 Жыл бұрын
  • Great explanation!!! You made it so clear .. Thank you .

    @sridhark9341@sridhark93413 жыл бұрын
  • you are amazing man i was having a hard time understanding fetching and now im all in thank you so much

    @frontendsimply9006@frontendsimply90062 жыл бұрын
  • this guy is challenger for sure. subscribed brother thank you :)

    @UpTballA@UpTballA4 жыл бұрын
  • God gifted Teacher❤❤

    @loganreign9318@loganreign9318 Жыл бұрын
  • Thank you, a clear explanation

    @Yeah-ItsMal-Yeah@Yeah-ItsMal-Yeah4 жыл бұрын
  • man your just one video clear my doubts 🙏🙏

    @surendrajat7290@surendrajat72902 жыл бұрын
  • Thanks. Exactly what I was looking for!

    @gindevgin9298@gindevgin92983 жыл бұрын
  • omg, you're a gem!!!!! from now on I stick to your classes only;)

    @ciocianiafrania@ciocianiafrania2 жыл бұрын
  • THank you for this tutorial, very easy to follow and informative :)

    @speedhaak@speedhaak Жыл бұрын
  • Awesome video thank you so much for the detail explanation!!!

    @iNiaFun@iNiaFun Жыл бұрын
  • Thank you sooo much for sharing your knowledge! :)

    @santiagotorres8680@santiagotorres86803 жыл бұрын
  • 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

    @carlosmaralit8784@carlosmaralit8784 Жыл бұрын
  • thanks for you video! With every word you say, i learn something.

    @yajie7756@yajie7756 Жыл бұрын
  • Amazing video. I finally understood web apis!

    @urus_gre1035@urus_gre10352 жыл бұрын
KZhead