1 | P a g e
JQUERY
Instructor
Mark Onte
2 | P a g e
JQUERY
In jQuery Essential Training, the power of the jQuery library, an open-source JavaScript
project that greatly simplifies the process of adding advanced functionality to web sites is
discussed. Lessons on how to use the features to build pages that work across browsers with
the functionality that today's users are looking for, from complex animation effects to
dynamic page formatting are also included. This training shows how to use the jQuery UI plugin
to
expand
and
streamline
the
capability
of
jQuery,
and
then
integrating
jQuery
design
tools
into
a
complete
sample
web
site.
*This training serves as a starter course for new web developers and serves as a refresher
course for intermediate web developers.
Training Requirements:
This training requires computers that are installed with:
a. Windows XP or later versions
Course Outline:
Introduction
Using the training exercise files
Choosing a text editor
1. Overview of jQuery
What is jQuery?
Downloading and installing jQuery
Creating a simple jQuery-enabled page
Overview of jQuery's features
2. Retrieving Page Content
Overview of selectors and filters
Using basic jQuery selectors
Using basic jQuery filters
Using jQuery attribute filters
Child, visibility, and content filters
Form selectors and filters
Traversing documents
Understanding jQuery statement chaining
Practical example 1: Annotating page links
3. Manipulating Page Content
Creating, getting, and setting content
Manipulating attributes
Inserting content
Wrapping, replacing, and removing content
Working with CSS
Practical example 2: Automatic TOC generator
4. Working with Events
Understanding the jQuery event handling features
Binding and unbinding events
Convenient event helper methods
Using the jQuery event object
Using miscellaneous event features
Practical example 3: Table striping and highlighting
5. jQuery Animations and Effects
Hiding and showing elements
Fading elements in and out
Sliding elements
Creating custom animations
Practical example 4: Image rotator
6. Using the jQuery UI Plug-In
3 | P a g e
JQUERY
Introduction to jQuery UI
Exploring the jQuery UI widgets
Exploring the jQuery UI effects
Using the jQuery UI ThemeRoller
Downloading and installing jQuery UI
7. Putting It All Together
Overview of the sample web site
Using the accordion widget
Creating an image rotator
Building hover tooltips
Making an image selector
Using the Resizable effect
Instructor:
Mark B. Onte
4 | P a g e
JQUERY
A graduate of Master in Information Systems and presently a Systems Developer and Database Administrator in
Silliman University with more than 7 years of experience in Web Application development.