INTRODUCING JQUERY The Write Less, Do More JavaScript Library
Working Server Side
Pros and Cons of JavaScript
Pros and Cons of jQuery
jQuery to the Rescue <ul><li>JavaScript library </li></ul><ul><li>Developed and tested to be cross-browser compatible </li...
jQuery Advantages <ul><li>Free Open Source Software </li></ul><ul><li>Fully documented </li></ul><ul><li>Builds on existin...
jQuery UI <ul><li>Powerful set of plugins and themes </li></ul><ul><li>Complete widgets </li></ul><ul><li>Low-level intera...
Keys to jQuery Syntax <ul><li>jQuery is JavaScript </li></ul><ul><li>Start jQuery calls with $ </li></ul><ul><li>Use CSS s...
Examples <ul><li>Accordian-style FAQ </li></ul><ul><li>Slide show </li></ul><ul><li>Form validation </li></ul><ul><li>Dial...
Things to watch for <ul><li>How to include jQuery on a web page </li></ul><ul><li>Using selector syntax </li></ul><ul><li>...
Resources <ul><li>http://jquery.com/   </li></ul><ul><li>http://tinyurl.com/jQueryVideos </li></ul><ul><li>http://weblogs....
Upcoming SlideShare
Loading in...5
×

Introducing jQuery

1,403

Published on

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

No notes for slide

Introducing jQuery

  1. 1. INTRODUCING JQUERY The Write Less, Do More JavaScript Library
  2. 2. Working Server Side
  3. 3. Pros and Cons of JavaScript
  4. 4. Pros and Cons of jQuery
  5. 5. jQuery to the Rescue <ul><li>JavaScript library </li></ul><ul><li>Developed and tested to be cross-browser compatible </li></ul><ul><li>Easily traverses DOM using CSS selectors </li></ul><ul><li>Can use Google or Microsoft CDN for fast download and caching </li></ul>
  6. 6. jQuery Advantages <ul><li>Free Open Source Software </li></ul><ul><li>Fully documented </li></ul><ul><li>Builds on existing knowledge of CSS </li></ul><ul><li>Huge community </li></ul><ul><li>Many plugins </li></ul>
  7. 7. jQuery UI <ul><li>Powerful set of plugins and themes </li></ul><ul><li>Complete widgets </li></ul><ul><li>Low-level interactions </li></ul><ul><li>Theme easily customized to match your site </li></ul>
  8. 8. Keys to jQuery Syntax <ul><li>jQuery is JavaScript </li></ul><ul><li>Start jQuery calls with $ </li></ul><ul><li>Use CSS selector syntax to refer to document elements </li></ul><ul><li>Chain multiple jQuery calls together using dot syntax </li></ul>
  9. 9. Examples <ul><li>Accordian-style FAQ </li></ul><ul><li>Slide show </li></ul><ul><li>Form validation </li></ul><ul><li>Dialog box with jQuery UI </li></ul><ul><li>Goal tracking dashboard </li></ul>
  10. 10. Things to watch for <ul><li>How to include jQuery on a web page </li></ul><ul><li>Using selector syntax </li></ul><ul><li>Chaining </li></ul><ul><li>Using a jQuery plug-in </li></ul>
  11. 11. Resources <ul><li>http://jquery.com/ </li></ul><ul><li>http://tinyurl.com/jQueryVideos </li></ul><ul><li>http://weblogs.asp.net/scottgu/archive/2009/09/15/announcing-the-microsoft-ajax-cdn.aspx </li></ul>
  1. A particular slide catching your eye?

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

×