jQuery Essentials

jQuery is a very popular JavaScript library designed to simplify cross-browser coding with JavaScript and is an excellent follow-on from our two-day introduction to JavaScript course. This course will teach you how to dramatically speed up and facilitate the process of adding interactivity and animation to your website. JQuery uses a familiar CSS syntax and provides fast and concise coding capabilities. jQuery also offers a wide range of plugins available for various specific elements including popular user interface elements such as image sliders and responsive navigation.

  • Training Modules (Overview only)

    • 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
 


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

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
Top