jQuery Essentials Courses
Sydney, Melbourne, Onsite and ONLINE
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)
- 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
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
Prefer Private Training?
- Customise your course
- Choose your own dates
- Choose your location