1.4: JSON – Working with Data and APIs in JavaScript




๐Ÿ’ปhttps://github.com/CodingTrain/Intro-to-Data-APIs-JS

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?: https://wheretheiss.at/
๐Ÿ”— JSON chrome extension: https://chrome.google.com/webstore/detail/json-formatter/bcjindcccaagfpapjjmafapmmgkkhgoa?hl=en

๐ŸŽฅ NEXT LESSON: https://youtu.be/nZaZ2dB6pow
๐ŸŽฅ PREVIOUS LESSON: https://youtu.be/5-ptp9tRApM
๐ŸŽฅ FULL COURSE: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6YxDKpFzf_2D84p0cyk4T7X

๐Ÿš‚ Website: http://thecodingtrain.com/
๐Ÿ’– Patreon: https://patreon.com/codingtrain
๐Ÿ›’ Store: https://www.designbyhumans.com/shop/codingtrain/
๐Ÿ“š Books: https://www.amazon.com/shop/thecodingtrain

๐ŸŽฅ Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
๐ŸŽฅ Intro to Programming: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

๐Ÿ”— p5.js: https://p5js.org
๐Ÿ”— Processing: https://processing.org

๐Ÿ“„ Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct

Original source


27 responses to “1.4: JSON – Working with Data and APIs in JavaScript”

  1. Do you have any video series where you talk about JavaScript syntax? JS has the most asinine syntax of any language and it would be helpful if there was a video series like is available for processing to explain it. A lot of the syntax seems arbitrary and intuitive.

  2. I havenโ€™t even finished watching this video yet, and had to say I absolutely love how you explain and teach this material. I am new to web dev and am reviewing material to get a better understanding. Very well done, this was extremely helpful, thank you!

  3. This entire module is fantastic so far! I was struggling with async and getting data from APIs. This module has been a lot of fun, educational and providing additional knowledge (like using charts.js). Such helpful content! High quality material and teaching!

  4. I have a project where the following is the task: The data is loaded asynchronously with Ajay into the application from the API as JSON, parsed and then displayed (DataFetching).
    So which one of your videos is the key for that? I am a little confused by this task… ๐Ÿ™

  5. Correct me if I am wrong, however, I am guessing that the owner of wheretheiss. at is using an API himself to pull the data to display on his site correct? If so, what is the value to him/his website to then allow for people to use data from his site (which he is pulling from a different site) to use on their own website?

    Does the increased calls to his site help increase his stats (for possible resale down the road)? Thanks!

  6. 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).

  7. Thanks for the incredibly clear and understandable explanation Daniel (nice name bytheway!). I do have one question however, is this still relevant in 2019 to code in JavaScript? Seeing as it is being increasingly disabled by default in regards to security risks. What are your thoughts?

Leave a Reply