jQuery: Interactive Websites Course
(4.82 out of 5) 140 Student Reviews
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 Details
$990 incl GST
- Duration:2 Days
- Max. Class Size:10
- Avg. Class Size:5
-
Study Mode:
Classroom Online Live
- Level:Advanced
- CPD Hours:12 hours
- Course Times: Classroom: 9.00am to 5.00pm approx(Local Time) Online Live: 9.00am to 5.00pm approx(AEST or AEDT)
- Download Course PDF
Course Dates
Sydney Class Dates
Level 11, 32 Walker Street, North Sydney , NSW 2060
| 15-16 Dec 25 | Mon - Tue | Online Live |
| 29-30 Jan 26 | Thu - Fri | Online Live |
| 10-11 Mar 26 | Tue - Wed | Online Live |
| 23-24 Apr 26 | Thu - Fri | Online Live |
| 01-02 Jun 26 | Mon - Tue | Online Live |
Melbourne Class Dates
Level 12, 379 Collins Street, Melbourne , VIC 3000
| 15-16 Dec 25 | Mon - Tue | Online Live |
| 29-30 Jan 26 | Thu - Fri | Online Live |
| 10-11 Mar 26 | Tue - Wed | Online Live |
| 23-24 Apr 26 | Thu - Fri | Online Live |
| 01-02 Jun 26 | Mon - Tue | Online Live |
Brisbane Class Dates
All courses facilitated in, Online Live format , QLD
| 15-16 Dec 25 | Mon - Tue | Online Live |
| 29-30 Jan 26 | Thu - Fri | Online Live |
| 10-11 Mar 26 | Tue - Wed | Online Live |
| 23-24 Apr 26 | Thu - Fri | Online Live |
| 01-02 Jun 26 | Mon - Tue | Online Live |
Canberra Class Dates
All courses facilitated in, Online Live format , ACT
| 15-16 Dec 25 | Mon - Tue | Online Live |
| 29-30 Jan 26 | Thu - Fri | Online Live |
| 10-11 Mar 26 | Tue - Wed | Online Live |
| 23-24 Apr 26 | Thu - Fri | Online Live |
| 01-02 Jun 26 | Mon - Tue | Online Live |
Adelaide Class Dates
All courses facilitated in, Online Live format , SA
| 15-16 Dec 25 | Mon - Tue | Online Live |
| 29-30 Jan 26 | Thu - Fri | Online Live |
| 10-11 Mar 26 | Tue - Wed | Online Live |
| 23-24 Apr 26 | Thu - Fri | Online Live |
| 01-02 Jun 26 | Mon - Tue | Online Live |
Perth Class Dates
All courses facilitated in, Online Live format , WA
| 15-16 Dec 25 | Mon - Tue | Online Live |
| 29-30 Jan 26 | Thu - Fri | Online Live |
| 10-11 Mar 26 | Tue - Wed | Online Live |
| 23-24 Apr 26 | Thu - Fri | Online Live |
| 01-02 Jun 26 | 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
Related Courses
Student Reviews
I enjoyed the course learned a lot and definitely pushed me to learn more. I learned more since taking it
Excellent course! Very informative and covered lots of important points. The instructor was very engaging.
The variety of work we did as well as discussing the many ways to skin the proverbial cat when programming in jQuery was really useful!
Linda, the instructor was very friendly and engaging. She kept the course moving quickly and always made sure everyone was keeping up. When I had questions about certain aspects of the material, she was well informed and was able to answer my questions quickly and succinctly.
Loved the jQuery course run by Linda. I found it very useful and will definitely be able to apply my learning to my job.
A very valuable course in the jQuery lead by Linda who is most knowledgeable and insightful. The pace of the course was good and the information covered was relevant
I found this course good at explaining what jquery could do and how it can be written more effectively than usual JS coding. Good at explaining.
Linda is always available to help and is very patient. Linda also provides real life examples. Thank you. Great stuff Linda!
Loved it! It was hard to follow because it is a dense topic, but it did give me a good introduction.
The course was a great introduction to jQuery and Linda was a fabulous trainer. She was very patient and thorough and ensured that no-one was left behind if they hit challenges. And she did this while training online via Zoom with people she couldn't see! Would highly recommend to anyone any courses Linda was delivering. Now to make sure I remember everything and expand on it. ;-)
Very worthwhile 2 days. The course was a good pace with ample opportunity to ask questions or get clarification or help - which we all did at some point, without reservation!
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.
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.
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.
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.
Note: Form fields marked with * are required.
