Working with Data
This tutorial focuses on Data and APIs as well as JSON (JavaScript Object Notation). More about asynchronous callbacks and event handling is covered.
- #10.1
Introduction to Data and APIs in JavaScript
30 Oct 2015This video introduces the idea of using external data in a p5.js sketch.
- #10.2
What is JSON? - Part I
30 Oct 2015This video covers JSON (JavaScript Object Notation).
- #10.3
What is JSON? - Part II
30 Oct 2015This video covers additional JSON (JavaScript Object Notation) scenarios.
- #10.4
Loading JSON data from a URL (Asynchronous Callbacks!)
30 Oct 2015This video covers begins the process of working with APIs. The first step is just using a URL instead of a local JSON file.
- #10.5
Working with APIs in Javascript
30 Oct 2015This video demonstrates how to work with an API. The example uses open weather map.
- #10.6
API Query with User Input
04 Nov 2015This video demonstrates how to query an API with input from the user. In other words, the user types in a city to a text input field and the JavaScript program asks the API for the weather in the city and shows it back to the user.
- #10.7
API Query with JavaScript setInterval()
04 Nov 2015This video looks at how to query at API continuously while a p5.js sketch is running using
setInterval(). - #10.8
Wordnik API and JavaScript
05 Nov 2015This video looks at how to to use the Wordnik API which provides metadata about words in the English language – definitions, examples, related words, pronunciation, syllables, and more.
- #10.9
New York Times API and JavaScript
05 Nov 2015This video looks at how to to use the NY Times API which provides data about New York Times articles from 1851 to present.
- #10.10
The Giphy API and JavaScript
05 Nov 2015This video looks at how to to use the Giphy API with p5
createImg()function to display GIFs from giphy on a web page. Rainbows and Ryan Gosling are discussed.