1. Twitter vanity widget

2. Twitter vanity widget
All the buzzwords you can cram into one sidebar

3. Buzzwords
Twitter
API
JSON
jQuery
regex

4. Twitter
Twitter is a real-
time information
network powered
by people all
around the world
that lets you share
and discover
what’s happening
now.
http://twitter.com

5. API - Application Programming Interface
An application programming interface (API) is an interface implemented by a
software program to enable interaction with other software, much in the same
way that a user interface facilitates interaction between humans and
computers.
HTTP - Hypertext Transfer Protocol
XML - Extensible Markup Language
JSON - Javascript Object Notation
SOAP - Simple Object Access Protocol
REST - Representational State Transfer

6. API - Application Programming Interface
Twitter uses a RESTfull API
http://apiwiki.twitter.com
HTTP - Hypertext Transfer Protocol
XML - Extensible Markup Language
JSON - Javascript Object Notation
SOAP - Simple Object Access Protocol
REST - Representational State Transfer

7. REST - Representational State Transfer
What is a RESTful API?

8. REST - Representational State Transfer
What is a RESTful API?
A RESTful web service (also called a RESTful web API) is a simple
web service implemented using HTTP and the principles of REST.

9. REST - Representational State Transfer
What is a RESTful API?
A RESTful web service (also called a RESTful web API) is a simple
web service implemented using HTTP and the principles of REST.
GET PUT POST DELETE
Resource
Create a new entry
in the collection
List the members of
where the ID is
the collection,
Meaning defined as assigned
Collection URI, such as complete with their Meaning defined as
"replace the entire automatically by the
http://example.com/resources/ member URIs for "delete the entire
collection with collection. The ID
further navigation. collection".
another collection". created is usually
For example, list all
included as part of
the cars for sale.
the data returned by
this operation.
Retrieve a
representation of the Update the Treats the
Element URI, such as addressed member addressed member addressed member Delete the
as a collection in its
http://example.com/resources/ of the collection of the collection addressed member
own right and
7HOU57Y expressed in an orcreate it with the creates a new of the collection.
appropriate MIME specified ID. subordinate of it.
type

10. JSON - Javascript Object Notation
A lightweightcomputer data interchange format. It is a text-based, human-readable format for representing
simple data structures and associative arrays (called objects).

11. JSON - Javascript Object Notation
A lightweightcomputer data interchange format. It is a text-based, human-readable format for representing
simple data structures and associative arrays (called objects).
([
{"truncated":false, "contributors":null, "in_reply_to_screen_name":null, "created_at":"Tue Feb 09 17:59:16 +0000 2010",
"in_reply_to_user_id":null, "source":"<a href="http://gowalla.com/" rel="nofollow">Gowalla</a>", "favorited":false,
"user":{"profile_background_image_url":"http://s.twimg.com/a/1265677843/images/themes/theme1/bg.png", "favourites_count":
5, "url":"http://techguytom.com", "description":"Freelance front end developer and designer. Father of 3, Husband of 1. Video
podcaster.", "contributors_enabled":false, "profile_link_color":"0084B4", "geo_enabled":false, "profile_background_tile":false,
"created_at":"Thu Feb 28 03:47:10 +0000 2008", "profile_background_color":"C0DEED", "verified":false, "notifications":false,
"time_zone":"Central Time (US & Canada)", "profile_sidebar_fill_color":"DDEEF6", "profile_image_url":"http://a3.twimg.com/
profile_images/180942231/Tom_Lake_normal.JPG", "lang":"en", "profile_sidebar_border_color":"C0DEED", "followers_count":
595, "protected":false, "screen_name":"TechGuyTom", "following":false, "location":"Home", "name":"Tom Jenkins",
"friends_count":395, "id":14052999, "statuses_count":10071, "utc_offset":-21600, "profile_text_color":"333333"},
"in_reply_to_status_id":null, "geo":null, "id":8864217264, "text":"Leawood Chamber of Commerce meeting u2014 at Ritz Charles
http://gowal.la/s/o5S"}
]);

12. jQuery
jQuery is a fast and concise JavaScript Library that simplifies HTML document
traversing, event handling, animating, and Ajax interactions for rapid web development.
jQuery is designed to change the way that you write JavaScript.