Deprecated: Function create_function() is deprecated in /var/www/vhosts/ on line 70
1.4: JSON – Working with Data and APIs in JavaScript |
  • Saturday , 24 October 2020

1.4: JSON – Working with Data and APIs in JavaScript

Code Canyon


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?:
πŸ”— JSON chrome extension:


πŸš‚ Website:
πŸ’– Patreon:
πŸ›’ Store:
πŸ“š Books:

πŸŽ₯ Coding Challenges:
πŸŽ₯ Intro to Programming:

πŸ”— p5.js:
πŸ”— Processing:

πŸ“„ Code of Conduct:

Original source

3d Ocean

Related Posts


  1. Miroslav Kučera
    March 9, 2020 at 06:31

    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.

  2. Nagaraju Kusa
    March 9, 2020 at 06:31

    can you help for me
    your mobile number i want

  3. The Fox
    March 9, 2020 at 06:31

    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.

  4. mkg1321
    March 9, 2020 at 06:31

    let smokeWeed = { time: currentTime };

  5. aaascue
    March 9, 2020 at 06:31

    Great video. Do somebody else get an Internal 500 error when using the,longitude – endpoint? It works when the ISS is over land I can resolve the promise following fetch(). Bur as soon ISS is over an ocean, I get the error

  6. DominoD
    March 9, 2020 at 06:31

    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!

  7. Dipzera
    March 9, 2020 at 06:31

    What if this had authentication, what should we do then? How do we authenticate on our local website to, access the iss website's data?

  8. aaascue
    March 9, 2020 at 06:31

    Nice video. How come you choose textContent instead e.g. inneHTML to insert coordinates into the DOM

  9. Vincent Merrone
    March 9, 2020 at 06:31

    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!

  10. Ouss Gaou
    March 9, 2020 at 06:31

    Pos for Position

  11. Jyscalus
    March 9, 2020 at 06:31

    For those interested, the good stuff only starts at around 11 minutes in.

  12. D SilΓͺncio
    March 9, 2020 at 06:31

    Muito obrigado, seu vΓ­deo me ajudou muito, muito obrigado.

  13. mila kohen
    March 9, 2020 at 06:31


  14. akpan james
    March 9, 2020 at 06:31

    we love this man!!!

  15. Rahul Trivedi
    March 9, 2020 at 06:31

    Can u provide the source code?

  16. 2002budokan
    March 9, 2020 at 06:31

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

  17. littleBIGsynths
    March 9, 2020 at 06:31

    This channel is great. Love the way you teach! πŸ™‚πŸ‘ Thank you for these vids.

  18. Solo B
    March 9, 2020 at 06:31

    great video! very informative and engaging!

  19. Huguolin
    March 9, 2020 at 06:31

    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

  20. Al Qamar
    March 9, 2020 at 06:31

    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… πŸ™

  21. UpTballA
    March 9, 2020 at 06:31

    this guy is challenger for sure. subscribed brother thank you πŸ™‚

  22. Simo Lajustice
    March 9, 2020 at 06:31

    but how we can store the data and return it from the function..cause when I do it return the promise status not the data itself !

  23. Vindya S
    March 9, 2020 at 06:31

    When i am using fetch to get json i am getting error blocked by CORS policy how to resolve it ..

  24. Michael Lemmer
    March 9, 2020 at 06:31

    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!

  25. Thiago Lucio Bittencourt
    March 9, 2020 at 06:31

    If you open the API JSON in Firefox browser you see JSON formated. No need extension.

  26. ryrycd
    March 9, 2020 at 06:31

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

  27. DaniΓ«l Molenaar
    March 9, 2020 at 06:31

    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 Comment

You must be logged in to post a comment.