jQuery Masterclass Course: JavaScript and AJAX Coding Bible

1. Introduction To This Course

This video introduces the course.

2. Setup on Windows

Learn how to setup a project on a Windows PC.

3. Setup on Mac OS X

Learn how to setup a project on a Mac.

4. Setup on Linux

Learn how to setup a project on a Linux PC.

5. Online Code IDE

Learn about testing jQuery code online.

6. Uncompressed vs Minified vs Slim vs Slim Minified

Learn about the difference between uncompress, minified, slim and slim minified JavaScript files.

7. Document Ready

This video shows how jQuery detects the state of readiness of document.

1. Elements

This video shows how to select all elements with the given tag name.

2. All Elements

This video shows how to select All Elements.

3. this Keyword

This video describes "this" keyword which can be used in instance methods to refer to the object on which the currently executing method has been invoked.

4. ID

This video explains #id selector which selects the element with the specific id.

5. Class

This video explains "class" selector selects all elements with the specific class.

6. Multiple Items

This video is about Multiple Items element selector which can also be used to select multiple elements.

7. First Element

This video is about "First Element" which selects only the first element.

8. Odd/Even

Learn about "Odd/Even" selector which selects odd/even elements for amazing effects.

9. Element and Class

Learn about "Element and Class" which selects an element which has a specific name and class.

10. Children

Learn about selecting all children of another selected element here.

11. Attributes

Learn how to select an element based the attribute and its value.

12. Type

Learn to select an element based on it's type.

13. Contains

Learn about "Contains" selector here.

1. Get Attribute

Learn about attr() method can be used to either fetch the value of an attribute from the first element in the matched set or set attribute values onto all matched elements.

2. Set Attribute

Learn how to set an attribute using in jQuery.

3. Set Attribute With Callback Function

Learn how to set an attribute using a function in jQuery.

4. Set Multiple Attributes

Learn how to set not one but multiple attributes at one.

5. Remove

Learn about .remove() method which takes elements out of the DOM.

6. Text Attribute

Learn about Text Attribute which is used to get the combined text contents of each element in the set of matched elements, including their descendants, or set the text contents of the matched elements.

7. Data Attribute

Learn about Data Attribute here.

8. Value

Learn about Value method which returns or sets the value attribute of the selected elements.

9. HTML Value

Learn to get the HTML contents of the first element in the set of matched elements or set the HTML contents of every matched element.

10. Class

Learn how to add or remove one or more classes from each element in the set of matched elements.

1. Binding & Unbinding

Learn about bind() method which attaches one or more event handlers for selected elements, and specifies a function to run when the event occurs.

2. Attributes

Learn about Attributes here.

3. Propagation

Learn about event.stopPropagation() method which stops the bubbling of an event to parent elements, preventing any parent event handlers from being executed.

4. Prevent Default Behaviour

Learn about The event.preventDefault() method which stops the default action of an element from happening.

5. Mouse Single Click

Learn about click () method which attaches an event handler function to an HTML element.

6. Mouse Double Click

Learn about The dblclick() method which attaches an event handler function to an HTML element.

7. Mouse Enter Element

Learn about the mouseenter() method attaches an event handler function to an HTML element.

8. Mouse Leave Element

Learn about the mouseleave() method attaches an event handler function to an HTML element.

9. Mouse Hover

Learn about hover() method which takes two functions and is a combination of the mouseenter() and mouseleave() methods.

10. Mouse Down

This video is about The mousedown() method which attaches an event handler function to an HTML element.

11. Mouse Up

Learn about mouseup() method which attaches an event handler function to an HTML element.

12. Keyboard Down

Learn about Keyboard Down event here. The keydown() method triggers the keydown event, or attaches a function to run when a keydown event occurs.

13. Keyboard Press

Learn about keypress() method which triggers the keypress event, or attaches a function to run when a keypress event occurs.

14. Keyboard Up

