Gmail Calendar Documents Reader Web more »
Recently Visited Groups | Help | Sign in
Google Groups Home
The difference between jQuery, jQuery UI, and Plugins...
There are currently too many topics in this group that display first. To make this topic appear first, remove this option from another topic.
There was an error processing your request. Please try again.
flag
  4 messages - Collapse all  -  Translate all to Translated (View all originals)
The group you are posting to is a Usenet group. Messages posted to this group will make your email address visible to anyone on the Internet.
Your reply message has not been sent.
Your post was successful
 
From:
To:
Cc:
Followup To:
Add Cc | Add Followup-to | Edit Subject
Subject:
Validation:
For verification purposes please type the characters you see in the picture below or the numbers you hear by clicking the accessibility icon. Listen and type the numbers you hear
 
dropcycle  
View profile  
 More options Oct 10 2008, 6:09 pm
From: dropcycle <dropcy...@gmail.com>
Date: Fri, 10 Oct 2008 15:09:43 -0700 (PDT)
Local: Fri, Oct 10 2008 6:09 pm
Subject: The difference between jQuery, jQuery UI, and Plugins...
Hello,

I have looked, but could not find a good explanation that tells the
difference between jQuery, jQuery UI, and Plugins.  What is the
difference between them?  I experimented with jQuery months ago, and
don't remember seeing a UI version in the tutorials, is it new?
Lastly, is jQuery UI licensed the same way as the original jQuery?
I'm sorry if this has been covered elsewhere, but I didn't see any
information in the FAQ or in the support groups.

Thanks!


    Reply to author    Forward  
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
Richard D. Worth  
View profile  
 More options Oct 11 2008, 1:14 am
From: "Richard D. Worth" <rdwo...@gmail.com>
Date: Sat, 11 Oct 2008 01:14:42 -0400
Local: Sat, Oct 11 2008 1:14 am
Subject: Re: [jquery-ui] The difference between jQuery, jQuery UI, and Plugins...

On Fri, Oct 10, 2008 at 6:09 PM, dropcycle <dropcy...@gmail.com> wrote:

> Hello,

> I have looked, but could not find a good explanation that tells the
> difference between jQuery, jQuery UI, and Plugins.  What is the
> difference between them?

"jQuery is a fast and concise JavaScript Library that simplifies HTML
document traversing, event handling, animating, and Ajax interactions for
rapid web development."
http://jquery.com/

"jQuery offers a mechanism for adding in methods and functionality, bundled
as plugins."
http://docs.jquery.com/Plugins/Authoring

"jQuery UI provides abstractions for low-level interaction and high-level,
themeable widgets, built on top of the jQuery JavaScript Library, that you
can use to build highly interactive web applications."
http://ui.jquery.com/

