Online Class: JQuery Programming

$60.00
no certificate

- OR -

$85.00
with CEU Certificate*

Start Right Now!

Taking multiple courses? Save with our platinum program.

15

Lessons
16

Exams &
Assignments
306

Students
have taken this course
9

Hours
average time
0.9

CEUs

Course Description

JQuery is one of the most popular frameworks on the web that deals with client-side scripting for styling web pages and performing asynchronous events. It's built on the JavaScript language, so anyone familiar with the JavaScript language will pick up on jQuery quickly. The framework hides many of the complex functions that you need to work with to code events in JavaScript, which has made it one of the favorites for frontend developers.

If you want to get into frontend design and coding, the jQuery framework is definitely a must. It's a part of almost ever website that has client-side script for design and user responsiveness. In this lesson, we'll teach you jQuery basics to get you started with frontend coding.

First, we show you the basics including jQuery syntax and common tools. We then show you how to get started with a basic HTML page that includes the jQuery framework library file. We then show you selectors, which is the foundation of jQuery syntax that works with an HTML document. We show you how to work with animations and manipulations with different HTML properties, events, classes, and attributes.

After you learn the basics, we get into more advanced functionality including event handling and overriding default browser behavior. We also have a chapter with a brief introduction of AJAX and how you can use it with jQuery to retrieve data from a remote server. Finally, we give you three lessons that contain full examples of jQuery code.

If you want to design frontend code, jQuery is a must and will be included in almost every page you'll work with.

Completely Online

Self-Paced

Printable Lessons

Full HD Video

6 Months to Complete

24/7 Availability

Start Anytime

PC & Mac Compatible

Android & iOS Friendly

Accredited CEUs

Universal Class is an IACET Accredited Provider

❮

❯

Course Lessons

Average Lesson Rating:

"Extraordinarily Helpful"

(394 votes)

Lesson 1: Introduction

In this lesson, we?ll introduce you to jQuery and show you how to create sample applications. 10 Total Points

Lesson 1 Video
Review Video: What is jQuery?
Take Survey: Reasons for Taking this Course
Complete: Exam 1

Lesson 2: Selectors

This lesson will show selectors and techniques to use them. 10 Total Points

Lesson 2 Video
Review 2 Articles: jQuery CSS Selectors Methods; jQuery and CSS3 Selectors
Review 2 Videos: CSS Selectors Tutorial; Playing with jQuery and the CSS
Complete: Exam 2

Lesson 3: Advanced Selectors

With jQuery, you can use advanced selectors that help you reference various elements in an HTML page and then apply properties and call methods as needed. 10 Total Points

Lesson 3 Video
Review 3 Videos: CSS Advanced Selectors; Advanced CSS Selectors; JQuery Advanced Selectors
Complete: Exam 3

Lesson 4: Animation

With CSS3 and HTML5, you can now create animations without using Adobe Flash. With jQuery, you can implement better, more secure coding for your animations. 10 Total Points

Lesson 4 Video
Review 3 Videos: JQuery Animations; Fade elements with JQuery; Sliding up and Sliding down
Complete: Exam 4

Lesson 5: Advanced Animation

JQuery has several methods for custom animations, easing functions, scheduling and cancelling procedures, and disabling animations. 10 Total Points

Lesson 5 Video
Review 2 Articles: jQuery.fx.off Property; Easing in jQuery
Review 2 Videos: jQuery Custom Animations; Custom Animations in jQuery
Complete: Exam 5

Lesson 6: Manipulating The Page

Before you can start referencing elements, you need to understand the DOM and what you can do to manipulate different elements throughout the page. 10 Total Points

Lesson 6 Video
Review Article: What is the DOM?
Review 4 Videos: DOM Traversal with jQuery; Manipulating attributes; Changing attribute values; How To Get HTML Input Values
Complete: Exam 6

Lesson 7: Manipulating the Page - Advanced Functionality

In this lesson, we'll discuss the different page manipulation techniques you can use with jQuery. 10 Total Points

Lesson 7 Video
Review Article: Remove Elements
Review Video: How to Use jQuery to Copy Text
Complete: Exam 7

Lesson 8: Event Handling

In this lesson, we'll take a closer look at events and event handling. 10 Total Points

Lesson 8 Video
Review 2 Articles: Handling Events; jQuery Event Basics
Review 2 Videos: JQuery Basic Click Event; jQuery Tutorial: The event object
Complete: Exam 8

Lesson 9: More Event Handling

In this lesson, we'll discuss triggering events, deregistering events and even creating your own. 10 Total Points

Lesson 9 Video
Review 2 Articles: Remove an event handler in jQuery; Deregistering Event Handlers
Review Video: jQuery and AJAX
Complete: Exam 9

Lesson 10: jQuery Utility Functions

In this lesson, we'll cover user agent and how you can use jQuery to detect this value sent to the server. 10 Total Points

Lesson 10 Video
Review 2 Articles: jQuery utility functions; jQuery 1.9 Browser Detection
Review Video: Arrays with jQuery
Complete: Exam 10

Lesson 11: AJAX

AJAX and jQuery are not the same framework even though they both use JavaScript. AJAX stands for "Asynchronous JavaScript and XML." 10 Total Points

Lesson 11 Video
Review 4 Videos: Using AJAX with jQuery; How To Ajax Beginners; jQuery and AJAX Tutorial; Using jQuery to Retrieve JSON
Complete: Exam 11

Lesson 12: jQuery Plugins

A plugin is just a file or function that you can plug into any part of your code and use it to reduce coding time. 10 Total Points

Lesson 12 Video
Review 3 Videos: Using jQuery Plugins; Creating jQuery Plugins; Building jQuery plugins
Complete: Exam 12

Lesson 13: Real World Example 1

One common real-world use for jQuery is creating inline popups on the home page of a website. You've probably seen the jQuery popups without realizing that the technology behind them are basic JavaScript. 10 Total Points

Lesson 13 Video
Review 3 Articles: jQuery Gallery And Image Sliders; jQuery for Designers; Code Organization Concepts
Complete: Exam 13

Lesson 14: Real World Example 2

Form validation is another advantage you have with jQuery. You can reduce overhead on your web server, speed up form submissions, and instantly let your users know if they've missed any input on your page. 10 Total Points

Lesson 14 Video
Review Article: jQuery Form Validation
Review Video: Validating a form with jQuery
Complete: Exam 14

Lesson 15: Real World Example 3

This lesson shows you how to make a simple HTML page that then uses AJAX and jQuery to retrieve data and show it in a div container. 80 Total Points

Lesson 15 Video
Take Poll: End of Course Poll
Take Survey: Course Comments
Take Survey: Program Evaluation Follow-up Survey (End of Course)
Complete: Exam 15
Complete: Final Exam

220

Total Course Points

Learning Outcomes

By successfully completing this course, students will be able to:

Describe what JQuery is and what it can do.
Define selectors.
Describe techniques you can use JQuery for to manipulate a web page.
Define event handling.
Describe JQuery utility functions.
Describe AJAX.
Identify jquery plugins, and
Demonstrate mastery of lesson content at levels of 70% or higher.

Additional Course Information

Document Your Lifelong Learning Achievements
Earn an Official Certificate Documenting Course Hours and CEUs
Verify Your Certificate with a Unique Serial Number Online

View and Share Your Certificate Online or Download/Print as PDF
Display Your Certificate on Your Resume and Promote Your Achievements Using Social Media