028 API

04 Jan 2013

API or application programming interface is a protocol to communicate with other software components. In the world of web API, content created in one place can be displayed or updated from another location in the web. In this episode, we will create a little fun memory page for 2012 using Facebook, Twitter, Foursquare, Github, Flickr and Google Maps API.

Download video: mp4

Sample code: Github

Background on API

  1. What is API?
  2. Web API
  3. json by MDN

Things to learn with API

1. read data in the command line

2. read data in javascript

More Resources on API

  1. Creating an API centric web application
  2. A Beginner's Guide To jQuery-Based JSON API Clients
  3. designing better javascript apis
  4. web scraping or api?
  5. web scraping for fun
  6. getting started with javascript object notation

More Resources on the episode project

other tools:

  1. install python simple http server and python -m SimpleHTTPServer 8000 in the command line to start the web server from the same folder
  2. chrome browser's json extension

public api used:

  1. Google static map image API and an example
  2. Facebook Open Graph and graph API
  3. Twitter Developers and tweets from a user
  4. if there's a XMLHttpRequest cannot load error, add &callback=? to the end of the query url. why? callback
  5. Foursquare API and checkin history
  6. Github API and list user repos
  7. Flickr API and get public photos

Build Link of this Episode

Crockford - The Early Years: A talk on the history of computing by Douglas Crockford