Book Image

Beginning jQuery

By : Frahaan Hussain
Book Image

Beginning jQuery

By: Frahaan Hussain

Overview of this book

Simple syntax and open coding standards enable developers to deploy applications in a short time. With this course, you will be able to effectively leverage all new features of jQuery 3.0 in your applications. The course begins with teaching the difference between JavaScript and jQuery. You’ll learn how to use jQuery with developer tools that are available in all modern browsers. You’ll then learn all about selecting elements, handling events, manipulating the document object model, jQuery plugins, advanced Ajax, and several advanced concepts. By the end of the course, you will successfully create a fully featured and efficient single page web application.

Related Content you might be interested in

Current Title:

Small book image
Beginning jQuery
Frahaan Hussain
Jul, 2018 | 7 hours 28 minutes
No titles found
Table of Contents (10 chapters)
Free Chapter
1
Beginning with jQuery
Course Overview
Installation and Setup
Title Map
Lesson Overview
Making Our First jQuery- Powered Web Page
Adding our jQuery Code
Plain JavaScript Versus jQuery
Using jQuery with Developer Tools
Summary
2
Selecting Elements
Lesson Overview
Understanding the DOM
Using the $() Function
Selector Specificity
Custom Selectors
Form Selectors
DOM Traversal Methods
Chaining
Accessing DOM Elements
Summary
3
Handling Events
Lesson Overview
Performing Tasks on Page Load
Handling Simple Events
Event Handler Context
Showing and Hiding Page Elements
Event Propagation
Altering the Journey – The Event Object
Preventing Default Actions
Delegating Events
Remove An Event Handler
Giving Namespaces to Event Handlers
Rebinding Events
Simulating User Interaction
Keyboard Events
Summary
4
Styling and Animating
Lesson Overview
Modifying CSS with Inline Properties
Built-In Animation Effects
Creating Custom Animations
Simultaneous Versus Queued Effects
Working with Multiple Sets of Elements
Summary
5
Manipulating the DOM
Lesson Overview
Manipulating Attributes
Computed Attribute Values
Data Attributes
DOM Tree Manipulation
Inserting New Elements
Moving Elements
Wrapping Elements
Copying Elements
Content Getter and Setter Methods
DOM Manipulation Methods in a Nutshell
Summary
6
Working with Ajax
Lesson Overview
Loading Data on Demand
Retrieving JSON
Choosing a Data Format
Passing Data to the Server
The .ajax() Function
Deferreds and Promises
Error Handling
Summary
7
jQuery Plugins
Lesson Overview
Using a Plugin
Specifying Plugin Options
Modifying Defaults
Interacting with Plugins
jQuery UI
CSS Class Animations
jQuery UI Interaction Components
Widgets and jQuery UI ThemeRoller
jQuery Mobile
Interactive Elements and Advanced Features
Summary
8
Advanced Selectors, Traversing, and DOM Manipulation
Lesson Overview
Selecting and Traversing Revisited
Dynamic Table Filtering
Striping Table Rows
Combining Filtering and Striping
Writing a Custom Selector Plugin
Using HTML5 Data Attributes
Revisiting Attribute Manipulation
Summary
9
Advanced Events and Effects
Lesson Overview
Event Delegation
Displaying Data on Hover and Choosing a Delegation Scope
Defining Custom Events
Event Throttling
Interrupting Animations
Defining Effect Durations
Chaining Calls
Multi-Property Easing and Deferred Objects
Animation Promises
Summary
10
Advanced Ajax
Lesson Overview
Same-Origin Policy and JSONP
CORS
Error Handling
Using the jqXHR Object
Caching Responses
Extending Ajax Capabilities
AJAX Pre Filters
Summary
Chapter 8
Advanced Selectors, Traversing, and DOM Manipulation
Content Locked
Section 7
Using HTML5 Data Attributes
HTML5 data attributes can be used to store extra data alongside regular HTML content. We can then use this extra information for our own purposes. In this video, we will use the data attributes to help sort a table of books.
Previous Section
End of Section 7
Next Section