jQuery Tutorial

jQuery Basic

1. jQuery is free and open source.
2. jQuery is library of common tasks, re-usable code.
3. jQuery is cross browser - It means it runs in most of browsers.
4. Using jQuery you can easily create Progressive enhancement  and Unobtrusive JavaScript*.
5.  It simplified javascript programming.
6. It's easy to learn jQuery.
7. jQuery avoids copy/pasting (re-inventing wheel) tasks.
8. You can download jQuery from ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js. You can even use following code in your site,
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
   Using above code, you can avoid server load as jQuery will be downloaded from googleapis.com CDN (content delivery network)  
   
9. jQuery simplifies common tasks like, Ajax, DOM element selections, traversal and manipulation, event handling, popup, and also extensible, etc.
10. jQuery official sites are -
    • jQuery
    • jQuery UI
    •  jQuery Official docs

*Features of Progressive enhancement  and Unobtrusive JavaScript - 

• Functionality should be separate from presentation. In other words, Javascript code should be separate from html/ css code.
• Graceful degradation - If browser doesn't support some feature, javascript should not show error. It degrades gracefully.
• Progressive enhancement - Similar to above. If browser doesn't support, it shouldn't support extra wow animated effects, but shows basic HTML. But in new browsers with greater bandwidths, it shows full featured, wow effect animations. But there should be alternate way to use it for other browsers. (eg. gmail shows basic HTML version during slow connection or in old browsers).

More coming soon. Keep coming this blog. Book mark it.Thanks :)