JQUERY COURSES

Utilise jQuery libraries for advanced JavaScript site capabilities

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.

This advanced level course is for people who have either completed our 2 Day JavaScript course or have equivalent experience.

Why train with The Web School

Expert instructors with proven teaching skills

Free tech support for 12 months following your course

Access to our support forums for Certification students

Professionally written and approved courseware

Free course refreshers and workshop days

Professional training environment with Macs and PCs

Book a Course

  • Price: $ 995.00
    Time: 9:00am – 4:30pm
  • Price: From $995 +GST per day
  • This course is provided as a custom training session only, please call us on 1300 441 891 or make an enquiry below to schedule your training

Course outline - WHAT you’ll learn

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

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

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

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

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

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

Related Courses

JavaScript for Designers

Tailored for web designers to gain confidence, understanding of and familiarity with JavaScript

Adobe Animate Essentials

Create Web Banners, Animation & Interactivity using Animate

  • Contact Us