Course Details close

Course Details

Price:
(inc GST)
$ 990
Application:jQuery
Level:Essentials
Version:All-Versions
Duration:2 days
Location:
Level 2
80 Mount St
North Sydney
NSW 2060
Participants:Max 10
Length:9:00 to 16:30
Break Times:
(approx)
10:30 (15mins)
12:30 (1hr)
14:45 (15mins)
Course Dates: View
Course Outline: View

jQuery Essentials Course

   (4.50 out of 5)
202 Jquery essentials student evaluations

Quick links

jQuery Essentials Course

Course Overview

Anyone who is already proficient with JavaScript but who wishes to learn how to use jQuery, the most popular JavaScript library, in order to achieve the same outcomes while writing significantly less code.

Course Prerequisites

Solid JavaScript, web design knowledge and experience

Course Inclusions

FREE Course Re-sit

8 months

When you book a public course at Raisng the Bar we offer you a FREE course re-sit for up to 8 months from the scheduled course date.

FREE Email Support

12 months

Free email support for up to 12 months from the scheduled course date.

Small Class Sizes

10 students

All of our courses are capped at a maximum of 10 students to maximise your learning experience.

Classroom Training

All of our courses are face to face, hands on, classroom based training delievered by .

Course Manual

Every student will receive a printed course manual with step by step instructions to use as a reference guide.

Computer Lab

No need to bring your own laptop. Our training courses are conducted in fully equipped computer labs with free Wi-Fi.

Course Certificate

Every student receives a certificate of completion at the end of course to recognise your new skills.

Course Dates

Course Date Price Add Course Qty Status

There are currently no public dates scheduled for this course.

If you have 3 or more people interested in this course, call us today to discuss group training - 1300 937 782.

Course Outline

Falling in Love with jQuery

What’s so good about jQuery?

  • Cross-browser Compatibility
  • CSS3 Selectors
  • Helpful Utilities
  • jQuery UI
  • Plugins
  • Keeping Markup Clean
  • Widespread Adoption

What’s the downside?

Downloading and Including jQuery

  • Downloading jQuery
  • The Google CDN
  • Uncompressed or compressed?

Anatomy of a jQuery Script

  • The jQuery Alias
  • Dissecting a jQuery Statement

Bits of HTML—aka “The DOM”

    Selecting, Decorating, and Enhancing

    Making Sure the Page Is Ready

    Selecting: The Core of jQuery

    • Simple Selecting
    • Narrowing Down Our Selection
    • Testing Our Selection
    • Filters
    • Selecting Multiple Elements
    • Becoming a Good Selector

    Decorating: CSS with jQuery

    • Reading CSS Properties
    • Setting CSS Properties
    • Classes

    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

    A Few Tricks

    • Highlighting When Hovering
    • Spoiler Revealer

    Animating, Scrolling, and Resizing

    Animating

    • Animating CSS Properties
    • Color Animation
    • Easing
    • Advanced Easing
    • Bouncy Content Panes
    • The Animation Queue
    • Chaining Actions
    • Pausing the Chain
    • Animated Navigation
    • Animated Navigation, Take 2
    • The jQuery User Interface Library
    • Get Animated!

    Scrolling

    • The scroll Event
    • Floating Navigation
    • Scrolling the Document

    Resizing

    • The resize Event
    • Resizable Elements

    Images and Slideshows

    Lightboxes

    • Custom Lightbox
    • Troubleshooting with console.log
    • ColorBox: A Lightbox Plugin

    Slideshows

    • Cross-fading Slideshows
    • Scrolling Slideshows
    • iPhoto-like Slideshow widget

    Menus, Tabs, Tooltips, and Panels

    Menus

    • Expandable/Collapsible Menus
    • Open/Closed Indicators
    • Drop-down Menus

    Accordion Menus

    • A Simple Accordion
    • jQuery UI Accordion

    Tabs

    • Basic Tabs
    • jQuery UI Tabs

    Panels and Panes

    • Slide-down Login Form
    • Sliding Overlay

    Construction, Ajax, and Interactivity

    Construction and Best Practices

    • Cleaner jQuery

    Ajax Crash Course

    • What Is Ajax?
    • Loading Remote HTML
    • Enhancing Hyperlinks with Hijax
    • Picking HTML with Selectors
    • Fetching Data with $.getJSON
    • A Client-side Twitter Searcher
    • The jQuery Ajax Workhorse
    • Common Ajax Settings
    • Loading External Scripts with $.getScript
    • GET and POST Requests
    • jQuery Ajax Events

    Interactivity: Using Ajax

    • Ajax Image Gallery

    Forms, Controls, and Dialogs

    Forms

    • Simple Form Validation
    • Form Validation with the Validation Plugin
    • Maximum Length Indicator
    • Form Hints
    • Autocomplete

    Controls

    • Date Picker

    Lists, Trees, and Tables

    Lists

    • jQuery UI Selectables
    • Sorting Lists
    • Manipulating Select Box Lists

    Trees

    • Expandable Tree
    • Event Delegation

    Tables

    • Repeating Header

    Need Assistance

    • Send Email
    Raising the Bar
    Warning Icon Information Icon

    OK
    1300 937 782 Contact us