This page intentionally left blank. ⬇️, ➡️, or spacebar 🛰 to start slidedeck. --- class: center, middle # APIs --- # APIs ## Application ## Programming ## Interface .right[] --- # What is an API? .center[] --- # Computers talking to computers .center[] - Rules around how computers communicate - Used as a framework for many computer things! Like for your computer to talk to your printer. - In modern-casual terms: Rules for how you can retrieve data from websites 🤖 .center[] --- # Computers talking to computers So APIs are all about computers talking to computers, but they're also an *abstraction layer* that allows people to easily understand how to get the data that they need from a computer. When you query an API (asking it to give you some data), it will always return data in a specific format. The data itself might change, but the arrangement of the data will always be the same. .center[] --- # What is an API? (video version) <iframe width="560" height="315" src="https://www.youtube.com/embed/ecT42O6I_WI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> --- # key-value pairs Like a lot of computer concepts, APIs are composed of *properties and values* --- # Activity: The New York Times API - [https://developer.nytimes.com/apis](https://developer.nytimes.com/apis) This API documentation comes with examples and a way to test out the API in the browser. --- # Activity 2: Wordnik API - [https://developer.wordnik.com/docs](https://developer.wordnik.com/docs) This API documentation comes with examples and a way to test out the API in the browser. --- # Activity: Smash art!!! A small game -- [http://bits.ashleyblewer.com/smash-art/](http://bits.ashleyblewer.com/smash-art/) This game was made possible by Philadelphia Museum of Art's [public API](https://hackathon.philamuseum.org/) for providing images. --- # Activity: Smash art!!! In case the API goes down, the game looks something like this: .center[] --- # Activity: Smash art!!! And the code looks something like this: .center[] --- # Additional Resources --- # Learning more - [Command Line Interface](/presentations/cli.html) - [Computers](/presentations/computers.html) - [Digital Preservation](/presentations/digital-preservation.html) - [Storage](/presentations/storage.html) [Home](/)