Home > Store > Open Source > Ajax & JavaScript

jQuery Fundamentals LiveLessons (Video Training), Downloadable Version

jQuery Fundamentals LiveLessons (Video Training), Downloadable Version

Your browser doesn't support playback of this video. Please download the file to view it.

Downloadable Video

  • Your Price: $119.99
  • List Price: $149.99
  • About this video
  • Accessible from your Account page after purchase. Requires the free QuickTime Player software.

    Videos can be viewed on: Windows 8, Windows XP, Vista, 7, and all versions of Macintosh OS X including the iPad, and other platforms that support the industry standard h.264 video codec.

Register your product to gain access to bonus material or receive a coupon.

Buy Lessons

DRM-Free Video Downloads. Purchase and immediately download individual lessons from this video. Make your lesson selections below and click on the Buy button.

Videos can be viewed on: Windows 8, Windows XP, Vista, 7, and all versions of Macintosh OS X including the iPad, and other platforms that support the industry standard h.264 video codec. Requires the free QuickTime Player software.

Lesson 1

Lesson 1: Setting Up a Development Environment, Downloadable Version

Setting Up a Development Environment shows viewers how to download and install the XAMPP program. This program contains an apache web server and is what we will be using for the rest of the lessons. After downloading and installing XAMPP, viewers will then download and install Sublime Text 2. Once viewers have both XAMPP and Sublime Text 2 installed, they will test their development environment by creating a sample HTML page.

Duration: 00:21:42  File Size: 55 MB

Lesson 2

Lesson 2: Introduction to jQuery, Downloadable Version

Introduction to jQuery starts by looking at the different versions of jQuery that exist. Next the video shows how to add jQuery to a page and make sure that the library has loaded. Next, the video briefly discusses using a Content Delivery Network (CDN) and looking at what CDNs are available for use. Finally, the author dives straight into using the jQuery by discussing how to use a selector. This is then expanded through the use of selector filters including Basic, Child, Content, and Form filters.

Duration: 00:34:31  File Size: 83 MB

Lesson 3

Lesson 3: Traversing the Document Object Model (DOM), Downloadable Version

Traversing the Document Object Model (DOM) introduces viewers to how jQuery can be used to select various elements in the DOM. The video starts with a quick view of what the DOM is and how it is put together. Then it moves into how to use various selector filters to select the element we want. Viewers will then learn how to traverse the DOM tree to select various elements. Finally, the video looks at a few miscellaneous methods for tweaking the selection.

Duration: 00:22:39  File Size: 57 MB

Lesson 4

Lesson 4: Manipulating the DOM, Downloadable Version

Manipulating the DOM shows how to add and remove elements and data from the DOM. Viewers will learn different ways to wrap elements in new elements and how to insert elements into the DOM. After that, viewers will learn to remove, replace, and copy elements from the DOM.

Duration: 00:21:54  File Size: 52 MB

Lesson 5

Lesson 5: Modifying Attributes and Styles, Downloadable Version

Modifying Attributes and Styles starts out by showing how to get and change the values of attributes. Viewers then learn how to add, remove, or change styles that have been applied to the page. This includes adding, removing, and toggling classes. After modifying classes, the video takes a look at changing the height and width. This continues with determining the offset of elements displayed on the page. To finish the lesson, the video shows how to use data attributes for data storage.

Duration: 00:29:45  File Size: 68 MB

Lesson 6

Lesson 6: Event Handling, Downloadable Version

Event Handling teaches viewers about listening, using, and attaching events. The video starts by showing how jQuery allows for attaching events on either page load or on the DOM ready event. Viewers then learn about some browser events such as scroll that can be used. It then shows how to use various mouse and keyboard events such as the click and keydown event. Finally, it shows developers how to apply their own event listeners and the difference between them.

Duration: 00:39:36  File Size: 91 MB

Lesson 7

Lesson 7: Animation and Effects, Downloadable Version

Animation and Effects teaches viewers about the powerful animation and effects methods that jQuery contains. It starts out with some simple effects such as the hide and show methods. It then moves into adding some flair by using fade and slide effects to make elements appear and disappear. Lastly, viewers will learn how to create their own animations and effects with the animate method as well as look at how queuing animations works.

Duration: 00:32:42  File Size: 59 MB

Lesson 8

Lesson 8: Server Communication Through Ajax, Downloadable Version

Server Communication through Ajax shows how to use Ajax to add content to a page. It starts by looking at how Ajax is used with jQuery and how the default settings can be changed. It then takes a look at various events that can be used for error handling and processing. It then covers some of the helper methods that help to handle data formatting for transfer. Lastly, viewers will learn about the shorthand Ajax methods that can be used to get remote data.

Duration: 00:33:28  File Size: 70 MB

Lesson 9

Lesson 9: jQuery Plugins, Downloadable Version

