Video description
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. Each lesson in this video focuses 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 OSX; 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.
About the Author:
Phil Dutson is the lead front-end developer for ICON Health and Fitness. He has worked on projects and solutions for NordicTrack, ProForm, Freemotion, Sears, Costco, Sam’s Club, and others. He was an original team member of the iFit project that integrated Google Maps into personalized workout creation and playback. Phil co-founded and currently manages “The E-Com DevBlog”, a development blog focused on web development and solutions. To learn more visit http://dev.tonic1394.com. Phil is the author of 3 books: jQuery, JQuery UI, and jQuery Mobile; Sams Teach Yourself jQuery Mobile in 24 hours; and Creating QR and Tag Codes.
Table of Contents
Introduction
Introduction to jQuery Fundamentals LiveLessons
00:01:56
Lesson 1: Setting Up a Development Environment
Learning objectives
00:00:39
1.1 Download and install the XAMPP web server for OSX
00:04:18
1.2 Download and install the XAMPP web server for Windows 7
00:04:45
1.3 Download and install the Sublime Text 2 text editor for OSX
00:03:21
1.4 Download and install the Sublime Text 2 text editor for Windows 7
00:02:39
1.5 Test a simple HTML page
00:04:49
Lesson 2: Introduction to jQuery
Learning objectives
00:00:47
2.1 Understand the different versions of jQuery
00:06:34
2.2 Add jQuery to the page
00:02:51
2.3 Use a Content Delivery Network (CDN)
00:02:54
2.4 Understand the jQuery Selector
00:05:59
2.5 Use the basic selector filters
00:06:16
2.6 Use the child selector filters
00:02:32
2.7 Use the content selector filters
00:02:11
2.8 Use the form selector filters
00:03:16
Lesson 3: Traversing the Document Object Model (DOM)
Learning objectives
00:00:38
3.1 Define the Document Object Model (DOM)
00:01:40
3.2 Use methods for filtering
00:07:11
3.3 Traverse the DOM tree
00:08:17
3.4 Use other filtering functions
00:03:42
Lesson 4: Manipulating the DOM
Learning objectives
00:00:34
4.1 Wrap elements
00:02:07
4.2 Insert elements
00:10:19
4.3 Remove elements
00:04:03
4.4 Replace elements
00:02:06
4.5 Copy elements
00:01:35
Lesson 5: Modifying Attributes and Styles
Learning objectives
00:00:43
5.1 Change attributes
00:05:05
5.2 Change styles
00:05:21
5.3 Work with dimensions
00:05:26
5.4 Get the offset
00:07:19
5.5 Use data attributes
00:04:41
Lesson 6: Event Handling
Learning objectives
00:00:41
6.1 Use document loading
00:04:01
6.2 Use browser events
00:04:34
6.3 Use mouse events
00:09:37
6.4 Use keyboard events
00:04:24
6.5 Attach event handlers
00:14:59
Lesson 7: Animation and Effects
Learning objectives
00:00:37
7.1 Use Simple effects
00:05:45
7.2 Use Fade effects
00:07:08
7.3 Use Slide effects
00:06:07
7.4 Create custom animation and effects
00:11:54
Lesson 8: Server Communication through Ajax
Learning objectives
00:00:42
8.1 Perform Ajax setup and use
00:10:15
8.2 Implement Ajax events
00:08:18
8.3 Execute Ajax helper functions
00:05:47
8.4 Apply shorthand Ajax methods
00:07:17
Lesson 9: jQuery Plugins
Learning objectives
00:00:44
9.1 Implement third-party jQuery plugins
00:03:56
9.2 Use the jQuery plugin architecture
00:03:31
9.3 Build a jQuery plugin
00:07:24
9.4 Implement the plugin
00:02:41
Summary
Summary of jQuery Fundamentals LiveLessons
00:02:05