Introduction to jQuery

Introduction to jQuery

jQuery is a very powerful Javascript library used to create impressive animated effects rivalling those of Flash movies. jQuery integrates with HTML, manipulating page elements over time, allowing for a wide range of possibilities.

A brief selection of things one can do using jQuery includes:

• Adding animations and effects to page elements. You can use jQuery to create fade in/fade out effects, sliding elements, expandind and contracting menus.
• Making AJAX requests to the server, allowing jQuery to fetch additional data from the server without the need to reload the page.
• Manipulating the DOM, in order to hide, show and reorder page elements with only a few lines of code.
• Creating image slideshows using animated effects, transitions and lightboxes.
• Making drop-down menus, including multi-level menus as well as expansion/contraction animations.
• Creating Drag and Drop interfaces, allowing the page visitors to reorder and reposition elements around the page.
• Creating powerful form elements, that include client-side or server-side form validation, enable auto-completion of form fields and similar functionality that provides an enhanced user experience.

Due to its technical nature, this session is directed towards a web developer audience. Knowledge of HTML and CSS is important in order to benefit the most from the session!

This is a hands-on practical session, where we will see:

• Installation of the jQuery libraries and integration into a Drupal project
• Basics of jQuery syntax and DOM manipulation
• Hands-on examples where we will start from scratch and demonstrate effects such as animation of page elements, expanding menus, [....]
• Resources for further reading and experimentation
• Discussion about the benefits and pitfalls of using jQuery, including browser compatibility issues.