Modules

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