Call : (+91) 968636 4243
Mail : info@EncartaLabs.com
EncartaLabs

JQuery and Jquery UI

( Duration: 3 Days )

JQuery UI provides abstractions for low-level interaction and animation, advanced effects, and high-level ‘widgets’. This JQuery UI training course guides you through various features of the JQuery UI library, and shows how to use them to build highly interactive web applications.

COURSE AGENDA

1

Introduction – Why use JQuery ?

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

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
3

Interacting with the DOM

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

Handling Events (Overview)

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

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
6

Advanced Animations

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

Handling User Scrolling

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

Handling Resizing

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

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
10

Menus

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

Tabs

  • Basic tabs
  • JQuery UI tabs
  • Tab options and controls
12

Panels and Panes

  • Slide-downs
  • Sliding overlay
13

Tooltips

  • Simple
  • Advanced (using sprites)

Encarta Labs Advantage

  • One Stop Corporate Training Solution Providers for over 6,000 various courses on a variety of subjects
  • All courses are delivered by Industry Veterans
  • Get jumpstarted from newbie to production ready in a matter of few days
  • Trained more than 50,000 Corporate executives across the Globe
  • All our trainings are conducted in workshop mode with more focus on hands-on sessions

View our other course offerings by visiting https://www.encartalabs.com/course-catalogue-all.php

Contact us for delivering this course as a public/open-house workshop/online training for a group of 10+ candidates.

Top
Notice
X