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

"Very helpful, knowledgeable and responsive trainer."

Westminster University

"I just wanted to let you know that I've managed to replicate the steps you showed me in FileMaker on my organisation's database and have managed to get my invoicing layouts to work perfectly. Thank you very much! I've also been able to use some of the other things you showed me to good effect too so the course has already helped enormously. Just thought you should know :-)"

Julian Support

"First class - The trainer was extremely knowledgeable and answered all our questions."


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