jquery-logo

jQuery Essentials Courses

Sydney, Melbourne, Onsite and ONLINE

Training Modules (Overview)

  • 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

What You Get

  • 12 Months Access to Help Desk
  • No Risk! Money Back Guarantee
  • Choice of Mac or PC
  • Professional Training Environment
acrobat-reader
Download jQuery Essentials

Course PDF

private-training

This course is provided as custom training only, please call us on 1300 441 891 to schedule your training

NEED A QUOTE

Need to get approval or a formal quote

Related Courses

Course 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

Controls

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

Forms

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

Lists

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

Tables

  • Fixed Table Headers
  • Repeating Header
  • Data Grids
  • Selecting Rows with Checkboxes
private-training

Prefer Private Training?

- Customise your course
- Choose your own dates
- Choose your location

Read More

jQuery Essentials Testimonials

Another wonderfully run course - a friendly, knowledgable and easy to understand tutor - very patient! The course has really helped my understanding of more complex web design. 10/10!
A Barnaby, Graphic Designer
Really great - learn't alot as it was a small class and the instructor was open to questions.
William, Graphic Designer
Great way to dive into the world of jQuery. Nice easy pace.
Raymond, Presentation Designer
Great trainer and professionally run. Relaxed atmosphere.
Peter, Software Developer
Was a great course.
Ryan, Web Developer