jQuery Plugins demonstrates how to add plugins to a page as well as how the plugin architecture works and how developers can create their own. It starts by looking at where plugins can be found and how they can be applied to a page to change the user experience. Viewers then learn about how plugins are created, and they learn some boilerplate code that can be used to create plugins. Next, viewers learn how a function can be converted into a plugin. Finally, viewers learn how to apply their plugin to their page and make sure it works.

Duration: 00:19:27  File Size: 51 MB

Your browser doesn't support playback of this video. Please download the file to view it.

Actual product comes full screen and in high resolution.

Your browser doesn't support playback of this video. Please download the file to view it.

Actual product comes full screen and in high resolution.

Your browser doesn't support playback of this video. Please download the file to view it.

Actual product comes full screen and in high resolution.

Your browser doesn't support playback of this video. Please download the file to view it.

Actual product comes full screen and in high resolution.

Your browser doesn't support playback of this video. Please download the file to view it.

Actual product comes full screen and in high resolution.

Your browser doesn't support playback of this video. Please download the file to view it.

Actual product comes full screen and in high resolution.

Your browser doesn't support playback of this video. Please download the file to view it.

Actual product comes full screen and in high resolution.

Your browser doesn't support playback of this video. Please download the file to view it.

Actual product comes full screen and in high resolution.

Your browser doesn't support playback of this video. Please download the file to view it.

Actual product comes full screen and in high resolution.

Description

  • Copyright 2013
  • Edition: 1st
  • Downloadable Video
  • ISBN-10: 0-321-90177-0
  • ISBN-13: 978-0-321-90177-4

4+ Hours of Video Instruction

 

jQuery Fundamentals LiveLessons covers the core jQuery library. This library gives you an easy to use solution that will enhance the functionality and use of your website.


 

Developer and author, Phil Dutson, focuses each lesson in jQuery Fundamentals on a particular portion of the jQuery library, and by the end viewers should be proficient in using jQuery, as well as writing their own plugins. Viewers will learn how to set up a development environment, including a web server, in both Windows and OS X; use a selector and refine the elements selected; move around the Document Object Model (DOM) tree to selected elements; manipulate the DOM; change attributes and styles; utilize Event handling; add animations and effects; load data remotely through various Ajax calls and actions; and finally, how to use jQuery plugins and how to create their own.

Table of Contents:

Introduction

Lesson 1: Setting Up a Development Environment
Learning objectives
1.1 Download and install the XAMPP web server for OS X
1.2 Download and install the XAMPP web server for Windows 7
1.3 Download and install the Sublime Text 2 text editor for OS X
1.4 Download and install the Sublime Text 2 text editor for Windows 7
1.5 Test a simple HTML page


Lesson 2: Introduction to jQuery
Learning objectives
2.1 Understand the different versions of jQuery
2.2 Add jQuery to the page
2.3 Use a Content Delivery Network (CDN)
2.4 Understand the jQuery Selector
2.5 Use the basic selector filters
2.6 Use the child selector filters
2.7 Use the content selector filters
2.8 Use the form selector filters

Lesson 3: Traversing the Document Object Model (DOM)
Learning objectives
3.1 Define the Document Object Model (DOM)
3.2 Use methods for filtering
3.3 Traverse the DOM tree
3.4 Use other filtering functions

Lesson 4: Manipulating the DOM
Learning objectives
4.1 Wrap elements
4.2 Insert elements
4.3 Remove elements
4.4 Replace elements
4.5 Copy elements

Lesson 5: Modifying Attributes and Styles
Learning objectives
5.1 Change attributes
5.2 Change styles
5.3 Work with dimensions
5.4 Get the offset
5.5 Use data attributes

Lesson 6: Event Handling
Learning objectives
6.1 Use document loading
6.2 Use browser events
6.3 Use mouse events
6.4 Use keyboard events
6.5 Attach event handlers

Lesson 7: Animation and Effects
Learning objectives
7.1 Use Simple effects
7.2 Use Fade effects
7.3 Use Slide effects
7.4 Create custom animation and effects

Lesson 8: Server Communication through Ajax
Learning objectives
8.1 Perform Ajax setup and use 
8.2 Implement Ajax events
8.3 Execute Ajax helper functions
8.4 Apply shorthand Ajax methods

Lesson 9: jQuery Plugins
Learning objectives
9.1 Implement third-party jQuery plugins
9.2 Use the jQuery plugin architecture
9.3 Build a jQuery plugin
9.4 Implement the plugin

Summary

Downloads

Downloads

Download the code files

Updates

Submit Errata

More Information

ONE MONTH ACCESS!

WITH PURCHASE


Get unlimited 30-day access to thousands of Books & Training Videos about technology, professional development and digital media If you continue your subscription after your 30-day trial, you can receive 30% off a monthly subscription to the Safari Library for up to 12 months.

Save 35% on Video LiveLessons with coupon VIDEO35