You are here: Home / Training Courses / Technologies / Introduction to jQuery Training

Introduction to jQuery Training

JavaScript"

Essentials

Query Training Course Information

This two-day training course provides users with a practical insight into the use of jQuery as a development framework.

Duration

2 Days

Cost

£595 +VAT

Schedule

Course Dates

Prerequisites

Before taking this training course, students should be familiar with the basic functions of their computer’s operating system A working knowledge of HTML, CSS & JavaScript would be an advantage.

Additional Notes

Training courses can be run on Windows and Macintosh platforms and tailored to meet customers’ requirements. Courses run in Edinburgh and at client sites in Glasgow, Scotland and throughout the UK.

Course Outline

jQuery Essentials

Introduction to jQuery

  • Overview of HTML, CSS and JavaScript
  • About jQuery
  • Cross-browser Compatibility
  • CSS3 Selectors
  • jQuery UI
  • Plugins
  • Downloading and Including jQuery

Selecting, Styling and Enhancing

  • Making Sure the Page Is Ready
  • Selecting
  • Filters
  • CSS with jQuery
  • Reading & Setting CSS Properties
  • Classes
  • Enhancing: Adding Effects
  • Progressive Enhancement
  • Modifying Content
  • Callback Functions

Animating, Scrolling and Resizing

  • Animating
  • Animating CSS Properties
  • Color Animation
  • The Animation Queue
  • Chaining Actions
  • Pausing the Chain
  • The User Interface Library
  • Scrolling
  • The scroll Event
  • Floating Navigation
  • Scrolling the Document
  • Custom Scroll Bars
  • Resizing

Images and Slideshows

  • Lightboxes
  • Custom Lightbox
  • ColorBox: A Lightbox Plugin
  • Cropping Images with Jcrop
  • Slideshows
  • Cross-fading Slideshows
  • Scrolling Slideshows

Menus, Tabs, Tooltips and Panels

  • Menus
  • Expandable/Collapsible Menus
  • Open/Closed Indicators
  • Menu Expand on Hover
  • Drop-down Menus
  • Accordion Menus
  • A Simple Accordion
  • Multiple-level Accordions
  • UI Accordion
  • UI Tabs
  • Panels and Panes
  • Slide-down Login Form
  • Sliding Overlay
  • Tooltips

Ajax

  • Ajax Crash Course
  • What Is Ajax?
  • Loading Remote HTML
  • Picking HTML with Selector
  • Fetching Data with $.getJSON
  • Common Ajax Settings
  • Loading External Scripts with $.getScript
  • GET and POST Requests
  • jQuery Ajax Events

Forms, Controls, and Dialogs

  • Forms
  • Simple Form Validation
  • Form Validation with the Validation Plugin
  • Maximum Length Indicator
  • Form Hints
  • Check All Checkboxes
  • Inline Editing
  • Autocomplete
  • Controls
  • Date Picker
  • Sliders
  • Drag and Drop
  • UI sortable
  • Progress Bar
  • Dialogs and Notifications
  • Simple Modal Dialog
  • UI Dialog
  • Growl-style Notifications

Lists, Trees, and Tables

  • Lists
  • jQuery UI Selectables
  • Sorting Lists
  • Manipulating Select Box Lists
  • Trees
  • Expandable Tree
  • Event Delegation
  • Tables
  • Fixed Table Headers
  • Repeating Header
  • Data Grids
  • Selecting Rows with Checkboxes

Storing Data on the Client

  • LocalStorage vs SQLite
  • What else can I do with AIR?
  • Writing Files to the Client
  • Storing Data Locally in SQLite
  • Storing Data locally Using LocalStorage
  • Creating a Local Database