O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

jQuery Fundamentals LiveLessons (Video Training)

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

  1. Introduction
    1. Introduction to jQuery Fundamentals LiveLessons 00:01:56
  2. Lesson 1: Setting Up a Development Environment
    1. Learning objectives 00:00:39
    2. 1.1 Download and install the XAMPP web server for OSX 00:04:18
    3. 1.2 Download and install the XAMPP web server for Windows 7 00:04:45
    4. 1.3 Download and install the Sublime Text 2 text editor for OSX 00:03:21
    5. 1.4 Download and install the Sublime Text 2 text editor for Windows 7 00:02:39
    6. 1.5 Test a simple HTML page 00:04:49
  3. Lesson 2: Introduction to jQuery
    1. Learning objectives 00:00:47
    2. 2.1 Understand the different versions of jQuery 00:06:34
    3. 2.2 Add jQuery to the page 00:02:51
    4. 2.3 Use a Content Delivery Network (CDN) 00:02:54
    5. 2.4 Understand the jQuery Selector 00:05:59
    6. 2.5 Use the basic selector filters 00:06:16
    7. 2.6 Use the child selector filters 00:02:32
    8. 2.7 Use the content selector filters 00:02:11
    9. 2.8 Use the form selector filters 00:03:16
  4. Lesson 3: Traversing the Document Object Model (DOM)
    1. Learning objectives 00:00:38
    2. 3.1 Define the Document Object Model (DOM) 00:01:40
    3. 3.2 Use methods for filtering 00:07:11
    4. 3.3 Traverse the DOM tree 00:08:17
    5. 3.4 Use other filtering functions 00:03:42
  5. Lesson 4: Manipulating the DOM
    1. Learning objectives 00:00:34
    2. 4.1 Wrap elements 00:02:07
    3. 4.2 Insert elements 00:10:19
    4. 4.3 Remove elements 00:04:03
    5. 4.4 Replace elements 00:02:06
    6. 4.5 Copy elements 00:01:35
  6. Lesson 5: Modifying Attributes and Styles
    1. Learning objectives 00:00:43
    2. 5.1 Change attributes 00:05:05
    3. 5.2 Change styles 00:05:21
    4. 5.3 Work with dimensions 00:05:26
    5. 5.4 Get the offset 00:07:19
    6. 5.5 Use data attributes 00:04:41
  7. Lesson 6: Event Handling
    1. Learning objectives 00:00:41
    2. 6.1 Use document loading 00:04:01
    3. 6.2 Use browser events 00:04:34
    4. 6.3 Use mouse events 00:09:37
    5. 6.4 Use keyboard events 00:04:24
    6. 6.5 Attach event handlers 00:14:59
  8. Lesson 7: Animation and Effects
    1. Learning objectives 00:00:37
    2. 7.1 Use Simple effects 00:05:45
    3. 7.2 Use Fade effects 00:07:08
    4. 7.3 Use Slide effects 00:06:07
    5. 7.4 Create custom animation and effects 00:11:54
  9. Lesson 8: Server Communication through Ajax
    1. Learning objectives 00:00:42
    2. 8.1 Perform Ajax setup and use 00:10:15
    3. 8.2 Implement Ajax events 00:08:18
    4. 8.3 Execute Ajax helper functions 00:05:47
    5. 8.4 Apply shorthand Ajax methods 00:07:17
  10. Lesson 9: jQuery Plugins
    1. Learning objectives 00:00:44
    2. 9.1 Implement third-party jQuery plugins 00:03:56
    3. 9.2 Use the jQuery plugin architecture 00:03:31
    4. 9.3 Build a jQuery plugin 00:07:24
    5. 9.4 Implement the plugin 00:02:41
  11. Summary
    1. Summary of jQuery Fundamentals LiveLessons 00:02:05