Your SlideShare is downloading. ×
0
Introducing jQuery
Introducing jQuery
Introducing jQuery
Introducing jQuery
Introducing jQuery
Introducing jQuery
Introducing jQuery
Introducing jQuery
Introducing jQuery
Introducing jQuery
Introducing jQuery
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Introducing jQuery

1,396

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

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. INTRODUCING JQUERY The Write Less, Do More JavaScript Library
  • 2. Working Server Side
  • 3. Pros and Cons of JavaScript
  • 4. Pros and Cons of jQuery
  • 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. 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. 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. 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. 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. 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. 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>

×