Introduction to jQuery and jQueryUI JavaScript Framework

Duration: 2 Days


A two-day course for HTML developers and Web designers who want to get to grips with jQuery and jQueryUI. Best practice, code structure and common solutions are explored to ensure you get the most from these incredibly powerful JavaScript libraries.


Ideal delegates will have strong web development experience, and some knowledge of JavaScript. An understanding of CSS syntax and code structure is essential to get the most from this course.

Course includes

Follow-up telephone support and, for training on Transmedia premises, lunch and refreshments.

Course outline

Introduction to JavaScript and jQuery

  • Client side scripting
  • CSS3 Selectors
  • jQueryUI
  • The jQuery Alias
  • Document Object Model (DOM)

Selecting, Decorating, and Enhancing

  • Overview
  • Making Sure the Page Is Ready

Selecting: The Core of jQuery

  • Simple Selecting
  • Narrowing Down Our Selection
  • Testing Our Selection
  • Filters
  • Selecting Multiple Elements

Decorating: CSS with jQuery

  • Reading CSS Properties
  • Setting CSS Properties
  • Classes

Enhancing: Adding Effects with jQuery

  • Hiding and Revealing Elements
  • Adding New Elements
  • Removing Existing Elements
  • Modifying Content
  • Callback functions


  • Animating CSS Properties
  • The Animation Queue
  • Chaining Actions
  • Pausing the Chain
  • Animated Navigation
  • The jQuery User Interface Library


  • Expandable/Collapsible Menus
  • Open/Closed Indicators
  • Menu Expand on Hover
  • Drop-down Menus


  • Basic Tabs
  • jQueryUI Tabs

Panels and Panes

  • Slide-down Login Form
  • Sliding Overlay


  • Simple Form Validation
  • Form Hints
  • Inline Editing
  • Autocomplete


  • Date Picker
  • Sliders
  • Drag and Drop
  • Dialogs and Notifications

Construction and Best Practices

  • Cleaner jQuery
  • Client-side Templating

Introducing jQuery Ajax

  • Loading Remote HTML
  • Picking HTML with Selectors
  • Advanced loading
  • Common Ajax Settings
  • GET and POST Requests
  • jQuery Ajax Events

Interactivity: Using Ajax

  • Ajax Image Gallery
  • Image Tagging

This course is available as a private or customised course. Contact us for further information and to customise this course to your exact requirements:

Phone us: 0208 269 4260Book Now

Related Courses

"Clear and concise explanations of all program capabilities, very helpful."

Hyder Consulting Ltd

"Lovely accommodation and atmosphere. The training was well structured and clear."

Alistair Sawday Publishing

"An enjoyable and productive day. A flexible content and pace of work which suited our needs."

Guardian News & Media

© Transmedia . 85 Tottenham Court Road, London, W1T 4TQ  UK . 0208 269 4260       Privacy Policy