jQuery ( http://jquery.com/ )

So jQuery is a concise and minimal javascript framework. It covers the
basics - DOM Manipulation, Events, Ajax, Animations. It does so quite
nicely, and is rather popular <http://docs.jquery.com/Sites_Using_jQuery>.

Plugins ( http://plugins.jquery.com/ )

jQuery is extensible. Anyone can write code that gives jQuery more than just
the basics functionality. These are packaged as plugins. In addition to
including

jquery.js

you might also include a plugin file (that you or someone else wrote), such
as

jquery.foo.js

This would typically add a function .foo() which you could call on any
jQuery object as if that were a built-in basic capability of jQuery. You can
find a huge number of plugins on

http://plugins.jquery.com/

as well as elsewhere on the
internet<http://www.google.com/search?q=jquery+plugin>.
People write and release jQuery plugins all the time, because they're easy
to write and share. They cover things such as menus, rich media
(audio/video), data handling, cookies, browser detection, layout, form
validation. Anything people want, really.

When a plugin becomes so ubiquitous that nearly everyone is including it on
their page with jquery.js, it can be a candidate for inclusion in jQuery
core <http://groups.google.com/group/jquery-en/msg/0ca254effd0acd00>. But
only where it is in demand, makes sense, and still keeps the library
lightweight, easy to use, etc. That said, jQuery core will never grow beyond
it's fundamentals (hence the name, core). Enter jQuery UI.

jQuery UI ( http://ui.jquery.com/ )

A couple years back there was a set of quite popular jQuery plugins bundled
in a package called Interface <http://www.eyecon.ro/interface/>, written by
Stefan Petre. These offered really great interactions, like drag-and-drop,
selecting, sorting, resizing; widgets like tooltips, autocomplete,
accordion. The 1.2 release of jQuery had some API changes that would've
required changes to Interface, for it to be compatible, but Interface was
never updated.

jQuery UI (started by Paul Bakaus) picked up where Interface left off. Many
people are interested in a complete package/library of jQuery plugins with a
common/consistent API, complete documentation, testing in all major
browsers, with which they can build rich web interfaces and/or RIAs (Rich
Internet Applications). Oh yeah, and they should work well together, be easy
to use, accessible, extensible, and themeable. Whew.

> I experimented with jQuery months ago, and
> don't remember seeing a UI version in the tutorials, is it new?

jQuery UI is a sister-project of jQuery. The 1.0 release of jQuery UI was
September 2007. Version 1.5 was released in June 2008. You can get a pretty
full history (including what went in to each release, and how it matured) on
the jQuery Blog <http://jquery.com/blog>. The latest stable release is 1.5.2
and includes

Interactions
- Draggables (drag)
- Droppables (and drop)
- Resizables
- Selectables
- Sortables

Widgets
- Accordion
- Datepicker
- Dialog
- Slider
- Tabs

Effects
- blind, bounce, clip, drop down/up/left/right, explode, fold, highlight,
pulsate, puff, scale, shake, slide down/up/left/right, transfer
- Color animations
- Class animations (addClass/removeClass/toggleClass w/Interval)

Some other notes:

There is documentation for all of jQuery UI <http://docs.jquery.com/UI>,
including how to theme each plugin

jQuery UI is hosted on google's ajax libraries
api<http://rdworth.org/blog/2008/08/jquery-ui-now-in-googles-ajax-librari...>

jQuery UI has full theming support for all plugins. The jQuery UI website
even has an application for getting started building a theme, called
ThemeRoller <http://www.themeroller.com/>. It gives you a live preview of
your theme applied to all the widgets as you create it.

The jQuery UI website has a Download
Builder<http://ui.jquery.com/download_builder/>which allows you to
pick and choose just the components you want, and wraps
them up (with a bow, er min/pack compression options) in one file.

There are more plugins in the works such as:
- colorpicker
- autocomplete
- progressbar
- spinner
- menu
- toolbar
- panels
- splitters
- tree
- uploader
- grid
- tooltips

You can follow jQuery and jQuery UI on twitter and/or identica:

jQuery
http://twitter.com/jquery <http://identi.ca/jquery>
http://identi.ca/jquery

jQuery UI
http://twitter.com/jqueryui <http://identi.ca/jqueryui>
http://identi.ca/jqueryui

(both sites use jQuery :)

> Lastly, is jQuery UI licensed the same way as the original jQuery?

Yes, jQuery UI (like jQuery) is dual-licensed MIT and GPL. See

http://jquery-ui.googlecode.com/svn/trunk/MIT-LICENSE.txt
http://jquery-ui.googlecode.com/svn/trunk/GPL-LICENSE.txt

meaning you can pick the one that suits you.

> I'm sorry if this has been covered elsewhere, but I didn't see any
> information in the FAQ or in the support groups.

We'd love your help. The
FAQ<http://docs.jquery.com/Frequently_Asked_Questions>(as the rest of
the documentation website) is a wiki, so feel free to add
what you've learned.

Support Groups / Mailing Lists

Since you mentioned support groups, jQuery has two:

jQuery Main list, for people using jQuery:
http://groups.google.com/group/jquery-en
jQuery Dev list, for the development of jQuery itself:
http://groups.google.com/group/jquery-dev

and jQuery UI has two as well:

jQuery UI Main list, for people using jQuery UI:
http://groups.google.com/group/jquery-ui
jQuery UI Dev list, for the development of jQuery UI itself:
http://groups.google.com/group/jquery-ui-dev

- Richard

Richard D. Worth
http://rdworth.org/


    Reply to author    Forward  
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
Eric  
View profile  
 More options Oct 11 2008, 3:12 pm
From: Eric <estrathme...@gmail.com>
Date: Sat, 11 Oct 2008 12:12:01 -0700 (PDT)
Local: Sat, Oct 11 2008 3:12 pm
Subject: Re: The difference between jQuery, jQuery UI, and Plugins...
Three cheers for the jQuery community!

Where else can you get such a response?

On Oct 11, 1:14 am, "Richard D. Worth" <rdwo...@gmail.com> wrote:


    Reply to author    Forward  
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
drop cycle  
View profile  
 More options Oct 13 2008, 4:11 pm
From: "drop cycle" <dropcy...@gmail.com>
Date: Mon, 13 Oct 2008 15:11:45 -0500
Local: Mon, Oct 13 2008 4:11 pm
Subject: Re: [jquery-ui] Re: The difference between jQuery, jQuery UI, and Plugins...

Wow!  Thanks for the long reply!


    Reply to author    Forward  
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
End of messages
« Back to Discussions « Newer topic     Older topic »

Create a group - Google Groups - Google Home - Terms of Service - Privacy Policy
©2009 Google