InDesign Lite Course

jQuery Essentials | Course Overview

Course Description

jQuery is a cross-browser JavaScript library designed to simplify the client-side scripting of HTML with JavaScript and is an excellent follow-on from the 2 day introduction to JavaScript course. jQuery offers a wide range of plugins available for various specific needs and is relatively easy to learn as it uses familiar CSS syntax. The JavaScript framework dramatically improves how you add interactivity and animation to your website.

What You Will Learn

  • Instantly transform page elements
  • Create animations that work
  • Build cool UI widgets to wow your clients
  • Simple methods to add power to your designs
  • Strategies for advanced plugin development
  • How to simplify the handling of AJAX requests
  • Best practice code organisation methods

Who Should Attend & Prerequisite

Since jQuery is a JavaScript library that uses a CSS-like language to select elements on the page, you need to have a working understanding of both JavaScript and CSS.

jQuery Training Image

jQuery

jQuery Training Image

jQuery

jQuery Course

jQuery Essentials | Outline

Benefits of jQuery

  • Cross-browser Compatibility
  • CSS3 Selectors
  • Helpful Utilities
  • jQuery UI
  • Plugins
  • Keeping Markup Clean
  • Widespread Adoption

Downloading and Including jQuery

  • Downloading jQuery
  • The Google CDN
  • Nightlies and Subversion
  • Uncompressed or compressed?

Anatomy of a jQuery Script

  • The jQuery Alias
  • Dissecting a jQuery Statement

Selecting: The Core of jQuery

  • Simple Selecting
  • Narrowing Down Our Selection
  • Testing Our Selection
  • Filters
  • Selecting Multiple Elements
  • Becoming a Good Selector

Decorating: CSS with jQuery

  • Reading CSS Properties
  • Setting CSS Properties
  • Classes

Enhancing: Adding Effects with jQuery

  • Hiding and Revealing Elements
  • Progressive Enhancement
  • Adding New Elements
  • Removing Existing Elements
  • Modifying Content
  • Basic Animation: Hiding and Revealing with Flair
  • Callback Functions

Animating

  • Animating CSS Properties
  • Colour Animation
  • Easing
  • Bouncy Content Panes
  • The Animation Queue
  • Chaining Actions
  • Pausing the Chain
  • Animated Navigation
  • The jQuery User Interface Library

Scrolling

  • The 'scroll' Event
  • Floating Navigation
  • Scrolling the Document
  • Custom Scroll Bars

Resizing

  • The resize Event
  • Resizable Elements

Images

  • Custom Lightboxes
  • Troubleshooting with console.log
  • ColorBox: A Lightbox Plugin
  • Cropping Images with Jcrop

Slideshows

  • Cross-fading Slideshows
  • Scrolling Slideshows
  • iPhoto-like Slideshow widget

Menus

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

Accordion Menus

  • A Simple Accordion
  • Multiple-level Accordions
  • jQuery UI Accordion

Tabs

  • Basic Tabs
  • jQuery UI Tabs

Panels and Panes

  • Slide-down Login Form
  • Sliding Overlay

Tooltips

  • Simple Tooltips
  • Advanced Tooltips

Construction and Best Practices

  • Cleaner jQuery
  • Client-side Templating

Forms

  • Simple Form Validation
  • Form Validation with the Validation Plugin
  • Maximum Length Indicator
  • Form Hints
  • Check All Checkboxes

Controls

  • Date Picker
  • Sliders
  • Drag and Drop
  • jQuery UI sortable
  • Progress Bar

Lists

  • jQuery UI Selectables
  • Sorting Lists
  • Manipulating Select Box Lists

Tables

  • Fixed Table Headers
  • Repeating Header
  • Data Grids
  • Selecting Rows with Checkboxes
jQuery Course
SYDNEY
Select a date to book online now
Feb Jun Jul Aug Sept Oct
JavaScript Essentials 6 & 7 5 & 6 17 & 18
jQuery Essentials 16 & 17 16 & 17 12 & 13 24 & 25
Extending jQuery Please ring to book
MELBOURNE
Select a date to book online now
May Jun Jul Aug Sept Oct
JavaScript Essentials 7 & 8 26 & 27 12 & 13 15 & 16
jQuery Essentials 20 & 21 22 & 23 23 & 24

jQuery Essentials | Testimonials

"Great way to dive into the world of jQuery. Nice easy pace."

"Great trainer and professionally run. Relaxed atmosphere."

"Was a great course."

jQuery Course

Related courses:

Custom
Training

1300 441 891

Why Train With Us

Share this page
facebooktwitter

emailSign up to our newsletter