1
Overview of jQuery
- What is jQuery? Why jQuery?
- Benefits compared to JavaScript alone.
- jQuery elements, jQuery UI. The jQuery object.
Hands-on work
Installing jQuery. Setting up an initial Web page using jQuery.
2
Utility methods of jQuery
- Reminder about Javascript objects.
- Handling objects with jQuery.
- jQuery object processing methods.
- Table processing methods with jQuery.
- Character strings and JavaScript.
- jQuery string processing methods.
Hands-on work
Setting up Web applications with different types of elements using jQuery.
3
Selectors
- Overview of jQuery selectors.
- Role of selectors. Different types of selectors.
- Pseudo-classes. Combinators.
Hands-on work
Setting up Web applications using selectors.
4
Access to the DOM tree
- Refresher about DOM (Document Object Model).
- Direct access to a page's elements.
- Handling DOM with jQuery.
- Managing CSS classes (addClass(), removeClass() ...
- Inserting elements into the DOM tree.
Hands-on work
Working with the DOM tree.
5
Event management
- The notion of events in Javascript.
- Event management with the bind method.
- Passing parameters with the bind method.
6
Ajax and jQuery
- Querying a server with jQuery.
- Ajax queries using $.ajax().
- Processing the server's reply.
- Passing parameters to the server.
Hands-on work
Using Ajax with jQuery.
7
Visual effects and rich interface with jQuery
- Standard visual effects in jQuery. Creating your own visual effects. Using animate().
- Configuring effects with easing. Managing the visual effects queue.
- Overview and installation of jQuery UI. Using evolved components.
- tabs(), accordion(), dialog(), progressbar().
- Drag and drop Selecting multiple things. Permutations of elements in a page. Resizing an element.
Hands-on work
Putting visual effects in place.