Webcore Twitter Vanity Widget Demo
Download as KEY, PDF0 likes583 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":{"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"}
]);](https://image.slidesharecdn.com/webcoretwittervanitywidget-100220122615-phpapp02/85/Webcore-Twitter-Vanity-Widget-Demo-11-320.jpg)
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 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.