Learn about The keyup() method that triggers the keyup event, or attaches a function to run when a keyup event occurs.

15. Form Submit

Learn about submit() method which triggers the submit event, or attaches a function to run when a submit event occurs.

16. Form Change

Learn about change() method that triggers the change event, or attaches a function to run when a change event occurs.

17. Form Focus

Learn about the focus event that occurs when an element gets focus (when selected by a mouse click or by "tab-navigating" to it). The focus() method triggers the focus event, or attaches a function to run when a focus event occurs.

18. Form Blur

Learn how to detect when the user takes focus off the form/input.

19. Document/Window Scroll

Learn how to detect when the user scrolls on your website.

20. Document/Window Resize

Learn how to detect when the Window has been resized.

21. Combining Multiple Events Using A Single Selector

Learn how combine multiple events using a single selector.

1. Get and Set CSS Property

Learn how to get and set CSS properties.

2. Set Multiple CSS Properties

Learn how to set multiple CSS properties using a single selector.

3. Add, Remove and Toggle CSS Classes

Learn about the several methods jQuery offers for CSS manipulation.

4. Get and Set Element Dimensions

Learn about the important methods jQuery offers for working with dimensions.

5. Adding Elements Using Append, Prepend, After and Before

We will look at four jQuery methods that are used to add new content.

6. Removing Elements Using Remove and Empty

Learn about two jQuery methods to remove elements and content

1. Elements By Index

Learn about jQuery traversing which means "move through", which are used to "find" (or select) HTML elements based on their relation to other elements. Learn to Start with one selection and move through that selection until you reach the elements you desire.

2. Child Elements

Learn to traverse down the DOM tree to find descendants of an element.

3. Parent Element

Learn to traverse up the DOM tree to find ancestors of an element.

4. Sibling Elements

Learn to traverse sideways in the DOM tree to find siblings of an element.

5. Filtering Elements

Learn about basic filtering methods such as first(), last() and eq(), which allow you to select a specific element based on its position in a group of elements.

1. Show, Hide and Toggle

Learn about Show, Hide and Toggle effects here.

2. Fading Using fadeIn, fadeOut, fadeToggle and fadeTo

Learn to fade elements in and out of visibility.

3. Sliding Using slideDown, slideUp and slideToggle

Learn about jQuery slide methods to slide elements up and down.

4. Animate

Learn about jQuery animate () method that lets you create custom animations.

5. Stop Effects and Animations

Learn about jQuery stop() method which is used to stop an animation or effect before it is finished.

6. Function Callback

Learn about Function Callback here.

7. Action and Method Chaining

Learn about Action and Method Chaining which allows us to run multiple jQuery methods (on the same element) within a single statement.

1. Load

Learn about load () method which loads data from a server and puts the returned data into the selected element.

2. Get JSON

Load JSON-encoded data from the server using a GET HTTP request.

3. GET Data

Learn to load data from the server using a HTTP GET request.

4. POST Data

Learn to load data from the server using a HTTP POST request.

1. Trim String

Learn to remove the whitespace from the beginning and end of a string.

2. Extend

Learn to merge the contents of an object onto the jQuery prototype to provide new jQuery instance methods.

3. Extend Function

Learn to merge the contents of two or more objects together into the first object.

4. In Array

This video shows how to search for a specified value within an array and return its index (or -1 if not found).

5. Each

Learn about Each function which can be used to seamlessly iterate over both objects and arrays.

6. Data Function

Learn about Data Function which gives information about data

7. Proxy Function

Learn about Proxy Function which is used to return a function that will always run in the provided scope

8. Is Window Function

Learn about .isWindow() which is used to get information about the window.

9. Now/Epoch Time Method

Learn about Now/Epoch Time Method which is used to return a number representing the current time.

10. Number Check (isNumeric)

Learn about Number Check (isNumeric) here.

11. Dequeue

Learn to execute the next function on the queue for the matched elements.

12. Global Evaluation

Learn to execute some JavaScript code globally.