10.6: API Query with User Input - p5.js Tutorial

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


Category:
Tutorial
Duration: 18:31
145,584 views
3,091

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

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

Contact: https://twitter.com/shiffman

Next video:
https://youtu.be/UNtqhnhD-wo

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/QbuA/

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



Other Videos By The Coding Train


2015-11-1215.4: Twitter API Basics - Twitter Bot Tutorial
2015-11-1215.3: Setting up a Twitter app - Twitter Bot Tutorial
2015-11-1215.2: What is NPM? - Twitter Bot Tutorial
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


Tags:
JavaScript (Programming Language)
Application Programming Interface (Literature Subject)
Data
Data Visualization (Industry)
Tutorial (Media Genre)
Lessons (TV Episode)
Education (TV Genre)
p5.js
creative coding
HTML5