10.4: Loading JSON data from a URL (Asynchronous Callbacks!) - p5.js Tutorial

Channel:
United States The Coding Train
Subscribers:
1,740,000
Published on ● Video Link: https://www.youtube.com/watch?v=6mT3r8Qn1VY


Category:
Tutorial
Duration: 19:29
458,614 views
4,984

This video covers begins the process of working with APIs. The first step is just using a URL instead of a local JSON file. How does this change your code? How do you use a callback to known when the data is ready?

All examples: https://github.com/shiffman/Video-Lesson-Materials

Contact: https://twitter.com/shiffman

Next video:
https://youtu.be/ecT42O6I_WI

JavaScript basics:
https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

HTML/CSS basics:
https://www.youtube.com/playlist?list=PLRqwX-V7Uu6bI1SlcCRfLH79HZrFAtBvX

Full Data playlist:
https://www.youtube.com/playlist?list=PLRqwX-V7Uu6a-SQiI4RtIwuOrLJGnel0r

Help us caption & translate this video!

http://amara.org/v/QbuF/

📄 Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct



Other Videos By The Coding Train


2015-11-1215.1: What is Node.js? - Twitter Bot Tutorial
2015-11-12Live Stream #14: Twitter Bots with Node and Processing
2015-11-0510.9: New York Times API and JavaScript - p5.js Tutorial
2015-11-0510.8: Wordnik API and JavaScript - p5.js Tutorial
2015-11-0510.10: The Giphy API and JavaScript - p5.js Tutorial
2015-11-05Live Stream #13: Wordnik and NYTimes API in JavaScript with p5.js
2015-11-0410.7: API Query with JavaScript setInterval() - p5.js Tutorial
2015-11-0410.6: API Query with User Input - p5.js Tutorial
2015-11-04Live Stream #12: Working with Data and APIs with p5.js - Part 2
2015-10-3010.5: Working with APIs in Javascript - p5.js Tutorial
2015-10-3010.4: Loading JSON data from a URL (Asynchronous Callbacks!) - p5.js Tutorial
2015-10-3010.3: What is JSON? Part II - p5.js Tutorial
2015-10-3010.2: What is JSON? Part I - p5.js Tutorial
2015-10-3010.1: Introduction to Data and APIs in JavaScript - p5.js Tutorial
2015-10-29Live Stream #11: Working with Data and APIs with p5.js
2015-10-278.16: The Slider Dance - p5.js Tutorial
2015-10-278.15: Drag and Drop a File - p5.js Tutorial
2015-10-268.14: parent() and child() again with Variables - p5.js Tutorial
2015-10-268.13: Assigning a CSS Class Dynamically - p5.js Tutorial
2015-10-258.11: Callbacks on Multiple DOM Elements - p5.js Tutorial
2015-10-258.12: parent() and child() - p5.js Tutorial


Tags:
Callback
JavaScript (Programming Language)
JSON (Programming Language)
Asynchronous I/O
Ajax (Programming Language)
p5.js
Tutorial (Media Genre)
data
Education (TV Genre)