jquery-training-courses

jQuery Essentials Courses

Sydney, Melbourne and Onsite

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
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

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

Well organised and presented by expert trainer.

Brian, Freelance Designer

Enjoyable, at good pace, I am leaving feeling equipped to practice by myself.

Shannon, Graphic Designer

Very enjoyable, well-structured course led by knowledgeable and helpful instructor. Great for beginners or those revising their knowledge.

Karen, Admin Assistant

Very good teacher, easy to understand and follow, nice training venue. I am glad to have done the HTML first before learning Dreamweaver.

Diana, Business Consultant

Jonathon is great. He really knows the content - past, present and future. Great day of training.

Nicole, eLearning

Fantastic. Highly recommend for anyone who wants to gain a good understanding of HTML Essentials.

Renae, Marketing Executive

Trainer was fantastic! The day was well paced. I feel really well grounded for Dreamweaver tomorrow.

Jill, Designer

Great introductory course, I would recommend this to anyone.

Cliff, Admin Executive