jQuery & JavaScript Basics

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