Beginning jQuery

577 views

Published on

TA slides for 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
577
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
23
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Beginning jQuery

  1. 1. BEGINNING JQUERY Dr. Chiang Dhruv Gairola (TA)
  2. 2. Outline    What is jQuery? Why use jQuery? Examples. AJAX  DOM traversal  Event handling      Upgrades. Other libraries. jQuery related products. Conclusion.
  3. 3. What is jQuery?     Javascript library. Released January 2006. Version 1.x and 2.x. 2.x does not work < IE9
  4. 4. Why use jQuery?         Less coding. Simplify event handling. Simplify AJAX. Simplify DOM traversal. Handling of cross browser issues. Popular and useful client frameworks depend on jQuery e.g., Bootstrap, Ember.js Lot of plugins available. etc
  5. 5. Examples – AJAX.    Asynchronous Javascript and XML. XML not necessary, JSON also possible. Demo.
  6. 6. Examples – AJAX.
  7. 7. Examples – AJAX.
  8. 8. Examples – DOM traversal.   You can traverse the DOM tree pretty easily. Demo.
  9. 9. Examples – Event handling.    Bind listeners to your objects. Callbacks. Demo.
  10. 10. Upgrades.     Upgrading is essential part of jQuery. jQuery migrate plugin. Automated tests (e.g., Selenium) should reveal problems. Manual correction thereafter.
  11. 11. Other libraries.    Mootools has more functionality. Some UI components included in core. jQuery is easier to learn. Lot of jQuery plugins. Readable code. Chaining of methods. Good documentation. Nice comparison : http://www.slideshare.net/jeresig/javascriptlibrary-overview-presentation/
  12. 12. jQuery related products.    jQuery UI : Front end effects, widgets, themes, etc. jQuery mobile : Front end framework. Demos.
  13. 13. Conclusion.     Useful framework. Very popular in industry. Lot of plugins. CDNs hosted jQuery code, so browser loading time isn’t significantly hit.

×