How to Create Your Own jQuery Plugins and UI Widgets

1,630 views

Published on

This presentation covers creating your own jQuery plugins and UI widgets. Create your own library of reusable code using jQuery as a foundation. It focuses primarily on UI widget authoring using the jQuery UI Widget Factory.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,630
On SlideShare
0
From Embeds
0
Number of Embeds
12
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

How to Create Your Own jQuery Plugins and UI Widgets

  1. 1. How to Create Your Own jQuery Plugins and UI Widgets Presented By: Sasha dos Santos BarCamp Tampa Bay 2013 http://slidesha.re/142RZOz This presentation covers creating your own jQuery plugins and UI widgets. Create your own library of reusable code using jQuery as a foundation. It focuses primarily on UI widget authoring using the jQuery UI Widget Factory.
  2. 2. About The Presenter • ASP .NET Developer w/ interest in JavaScript, GIS and mobile • Graduate of the University of South Florida • Twitter: @SashaGeekette • Blog: SashaGeekette.wordpress.com • Linked In: http://www.linkedin.com/in/hiresasha
  3. 3. Let’s Fiddle… http://bit.ly/NtmpOU
  4. 4. Let’s Fiddle… http://jsfiddle.net/sashageekette/VjKzU/
  5. 5. Intro to jQuery UI
  6. 6. Intro to jQuery UI Widget Factory • All jQuery UI widgets built on this reusable base • Use to create stateful plugins • Simplifies common tasks • Create namespace • Merge user options with default options • Event wiring • Pseudo-selector • Inheritance
  7. 7. Lets Fiddle… Goal: Replicate the basic functionality of the ASP .NET AJAX Control Toolkit’s Rating control http://bit.ly/14i6HjU
  8. 8. Lets Fiddle… http://jsfiddle.net/sashageekette/9b7RM/
  9. 9. References • Project Silk: http://msdn.microsoft.com/en- us/library/hh404085.aspx • learn.jquery.com: https://github.com/jquery/learn.jquery.com/t ree/master/page/jquery-ui/widget-factory • Widget Factory: http://ajpiano.com/widgetfactory/#slide1
  10. 10. This presentation is available for viewing & download: http://slidesha.re/142RZOz “See you next time…”

×