Webcore Twitter Vanity Widget Demo
Download as KEY, PDF0 likes580 views
The document discusses creating a Twitter vanity widget using various technologies including Twitter's RESTful API, JSON, jQuery, and regular expressions (regex). It provides descriptions and examples of these technologies including how Twitter's API allows accessing user profile and tweet data via HTTP requests and returns the data in JSON format. jQuery is also mentioned as a JavaScript library that can simplify DOM manipulation and Ajax calls needed to build the widget.
![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":{"pro鍖le_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, "pro鍖le_link_color":"0084B4", "geo_enabled":false, "pro鍖le_background_tile":false,
"created_at":"Thu Feb 28 03:47:10 +0000 2008", "pro鍖le_background_color":"C0DEED", "veri鍖ed":false, "noti鍖cations":false,
"time_zone":"Central Time (US & Canada)", "pro鍖le_sidebar_鍖ll_color":"DDEEF6", "pro鍖le_image_url":"http://a3.twimg.com/
pro鍖le_images/180942231/Tom_Lake_normal.JPG", "lang":"en", "pro鍖le_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, "pro鍖le_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"}
]);](https://image.slidesharecdn.com/webcoretwittervanitywidget-100220122615-phpapp02/85/Webcore-Twitter-Vanity-Widget-Demo-11-320.jpg)
More Related Content
Similar to Webcore Twitter Vanity Widget Demo (20)
Recently uploaded (20)
Webcore Twitter Vanity Widget Demo
- 2. Twitter vanity widget All the buzzwords you can cram into one sidebar
- 4. Twitter Twitter is a real- time information network powered by people all around the world that lets you share and discover whats 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 de鍖ned as assigned Collection URI, such as complete with their Meaning de鍖ned 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 speci鍖ed 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":{"pro鍖le_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, "pro鍖le_link_color":"0084B4", "geo_enabled":false, "pro鍖le_background_tile":false, "created_at":"Thu Feb 28 03:47:10 +0000 2008", "pro鍖le_background_color":"C0DEED", "veri鍖ed":false, "noti鍖cations":false, "time_zone":"Central Time (US & Canada)", "pro鍖le_sidebar_鍖ll_color":"DDEEF6", "pro鍖le_image_url":"http://a3.twimg.com/ pro鍖le_images/180942231/Tom_Lake_normal.JPG", "lang":"en", "pro鍖le_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, "pro鍖le_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 simpli鍖es HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.