Using jQuery Plugins Course

Go to class
Write Review

Free Online Course: Using jQuery Plugins Course provided by Treehouse is a comprehensive online course, which lasts for 1-2 hours worth of material. The course is taught in English and is free of charge.

Overview
  • 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

Syllabus
  • 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