coursejQuery & JavaScript Basics

Learn the basics of jQuery & JavaScript and kick-start your learning journey

In the duration of this course you will taught the basics of jQuery & JavaScript and begin your path to becoming an expert. The course is split into 2 sections to help your learning experience.

What is jQuery & JavaSCript?

Would you believe JavaScript and jQuery are the same thing? In simple terms, jQuery is a set of JavaScript libraries that have been designed specifically to simplify HTML document traversing, animation, event handling, and Ajax interactions.

Wiki_tick  Unlimited access for 60 days

Wiki_tick  Access anywhere, any time

Wiki_tick  Fast effective training, written and designed by industry experts

Wiki_tick  Track your progress with our Learning Management System

Wiki_tick  Unlimited support

Wiki_tick  Save money, time and travel costs

Wiki_tick  Learn at your own pace and leisure

Wiki_tick  Easier to retain knowledge and revise topics than traditional methods

laptop-notebook-working-internetWhat the course will teach you:

  • The basics of jQuery
  • The basics of JavaScript
  • JavaScript: Decisions, Statements and Loops - Basic and Custom Functions - Forms and User Interaction & Windows, Frames and the Browser Object
  • jQuery: Effects - UI & UI Interactions

Buy Now

Units Of Study


Course Duration: 5 Hours

jQuery & JavaScript Basics

Module 1 - Getting Started

What you’ll learn in this training -NEW

Module 2 - JavaScript: Basics

Introducing JavaScript
Setting up a document to create JavaScript
JavaScript syntax rules
Creating an alert box
Displaying data on the page using document dot write
Displaying text data
Creating variables
Calling and combining variables
Creating prompts
Creating arrays
Linking to a JavaScript file

Module 3 - JavaScript: Decisions, Statements and Loops

Creating an if statement
Creating an else if statement
Applying various comparison operators
Applying logical operators
Creating switch statements
Creating a for loop
Creating a while and do while loop

Module 4 - JavaScript: Basic and Custom Functions

Adding the current time and date
Converting strings to numbers
Converting numbers to strings
Creating basic string functions
Creating basic math functions
Creating a custom function
Calling a function
Calling a function based on an event
Adding parameters to a function pt. 1
Adding parameters to a function pt. 2

Module 5 - JavaScript: Forms and User Interaction

Accessing form elements with JavaScript
Programming Text and Button element interactivity
Programming Text Area element interactivity
Programming Radio button interactivity pt. 1
Programming Radio button interactivity pt. 2
Programming Checkbox interactivity
Programming Select Box interactivity
Validating form text data
Validating form email data
Validating form checkbox data

Module 6 - JavaScript: Windows, Frames and the Browser Object

Detecting the browser version
Accessing browser history
Using the location object
Creating a pop-up window
Formatting a pop-up window
Referencing specific windows
Interacting with frames

Module 7 - jQuery: Basics

Introducing jQuery
Loading jQuery Library files
Initializing an on ready function and selecting elements
Selecting elements by id and style
Selecting elements by attribute
Running the jQuery code
Showing and hiding elements pt. 1
Showing and hiding elements pt. 2
Binding jQuery to events handlers pt. 1
Binding jQuery to events handlers pt. 2
Writing HTML elements via jQuery
Adding Element attributes
Adding content to elements
Wrapping elements within elements
Binding jQuery to events using the dot on() function
Creating variables using jQuery
Creating loops in jQuery pt. 1
Creating loops in jQuery pt. 2

Module 8 - jQuery: Effects

Fading elements in and out
Sliding elements up and down
Toggling slide operations
Adding Effect parameters
Animating effects

Module 9 - jQuery UI

Loading jQuery UI Library files
Creating an accordion widget
Creating a button widget pt. 1
Creating a button widget pt. 2
Creating a date picker widget
Creating a menu widget
Creating a slider widget
Creating a spinner and tooltip widget
Creating a tab widget
Creating a dialog widget
Opening a dialog box on click
Creating jQuery UI themes
Customizing jQuery UI themes

Module 10 - jQuery UI Interactions

Creating a drag action
Creating a drop action
Creating a resize action

System Requirements

Minimum specifications for the computer are:


Microsoft Windows XP, or later
Modern and up to date Browser (Internet Explorer 8 or later, Firefox, Chrome, Safari)


OSX/iOS 6 or later
Modern and up to date Browser (Firefox, Chrome, Safari)

All systems:

Internet bandwidth of 1Mb or faster
Flash player or a browser with HTML5 video capabilities (We recommend Google Chrome)

Please note: Although this course will work with the system requirements stated above, the software talked about and used in the course may vary. It is recommended that you check with the software suppliers website before making a purchase.