JQuery-UI Industrial Training


Web Designing training provides a comprehensive study on the tools and technologies required for the designing of impressive website. Participants will learn the effective use of CSS, Photoshop, Dreamweaver, HTML, HTML5, Java Script, and jQuery.

GN Infotech provides the best JQuery Training in Khanna with below mentioned course curriculum. GN Infotech labs are equipped with latest software so that students can get 100% practical training.

At the completion of training the participant will exhibit the following :

  • -Using CSS- structure text/lists, define link states, define layout, work on forms
  • -Using Photoshop and Dreamweaver- for image editing
  • -Using HTML - apply tags/elements/attributes/comments, implement formatting, provide linking, create frames/blocks, use colors/fonts/stylesheet/layout
  • -Using HTML5- work with text, forms, multimedia, data storage, and geolocation
  • -Using JavaScript - use arithmetic/logical operators, loop/control statements, functions/events, DOM
  • -Using jQuery - use DOM elements, jQuery utilities/events


  • - Industry Compliant Syllabus
  • - Multi-Platform Demonstration
  • - Product Based Training
  • - Real-Time Case Studies
  • - Use of Latest Tools & Technology
  • - LCD equipped class room
  • - Unlimited Lab facility
  • - Faculty drawn from Industries
  • - Daily Handouts & Lab Exercise
  • - Workshops on New Technologies


  • - Website Developer
  • - Web Designer
  • - Students

Including the jQuery Library Code in an HTML Page
Selecting DOM Elements Using Selectors and the jQuery Function
Selecting DOM Elements Within a Specified Context
Filtering a Wrapper Set of DOM Elements
Finding Descendant Elements Within the Currently Selected

Returning to the Prior Selection Before a Destructive Change
Including the Previous Selection with the Current Selection
Traversing the DOM Based on Your Current Context to Acquire a

Creating, Operating on, and Inserting DOM Elements
Removing DOM Elements
Replacing DOM Elements
Cloning DOM Elements
Getting, Setting, and Removing DOM Element Attributes
Getting and Setting HTML Content
Getting and Setting Text Content
Using the $ Alias Without Creating Global Conflicts

Selecting Child Elements Only
Selecting Specific Siblings
Selecting Elements by Index Order
Selecting Elements That Are Currently Animating
Selecting Elements Based on What They Contain
Selecting Elements by What They Don’t Match
Selecting Elements Based on Their Visibility
Selecting Elements Based on Attributes
Selecting Form Elements by Type
Selecting an Element with Specific Characteristics
Using the Context Parameter
Creating a Custom Filter Selector

Looping Through a Set of Selected Results
Reducing the Selection Set to a Specified Item

Detecting Features with jQuery support
Iterating Over Arrays and Objects with jQuery each

Sliding and Fading Elements in and out of View
Making Elements Visible by Sliding Them Up
Creating a Horizontal Accordion
Simultaneously Sliding and Fading Elements
Applying Sequential Effects
Determining Whether Elements Are Currently Being Animated
Stopping and Resetting Animations
Using Custom Easing Methods for Effects
Disabling All Effects
Using jQuery UI for Advanced Effects

Attaching a Handler to Many Events
Reusing a Handler Function with Different Data
Removing a Whole Set of Event Handlers
Triggering Specific Event Handlers
Passing Dynamic Data to Event Handlers
Accessing an Element ASAP (Before document ready)
Stopping the Handler Execution Loop
Getting the Correct Element When Using event target
Avoid Multiple hover() Animations in Parallel
Making Event Handlers Work for Newly Added Elements

Focusing a Text Input on Page Load
Disabling and Enabling Form Elements
Selecting Radio Buttons Automatically
(De)selecting All Checkboxes Using Dedicated Links
(De)selecting All Checkboxes Using a Single Toggle
Adding and Removing Select Options
Autotabbing Based on Character Count
Displaying Remaining Character

Introduction to jQuery –UI
Exploring the jQuery UI widgets
Exploring the jQuery UI effects
Using the jQuery UI ThemeRoller
Intro to jQuery UI
Need of jQuery UI in real web sites
Downloading jQuery UI
Importing jQuery UI

Auto Complete
Button Set
Date Picker
Progress Bar
Color Animation
Easing Effects
jQuery UI themes
Customizing jQuery UI widgets / plug-ins
jQuery UI with CDN
Consuming jQuery Plug-ins from 3rd party web sites