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.
Online Live - Course Dates
-
Online Live Class Dates
Book Now10 - 11 May 21 Mon - Tue Online Live 19 - 20 May 21 Wed - Thu Online Live 08 - 09 Jul 21 Thu - Fri Online Live 02 - 03 Sep 21 Thu - Fri Online Live 28 - 29 Oct 21 Thu - Fri Online Live 20 - 21 Dec 21 Mon - Tue Online Live -
To inquire about Online Live Classes, please
Call 1300 888 724
In-Class - Course Dates
-
Sydney Class Dates
Book NowLevel 11, 32 Walker Street, North Sydney , NSW 2060
10 - 11 May 21 Mon - Tue Online Live 19 - 20 May 21 Wed - Thu Online Live 20 - 21 May 21 Thu - Fri Classroom 21 - 22 Jun 21 Mon - Tue Classroom 08 - 09 Jul 21 Thu - Fri Online Live 05 - 06 Aug 21 Thu - Fri Classroom 02 - 03 Sep 21 Thu - Fri Online Live 22 - 23 Sep 21 Wed - Thu Classroom 28 - 29 Oct 21 Thu - Fri Online Live 04 - 05 Nov 21 Thu - Fri Classroom 14 - 15 Dec 21 Tue - Wed Classroom 20 - 21 Dec 21 Mon - Tue Online Live -
Melbourne Class Dates
Book NowLevel 12, 379 Collins Street, Melbourne , VIC 3000
10 - 11 May 21 Mon - Tue Online Live 19 - 20 May 21 Wed - Thu Online Live 07 - 08 Jun 21 Mon - Tue Classroom 08 - 09 Jul 21 Thu - Fri Online Live 19 - 20 Jul 21 Mon - Tue Classroom 02 - 03 Sep 21 Thu - Fri Online Live 09 - 10 Sep 21 Thu - Fri Classroom 28 - 29 Oct 21 Thu - Fri Classroom 28 - 29 Oct 21 Thu - Fri Online Live 13 - 14 Dec 21 Mon - Tue Classroom 20 - 21 Dec 21 Mon - Tue Online Live -
Brisbane Class Dates
Book NowLevel 6, 371 Queen Street, Brisbane , QLD 4000
29 - 30 Apr 21 Thu - Fri Classroom 10 - 11 May 21 Mon - Tue Online Live 19 - 20 May 21 Wed - Thu Online Live 08 - 09 Jul 21 Thu - Fri Online Live 22 - 23 Jul 21 Thu - Fri Classroom 02 - 03 Sep 21 Thu - Fri Online Live 18 - 19 Oct 21 Mon - Tue Classroom 28 - 29 Oct 21 Thu - Fri Online Live 20 - 21 Dec 21 Mon - Tue Online Live 17 - 18 Jan 22 Mon - Tue Classroom 11 - 12 Apr 22 Mon - Tue Classroom
-
Canberra Class Dates
Book NowLevel 4, 54 Marcus Clarke Street, Canberra , ACT 2601
10 - 11 May 21 Mon - Tue Online Live 19 - 20 May 21 Wed - Thu Online Live 08 - 09 Jul 21 Thu - Fri Online Live 02 - 03 Sep 21 Thu - Fri Online Live 28 - 29 Oct 21 Thu - Fri Online Live 20 - 21 Dec 21 Mon - Tue Online Live -
Adelaide Class Dates
Book Now19 Young Street, Adelaide , SA 5000
10 - 11 May 21 Mon - Tue Online Live 19 - 20 May 21 Wed - Thu Online Live 08 - 09 Jul 21 Thu - Fri Online Live 02 - 03 Sep 21 Thu - Fri Online Live 28 - 29 Oct 21 Thu - Fri Online Live 20 - 21 Dec 21 Mon - Tue Online Live -
Perth Class Dates
Book NowLevel 1, 140 St Georges Terrace, Perth , WA 6000
10 - 11 May 21 Mon - Tue Online Live 19 - 20 May 21 Wed - Thu Online Live 08 - 09 Jul 21 Thu - Fri Online Live 02 - 03 Sep 21 Thu - Fri Online Live 28 - 29 Oct 21 Thu - Fri Online Live 20 - 21 Dec 21 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
(4.80 out of 5) Beatrice [ 28 November, 2019 ]
I thought the structure of this course was very good. It covered all the basics thoroughly to ensure that you can understand all the concepts and leave the course being able to write high quality jQuery. Being able to do exercises that are similar to real life applications is also of great value.
(5.00 out of 5) Kath P [ 26 September, 2019 ]
There have been lots of lightbulb moments during this course. It was very worthwhile and Ican't wait to implement some of the things I've learned.
(5.00 out of 5) Greg [ 07 March, 2019 ]
This course is excellent as an introduction to JQuery.
The method it was presented as teach by example is the best way to learn rather than lectures with little or no practical.
Highly recommend it.
(5.00 out of 5) Pratyusha Y [ 11 October, 2018 ]
I found it easier to learn than I expected it to be . All thanks to my instructor who has explained things in much detail.
thanks
Enquire Now
Fill in your details to have a training consultant contact you to discuss your training needs.