A Webvanta Online Course

jQuery for Designers

Learn to Add Interactivity to Your Pages with jQuery

The modern web is a three-legged-stool: HTML, CSS, and JavaScript. Without all three legs, your sites are very limited.

jQuery provides a relatively easy way for designers to use plug-ins that encapsulate all the JavaScript required to provide features such as slideshows, calendar widgets, carousels, form validation, tabbed areas, accordions, and more.

By the end of this course, you'll know how to set up all of these features, without needing to become a programmer. We'll teach you just enough JavaScript so you can feel confident installing a wide variety of jQuery plugins, and provide recipes for all the common things you'll want to do.

jQuery for Designers

Watch at Your Own Pace

When you sign up for the full course package, you'll get access to the Course Portal, with all four hours of lessons for each of the three courses: 12 hours total. You can watch the recordings at your own pace, and download the slides and sample code files so you can follow along.

You'll also be invited to join an online group, where the instructors will answer questions.

Who This Course is For

This class is intended for designers who aren't technically oriented but want to take advantage of the interactive effects available with JavaScript and jQuery.

No JavaScript or jQuery knowledge is assumed, but you should be comfortable with the basics of HTML, CSS, and how web pages work.

Course Outline

Lesson 1: JavaScript and jQuery Basics

  • What is JavaScript, and why do we need it?
  • Elementary JavaScript programming.
  • What jQuery is, and why it makes our life so much easier.
  • Where to put JavaScript in your pages, and how to be "unobtrusive".
  • Example: Hide and show.

Lesson 2: Setting Up Plugins

  • The basic approach to using any kind of plugin.
  • How to choose the best plugins for your needs.
  • Using JavaScript variables and objects to set up plugins.
  • Examples: Tabs, slideshow, slider, accordion, dialog, photo gallery, and lightbox.

Lesson 3: Making Forms Work Well

  • Form validation with jQuery.
  • Troubleshooting techniques.
  • Forms that change based on user choices.
  • Using date-picker widgets.
  • Example: A complex form.

Lesson 4: Getting Fancy

  • More troubleshooting techniques: using the Chrome developer tools.
  • Looping and chaining with jQuery.
  • Using jQuery events.
  • Ajax: Using jQuery to load new content without reloading the page.
  • Making things move with jQuery effects.
  • Using cookies to give your pages memory.
  • Coding best practices.

Enjoyable Learning

“Webvanta‘s online HTML5/CSS3 course gave a practical look into the current markup languages that was essential to me as a web designer. They gave instruction with application in mind, rather than spending time on general theory, which I appreciated.”
— Alexa Chipman

“Great overview of some of the key technologies needed for website development; saved me lots of time by focusing on mainstream, best-practice approaches to solving these problems, with an emphasis on where things are headed. Delivered in a friendly, interactive, right-paced manner with lots of straightforward coding samples from accomplished professionals.”
— John Henel

“The Design for the Mobile Web course was excellent. The clear and concise examples showed how, why and when to build web apps versus a fully native app, how to structure user interfaces for different devices, and how to optimize the app to target devices.”
— Dave Corbin

“These courses helped to focus my attention on those areas I want to learn more about, and those I don't ... which is just as important! The combination of live instruction, slides, and recorded archives with sample files made for a comprehensive course that is typical of Webvanta's thorough and quality approach to everything they do.”
— Dan Gilbert


For a Limited Time, Get All 3 Courses for Just $179!

Register Now

Includes all three courses, 12 lessons in total.

Call us at 888.670.6793
Or click for a free consultation

Get All 3 Courses for Just $179!

We've found that most people sign up for at least two of our three courses. So we're now offering them only as a bundle of all three courses, at the discounted price of just $179.

Register Now

You'll get access to the course portal, with all the videos and sample files, for at least one year. In addition, you'll have access to a discussion group and course email address so you can ask questions of the instructors.


Spread the Word!


Course Instructors


Christopher Haupt


Michael Slater

All our courses are taught by the leaders and staff of Webvanta.

You can read more about the instructors on our team page.

We spend all day, every day, helping designers deliver better sites.

In addition to being technology experts, we're great communicators and we love to teach.

Satisfaction Guaranteed