Introduction to jQuery and jQueryUI JavaScript Framework

Duration: 2 Days

Objectives

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.

Pre-requisites

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

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

Menus

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

Tabs

  • Basic Tabs
  • jQueryUI Tabs

Panels and Panes

  • Slide-down Login Form
  • Sliding Overlay

Forms

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

Controls

  • 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


"Excellent. The best training I have ever had."

National Housing Federation

"Very thorough course and enthusiastic trainer who was very helpful and responsive to individual needs."

NVIDIA

"Exceptional knowledge base and tailored to suit our requirements."

RAF



 

 

© Transmedia . 277 Greenwich High Road London SE10 8NB  UK . 0208 269 4260
Designed by Transmedia's Web Team