1300 888 724 8.30am to 5:30pm AEST (Mon-Fri) info@dynamicwebtraining.com.au

jQuery: Interactive Websites Course

(4.82 out of 5) 123 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
  • Times: 9.00am to 5.00pm approx
  • Download Course PDF
  • Enquire Book Now
    Pay later

Online Live - Course Dates

  • Online Live Class Dates

    Book Now
    08 - 09 Feb 21 Mon - Tue Online Live
    18 - 19 Mar 21 Thu - Fri Online Live
    19 - 20 May 21 Wed - Thu Online Live
    06 - 07 Jul 21 Tue - Wed Online Live
    30 - 31 Aug 21 Mon - Tue Online Live
  • To inquire about Online Live Classes, please

    Call 1300 888 724

In-Class - Course Dates

  • Sydney Class Dates

    Book Now

    Level 11, 32 Walker Street, North Sydney , NSW 2060

    08 - 09 Feb 21 Mon - Tue Online Live
    18 - 19 Mar 21 Thu - Fri Classroom
    18 - 19 Mar 21 Thu - Fri Online Live
    05 - 06 May 21 Wed - Thu Classroom
    19 - 20 May 21 Wed - Thu Online Live
    21 - 22 Jun 21 Mon - Tue Classroom
    06 - 07 Jul 21 Tue - Wed Online Live
    05 - 06 Aug 21 Thu - Fri Classroom
    30 - 31 Aug 21 Mon - Tue Online Live
    21 - 22 Sep 21 Tue - Wed Classroom
  • Melbourne Class Dates

    Book Now

    Level 12, 379 Collins Street, Melbourne , VIC 3000

    08 - 09 Feb 21 Mon - Tue Online Live
    22 - 23 Feb 21 Mon - Tue Classroom
    18 - 19 Mar 21 Thu - Fri Online Live
    19 - 20 Apr 21 Mon - Tue Classroom
    19 - 20 May 21 Wed - Thu Online Live
    03 - 04 Jun 21 Thu - Fri Classroom
    06 - 07 Jul 21 Tue - Wed Online Live
    19 - 20 Jul 21 Mon - Tue Classroom
    30 - 31 Aug 21 Mon - Tue Online Live
    09 - 10 Sep 21 Thu - Fri Classroom
  • Brisbane Class Dates

    Book Now

    Level 6, 371 Queen Street, Brisbane , QLD 4000

    08 - 09 Feb 21 Mon - Tue Online Live
    18 - 19 Mar 21 Thu - Fri Online Live
    29 - 30 Apr 21 Thu - Fri Classroom
    19 - 20 May 21 Wed - Thu Online Live
    06 - 07 Jul 21 Tue - Wed Online Live
    22 - 23 Jul 21 Thu - Fri Classroom
    30 - 31 Aug 21 Mon - Tue Online Live
    18 - 19 Oct 21 Mon - Tue Classroom
    17 - 18 Jan 22 Mon - Tue Classroom
    11 - 12 Apr 22 Mon - Tue Classroom
  • Canberra Class Dates

    Book Now

    Level 4, 54 Marcus Clarke Street, Canberra , ACT 2601

    08 - 09 Feb 21 Mon - Tue Online Live
    18 - 19 Mar 21 Thu - Fri Online Live
    19 - 20 May 21 Wed - Thu Online Live
    27 - 28 May 21 Thu - Fri Classroom
    06 - 07 Jul 21 Tue - Wed Online Live
    26 - 27 Aug 21 Thu - Fri Classroom
    30 - 31 Aug 21 Mon - Tue Online Live
    22 - 23 Nov 21 Mon - Tue Classroom
  • Adelaide Class Dates

    Book Now

    19 Young Street, Adelaide , SA 5000

    08 - 09 Feb 21 Mon - Tue Online Live
    18 - 19 Mar 21 Thu - Fri Online Live
    19 - 20 May 21 Wed - Thu Online Live
    06 - 07 Jul 21 Tue - Wed Online Live
    30 - 31 Aug 21 Mon - Tue Online Live
  • Perth Class Dates

    Book Now

    Level 1, 140 St Georges Terrace, Perth , WA 6000

    08 - 09 Feb 21 Mon - Tue Online Live
    18 - 19 Mar 21 Thu - Fri Online Live
    19 - 20 May 21 Wed - Thu Online Live
    06 - 07 Jul 21 Tue - Wed Online Live
    30 - 31 Aug 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

$ 2970 incl GST

(You save $990)

Duration

8 days

Enquire Book Now
Pay later

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

Read all course reviews

Enquire Now

Fill in your details to have a training consultant contact you to discuss your training needs.

Your details

Other Ways To Get In Touch

You can also Book Online or call us on 1300 888 724

Back to Top