๐ป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”
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.
can you help for me
your mobile number i want
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.
let smokeWeed = { time: currentTime };
Great video. Do somebody else get an Internal 500 error when using the https://api.wheretheiss.at/v1/coordinates/latitude,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
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!
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?
Nice video. How come you choose textContent instead e.g. inneHTML to insert coordinates into the DOM
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!
Pos for Position
For those interested, the good stuff only starts at around 11 minutes in.
Muito obrigado, seu vรญdeo me ajudou muito, muito obrigado.
awesome!
we love this man!!!
Can u provide the source code?
I like your passionated talks. You explain well, you explain as simple as possible and you're a passionated instructor.
This channel is great. Love the way you teach! ๐๐ Thank you for these vids.
great video! very informative and engaging!
subed!
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
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… ๐
this guy is challenger for sure. subscribed brother thank you ๐
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 !
When i am using fetch to get json i am getting error blocked by CORS policy how to resolve it ..
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!
If you open the API JSON in Firefox browser you see JSON formated. No need extension.
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).
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?