Using jQuery Plugins Course (How To)

jQuery plugins let you add interactive page effects, engaging user interfaces, and eye grabbing additions to your web pages. In this course, you'll learn how to find and use these free and easy to use programs that take advantage of the power of jQuery.

What you'll learn

• What are jQuery Plugins
• How to Find jQuery Plugins
• How to use jQuery Plugins
• Using the sticknav.js plugin
• Adding a carousel slideshow to a page

Introducing jQuery Plugins

Let what jQuery plugins are, where to find them and the basics of adding one to a web page. Learn the "plugin pattern" so that you can add new plugins to a web page with ease.

Chevron 6 steps

• What is a jQuery Plugin?

  4:18

• How to Find Plugins

  4:55

• Plugin Files

  6:27

• Adding a Plugin to a Web Page

  7:38

• Exploring Plugin Options

  6:26

• Using jQuery Plugins Review

  7 questions

Add a Sticky Navigation Bar

Most jQuery plugins follow a similar pattern, which, once you learn, will make adding any jQuery plugin easy. Learn how to use the sticky.js plugin to make page elements stick to the top of a web page. In the process, you'll learn how to customize plugins and write your own programming to respond to custom plugin events.

Chevron 6 steps

• This Section's Project

  1:30

• Adding Sticky Navigation

  5:28

• Understanding Plugin Events

  5:53

• The Plugin Challenge

  2:05

• The Plugin Challenge Solution

  7:08

• Review jQuery Plugin Options

  5 questions

Using a jQuery Carousel

Page carousels are one of the most common user interface elements on the web. They're often used on home pages to showcase different content on a site. Learn how to use the slick plugin to add a carousel to your web pages. In the process discover how you can modify the look of plugin effects using CSS. Also learn how to troubleshoot problems when plugins aren't working together correctly.

Chevron 8 steps

• What is a Carousel?

  2:28

• Add a Carousel to a Page

  5:17

• Explore Carousel Settings

  3:40

• Changing the Appearance of the Carousel

  6:09

• Debugging: When Plugins Collide

  2:29

• The Carousel Challenge

  2:06

• The Carousel Challenge Solution

  6:09

• Review jQuery Plugins

  7 questions