Your SlideShare is downloading. ×
0
jQuery  ExtJS  …  And GWT
jQuery <ul><li>Nice selectors (that you can change and customize if necessary to work with other libraries  link ) </li></...
<ul><li>browser compatible </li></ul><ul><li>Unobtrusive by design </li></ul><ul><li>Chaining $(“p.help”).hide().addClass(...
Stuff that I use <ul><li>Something not exclusive to jQuery but really interesting implementation of the  observer  pattern...
jQuery Ajax <ul><li>Thou you can also do </li></ul><ul><li>Some cool options: async, cache (for stupid ie), success, jsonp...
Ui.jquery and Themeroller <ul><li>ui.jQuery for Accordion, datepicker, Dialog, Slider and Tabs  </li></ul><ul><li>Effects....
Links <ul><li>http://www.webdesignerwall.com/demo/jquery/  Some basic stuff ( check the item 9) </li></ul><ul><li>http://w...
Ext JS Show some code
Upcoming SlideShare
Loading in...5
×

jQuery

844

Published on

short jQuery

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
844
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
21
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "jQuery"

  1. 1. jQuery ExtJS … And GWT
  2. 2. jQuery <ul><li>Nice selectors (that you can change and customize if necessary to work with other libraries link ) </li></ul><ul><ul><ul><ul><li>$(“div”) gets a type of element </li></ul></ul></ul></ul><ul><ul><ul><ul><li>$(“.myClass”) gets an element by class name </li></ul></ul></ul></ul><ul><ul><ul><ul><li>$(“#myId”) gets an element by id </li></ul></ul></ul></ul><ul><ul><ul><ul><li>$(“#tabs > ul”) refers to the direct children of an element with id tabs </li></ul></ul></ul></ul><ul><ul><ul><ul><li>$(“input[Type=text]”) attribute selectors </li></ul></ul></ul></ul><ul><ul><ul><ul><li>There is also position selectors such as :first :odd :even, etc </li></ul></ul></ul></ul>
  3. 3. <ul><li>browser compatible </li></ul><ul><li>Unobtrusive by design </li></ul><ul><li>Chaining $(“p.help”).hide().addClass(“p.more”) </li></ul><ul><li>Great documentation (thou sometimes down so get the offline Api ) </li></ul><ul><li>Incredibly small (15k m & Gz) and available through Ajax Libraries Google API </li></ul>
  4. 4. Stuff that I use <ul><li>Something not exclusive to jQuery but really interesting implementation of the observer pattern < code sample > </li></ul><ul><li>Pluggins </li></ul><ul><li>Ajax – Load XML or JSON (or anything really)easily </li></ul>$.ajax({ type: &quot;GET&quot;, url: &quot;test.js&quot;, dataType: &quot;script&quot; });
  5. 5. jQuery Ajax <ul><li>Thou you can also do </li></ul><ul><li>Some cool options: async, cache (for stupid ie), success, jsonp </li></ul>$.getJSON(“some_url”, function(json){…})
  6. 6. Ui.jquery and Themeroller <ul><li>ui.jQuery for Accordion, datepicker, Dialog, Slider and Tabs </li></ul><ul><li>Effects.jQuery – show, hide toggle and effect(..) </li></ul><ul><li>Check out Theme-Roller its cool but I cant find a use for it yet. </li></ul>
  7. 7. Links <ul><li>http://www.webdesignerwall.com/demo/jquery/ Some basic stuff ( check the item 9) </li></ul><ul><li>http://webplicity.net/flexigrid/ Grid </li></ul><ul><li>http://remysharp.com/2008/07/04/jquery-api-update-offline-and-anywhere/ jQuery Api </li></ul><ul><li>http://jquery.com/ </li></ul>
  8. 8. Ext JS Show some code
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×