JQuery and Jquery UI

Have Queries? Ask us +91 72592 22234

Course Overview

jQuery UI provides abstractions for low-level interaction and animation, advanced effects, and high-level 'widgets'. This jQueryUI Training guides you through all of the features of the jQuery UI library, and shows you how to use them to build highly interactive web applications.

Course Content

Introduction - Why use JQuery ?

  • Referencing a JQuery Script
  • Using Content Delivery Networks
  • Using the JQuery Ready Function
  • Getting to Know the JQuery Documentation

Using JQuery Selectors

  • What are Selectors?
  • Selecting Nodes by Tag Name
  • Selecting Nodes by ID
  • Selecting Nodes by Class Name
  • Selecting Nodes by Attribute Value
  • Selecting Input Nodes
  • Additional Selector Features

Interacting with the DOM

  • Introduction
  • Iterating Through Nodes
  • Modifying Properties and Attributes
  • Adding and Removing Nodes
  • Modifying Styles
  • Modifying Classes

Handling Events (Overview)

  • Introduction
  • JQuery Event Model Benefits
  • Handling Events
  • Binding to Events
  • live() and delegate()
  • Handling Hover Events

Working with Ajax Features (Overview)

  • JQuery Ajax Functions
  • Loading HTML Content from the Server
  • Making GET Requests Making POST Requests
  • Introduction to the ajax() Function

Advanced Animations

  • Animating with CSS
  • Color animation
  • Easing
  • Bouncy Content Panes
  • Animation Queues
  • Chaining Actions
  • Animating Navigation
  • jQuery User Interface (UI) Library

Handling User Scrolling

  • The scroll event
  • Floating navigation
  • Scrolling the document
  • Customizing scroll bars

Handling Resizing

  • The resize event
  • Layout switcher
  • Resizable elements (textarea, plane splitter)

Images and Slideshows

  • Building our own lightbox
  • Using ColorBox plugin
  • Cropping images with jCrop plugin
  • Slideshows
  • Faders (cross, rollover)
  • Timers
  • Using Cycle plugin
  • Scrolling
  • Thumbnails
  • Customizing events that trigger scrolling


  • Expandable and collapsible menus
  • Open-closed indicators
  • Expand on hover
  • Hover intents
  • Drop-down menus
  • Accordion menus
  • Simple
  • Multi-level
  • jQuery UI Accordion


  • Basic tabs
  • jQuery UI tabs
  • Tab options and controls

Panels and Panes

  • Slide-downs
  • Sliding overlay


  • Simple
  • Advanced (using sprites)

Customer Reviews

Thanks to Xpertised and the tutor who walked me through all the topics with Practical exposure which is helping me in my current project.

Course was quite helpful in terms of understanding of concepts and practicality. Its really a very friendly environment to learn. The timing were mutually chosen, as we both are working professional. I am quite satisfied with the course.


For Batch Details
Call us at: +91 7259222234

Not sure? Consult Our Experts

Looking for a Training for


My Team/Organization

I agree to be contacted over mail or phone

Call us at: +91 7259222234