3 Screencasts For Building Your Own jQuery Plugin


Recently I have been intrigued with jQuery and all that it can offer. I began by starting to learn the simple utility functions and the core features of the library. As I began to develop more and more in jQuery I realized that I would like to re-use code between different projects. This is when I decided to take a look at designing my own plugins.

It also seemed around this time that I found 3 great screencasts that each have a varying degree of difficulty. Below I list all 3 and give you a bit of a description about each:

You Still Can’t Create a jQuery Plugin? – Beginner

This screencast was done by a developer named Jeffery Way. He has long been a developer I have followed as he has an uncanny way of describing things in a simple manner.

This screencast shows you how to build a super basic tooltip plugin that uses a links title attribute. It shows you how to set defaults, pass user-specific settings, and create a new div to hold the tooltip.

View ToolTip Plugin Screencast

Building the imgPreview jQuery Plugin – Intermediate

This screencast was done by none other than James Padolsey. He is a JavaScript guru, so who better to teach us how to build a jQuery plugin.

In this particular screencast, James goes more in depth into the workings of a plugin. He deals with creating custom expressions, preloading images, and even creating callback methods.

View imgPreview Plugin Screencast

Build an Advanced “Poll” jQuery Plugin – Advanced

This screencast is done by a well known jQuery expert, Dan Wellman. He has written a book on the jQuery UI library and has a wealth of knowledge in this area.

This screencast is unlike the others as it incorporates AJAX and PHP/MySQL. It has shows you how to create a JavaScript poll widget that can be included on your site. It creates dynamic radio buttons that post back to a PHP page without a refresh, and updates the MySQL database.

The full tutorial can only be viewed if you have subscribed to TUTS+. TUTS+ is a subscription you can get for for $9/mo or $22 for 3 months. It gives you access to bonus tutorials, and source files from all tuts websites (NETTUTS, PSDTUTS, VECTORTUTS).

NETTUTS+ Screencasts and Bonus Tutorials

Personally I would highly recommend any web developers to sign up for this service as you will get in-depth screencasts / tutorials from the biggest names in the industry. For only $9/mo!!!

View Advanced “Poll” Plugin Screencast

Be Sociable, Share!

Written by Brenley Dueck


8 Responses to “3 Screencasts For Building Your Own jQuery Plugin”

  1. Inspiring Design Links for Creatives for 2009-02-20 « Cristian Vasile: SEO, Tech and Webdesign Says:

    February 20th, 2009 at 6:43 am

    [...] 3 Screencasts For Building Your Own jQuery Plugin [...]

  2. Raymond Selda Says:

    February 25th, 2009 at 11:54 am

    Very timely post. I need to learn JQuery. Thank you so much.

  3. Jquery latest articles from around the web | CssGalleries Says:

    March 3rd, 2009 at 12:55 am

    [...] 3 Screencasts For Building Your Own jQuery Plugin Share and Enjoy: [...]

  4. Webmaster que é Webmaster.. usa Jquery na criação do site! | Ater Internet: Empresa de webdesign Says:

    March 5th, 2009 at 5:54 am

    [...] Para Construir Sua Própria jQuery [...]

  5. 86 jQuery Resources To Spice Up Your Website | Hi, I'm Grace Smith Says:

    March 25th, 2009 at 9:44 am

    [...] 3 Screencasts For Building Your Own jQuery Plugin [...]

  6. How to start write jQuery Plugin « Design Define's Blog Says:

    May 5th, 2010 at 12:28 am

    [...] 3 Screencasts For Building Your Own jQuery Plugin** [...]

  7. 30+ Killer Web Development Screencasts to fine tune your skills Says:

    August 7th, 2010 at 4:01 am

    [...] 12.Screencasts to build your own jquery plugin [...]

  8. Web2webs Says:

    August 12th, 2010 at 4:47 pm

    Thanks so much im learning jQuery

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

connect with me!