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

"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

"The course was an excellent experience and will further my career opportunities."

Adjective Graphic Design



 

 

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