Search for Training

JQuery and Jquery UI

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

Menus

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

Tabs

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

Panels and Panes

  • Slide-downs
  • Sliding overlay

Tooltips

  • 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.
-Waseem

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.
-Tanmoy

...more
Share:

For Batch Details
Call us at: +91 7259222234

Not sure? Consult Our Experts

What is the sum of 0 + 4? (security question)

Looking for a Training for

Myself

My Team/Organization

I agree to be contacted over mail or phone

or
Call us at: +91 7259222234

Subscribe to our weekly newsletter