jQuery & JavaScript Basics


In this jQuery & JavaScript Basics online training series, you will learn the basics of programming JavaScript™ and using jQuery which we’ve broken down into 2 sections.

Length: 4 hours 54 min

This title is available in the
Total Training All-Access library.

Subscribe Now


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.

Sample clip

A. Getting Started
What you’ll learn in this training -NEW

B. 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

C. 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

D. 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

E. 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

F. 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

G. 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

H. jQuery: Effects
Fading elements in and out
Sliding elements up and down
Toggling slide operations
Adding Effect parameters
Animating effects

I. 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

J. jQuery UI Interactions
Creating a drag action
Creating a drop action
Creating a resize action