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
21 - 22 Apr 20 Tue - Wed 25 - 26 Jun 20 Thu - Fri 20 - 21 Aug 20 Thu - Fri 06 - 07 Oct 20 Tue - Wed 26 - 27 Nov 20 Thu - Fri -
Melbourne Class Dates
Book NowLevel 12, 379 Collins Street, Melbourne , VIC 3000
20 - 21 Apr 20 Mon - Tue 11 - 12 Jun 20 Thu - Fri 05 - 06 Aug 20 Wed - Thu 22 - 23 Sep 20 Tue - Wed 09 - 10 Nov 20 Mon - Tue -
Brisbane Class Dates
Book NowLevel 6, 371 Queen Street, Brisbane , QLD 4000
30 Apr - 01 May 20 Thu - Fri 22 - 23 Jul 20 Wed - Thu 15 - 16 Oct 20 Thu - Fri 28 - 29 Jan 21 Thu - Fri 27 - 28 Apr 21 Tue - Wed
-
Canberra Class Dates
Book NowLevel 4, 54 Marcus Clarke Street, Canberra , ACT 2601
14 - 15 Apr 20 Tue - Wed 08 - 09 Jul 20 Wed - Thu 01 - 02 Oct 20 Thu - Fri 14 - 15 Dec 20 Mon - Tue 04 - 05 Mar 21 Thu - Fri -
Adelaide Class Dates
19 Young Street, Adelaide , SA 5000
Classes scheduled on demand in AdelaidePlease Join our waitlist and we'll notify you when a new class is scheduled or contact us to disucss your training needs.
-
Perth Class Dates
Level 1, 140 St Georges Terrace, Perth , WA 6000
Classes scheduled on demand in PerthPlease Join our waitlist and we'll notify you when a new class is scheduled or contact us to disucss your training needs.
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
Web Developer Package
- Dreamweaver: Website Development (3 days)
- Introduction to JavaScript (2 days)
- jQuery: Interactive Websites (2 days)
- Introduction to PHP and MySQL (3 days)
$ 3630 incl GST
(You save $1320)
Duration
10 days
Related Courses
Course Reviews
Enquire Now
Fill in your details to have a training consultant contact you to discuss your training needs.