About the Course
During this 2 day course, participants will learn how to take static HTML and CSS web pages and bring them to life with a bit of jQuery magic. Participants will learn how to select elements on the page, move them around, remove them entirely, animate them…in short, you’ll will learn how to bend HTML and CSS to your will!
Who should do this course?
This jQuery course is for web designers who want to create interactive elements for their designs, and for developers who want to create the best user interface for their web applications.
Prerequisites
Students should have completed our introductory courses in HTML, CSS and JavaScript or have equivalent skills. Whilst jQuery knowledge is not a pre-requisite; students should be comfortable with JavaScript syntax before attending this course.
Course Dates
-
Sydney Class Dates
Book NowLevel 11, 32 Walker Street, North Sydney , NSW 2060
09 - 10 Jun 22 Thu - Fri Online Live 11 - 12 Jul 22 Mon - Tue Online Live 24 - 25 Aug 22 Wed - Thu Online Live 06 - 07 Oct 22 Thu - Fri Online Live 14 - 15 Nov 22 Mon - Tue Online Live -
Melbourne Class Dates
Book NowLevel 12, 379 Collins Street, Melbourne , VIC 3000
09 - 10 Jun 22 Thu - Fri Online Live 11 - 12 Jul 22 Mon - Tue Online Live 11 - 12 Aug 22 Thu - Fri Classroom 24 - 25 Aug 22 Wed - Thu Online Live 26 - 27 Sep 22 Mon - Tue Classroom 06 - 07 Oct 22 Thu - Fri Online Live 14 - 15 Nov 22 Mon - Tue Online Live 24 - 25 Nov 22 Thu - Fri Classroom 12 - 13 Jan 23 Thu - Fri Classroom 27 - 28 Feb 23 Mon - Tue Classroom -
Brisbane Class Dates
Book NowLevel 6, 371 Queen Street, Brisbane , QLD 4000
09 - 10 Jun 22 Thu - Fri Online Live 07 - 08 Jul 22 Thu - Fri Classroom 11 - 12 Jul 22 Mon - Tue Online Live 24 - 25 Aug 22 Wed - Thu Online Live 26 - 27 Sep 22 Mon - Tue Classroom 06 - 07 Oct 22 Thu - Fri Online Live 14 - 15 Nov 22 Mon - Tue Online Live 12 - 13 Dec 22 Mon - Tue Classroom 06 - 07 Mar 23 Mon - Tue Classroom 01 - 02 Jun 23 Thu - Fri Classroom
-
Canberra Class Dates
Book NowAll courses facilitated in, Online Live format ,
09 - 10 Jun 22 Thu - Fri Online Live 11 - 12 Jul 22 Mon - Tue Online Live 24 - 25 Aug 22 Wed - Thu Online Live 06 - 07 Oct 22 Thu - Fri Online Live 14 - 15 Nov 22 Mon - Tue Online Live -
Adelaide Class Dates
Book NowAll courses facilitated in, Online Live format ,
09 - 10 Jun 22 Thu - Fri Online Live 11 - 12 Jul 22 Mon - Tue Online Live 24 - 25 Aug 22 Wed - Thu Online Live 06 - 07 Oct 22 Thu - Fri Online Live 14 - 15 Nov 22 Mon - Tue Online Live -
Perth Class Dates
Book NowAll courses facilitated in, Online Live format ,
09 - 10 Jun 22 Thu - Fri Online Live 11 - 12 Jul 22 Mon - Tue Online Live 24 - 25 Aug 22 Wed - Thu Online Live 06 - 07 Oct 22 Thu - Fri Online Live 14 - 15 Nov 22 Mon - Tue Online Live
Course Units
Expand full topic list
Unit 1: Benefits of jQuery
- Cross-browser Compatibility
- CSS3 Selectors
- Helpful Utilities
- jQuery User Interface
- jQuery plugins
- Keeping Markup Clean
See more
Unit 2: Downloading and Including JQuery
- Downloading jQuery
- The Google CDN
- Uncompressed or compressed?
See more
Unit 3: Anatomy of a jQuery Script
- The jQuery Alias
- Dissecting a jQuery Statement
- Making Sure the Page is Ready
See more
Unit 4: Selecting - the Core of jQuery
- Simple Selecting
- Narrowing Down the Selection
- Testing the Selection
- Working with jQuery Filters
- Selecting Multiple jQuery Elements
See more
Unit 5: Decorating - CSS with jQuery
See more
- Reading CSS Properties
- Setting CSS Properties
- Classes
Unit 6: 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
See more
Unit 7: Animating
- Animating CSS Properties
- Color Animation
- jQuery Easing
- Advanced Easing
- Bouncy Content Panes
- The Animation Queue
- Chaining Actions
- Pausing the Chain
- Animated Navigation
- The jQuery User Interface Library
See more
Unit 8: Scrolling
- The scroll Event
- Floating Navigation
- Scrolling the Document
See more
Unit 9: Resizing
- The resize Event
- Resizable Elements
See more
Unit 10: Images and Slideshow
- Custom Lightbox
- ColorBox - A Lightbox Plugin
- Cross-fading Slideshows
- Scrolling Slideshows
See more
Unit 11: Menus, Tabs, Tooltips, and Panels
- Expandable and Collapsible Menus
- Open and Closed Indicators
- Menu Expand on Hover
- Drop-down Menus
- A Simple Accordion
- Multiple-level Accordions
- jQuery UI Accordion
- Basic Tabs
- jQuery UI Tabs
- Slide-down Login Form
- Simple Tooltips
See more
Unit 12: Forms, Controls and Dialogs
- Simple Form Validation
- Form Validation with the Validation Plugin
- Maximum Length Indicator
- Form Hints
- Autocomplete
- Date Picker
- Sliders
- Drag and Drop
- Query UI sortable
- Progress Bar
- Query UI Dialog
See more
Unit 13: Lists, Trees, and Tables
- jQuery UI Selectables
- Sorting Lists
- Expandable Tree
- Event Delegation
- Fixed Table Headers
- Selecting Rows with Checkboxes
See more
Training Packages
Web Design Package - Level 2
- HTML5 Essentials (2 days)
- CSS3 Essentials (2 days)
- Introduction to JavaScript (2 days)
- jQuery: Interactive Websites (2 days)
$ 2970 incl GST
(You save $990)
Duration
8 days
Related Courses
Course Reviews
Enquire Now
Fill in your details to have a training consultant contact you to discuss your training needs.