Overview 

jQuery & Java Script Basics 

Presented by Dan Fanella, the first part of this jQuery & JavaScript Basics training course will teach you JavaScript syntax, how to create variables, conditional statements, functions and other skills necessary to add interactivity to your Web pages.

In the second half of this series, you will learn how to use jQuery and jQuery UI to create interactive Web pages beyond basic JavaScript.

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

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

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

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

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

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

jQuery: Effects

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

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

jQuery UI Interactions

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