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
17

Exams &
Assignments
357

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"

(401 votes)

Lesson 1: Introduction

In this lesson, we’ll introduce you to jQuery and show you how to create sample applications. Additional lesson topics: Learn JQuery Fast; What is jQuery?; jQuery Pocket Reference 12 Total Points

Lesson 1 Video
Lesson discussions: Reasons for Taking this Course
Complete Assignment: Motives for Taking this Course
Assessment: Exam 1

Lesson 2: Selectors

This lesson will show selectors and techniques to use them. Additional lesson topics: Playing with jQuery and the CSS; CSS Selectors Tutorial; jQuery and CSS3 Selectors; jQuery CSS Selectors Methods 10 Total Points

Lesson 2 Video
Assessment: 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. Additional lesson topics: Advanced CSS Selectors; CSS Advanced Selectors; JQuery Advanced Selectors 10 Total Points

Lesson 3 Video
Assessment: 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. Additional lesson topics: Fade elements with JQuery; JQuery Animations; Sliding up and Sliding down 10 Total Points

Lesson 4 Video
Assessment: Exam 4

Lesson 5: Advanced Animation

JQuery has several methods for custom animations, easing functions, scheduling and cancelling procedures, and disabling animations. Additional lesson topics: Custom Animations in jQuery; jQuery Custom Animations; Easing in jQuery; jQuery.fx.off Property 10 Total Points

Lesson 5 Video
Assessment: 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. Additional lesson topics: DOM Traversal with jQuery; What is the DOM?; Changing attribute values; Manipulating attributes; How to Get HTML Input Values 10 Total Points

Lesson 6 Video
Assessment: 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. Additional lesson topics: How to Use jQuery to Copy Text; jQuery .wrap ; Remove Elements 10 Total Points

Lesson 7 Video
Assessment: Exam 7

Lesson 8: Event Handling

In this lesson, we'll take a closer look at events and event handling. Additional lesson topics: jQuery load Method; Handling Events; JQuery Basic Click Event; The Event Object; jQuery Tutorial: The event object; jQuery Event Basics 10 Total Points

Lesson 8 Video
Assessment: Exam 8

Lesson 9: More Event Handling

In this lesson, we'll discuss triggering events, deregistering events and even creating your own. Additional lesson topics: Remove an event handler in jQuery; jQuery and AJAX; Deregistering Event Handlers 10 Total Points

Lesson 9 Video
Assessment: 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. Additional lesson topics: jQuery 1.9 Browser Detection; jQuery utility functions; Arrays with jQuery 10 Total Points

Lesson 10 Video
Assessment: 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." Additional lesson topics: How to Ajax Beginners; Using AJAX with jQuery; Using jQuery to Retrieve JSON; jQuery and AJAX Tutorial 10 Total Points

Lesson 11 Video
Assessment: 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. Additional lesson topics: Creating jQuery Plugins; Using jQuery Plugins; Building jQuery plugins 10 Total Points

Lesson 12 Video
Assessment: 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. Additional lesson topics: jQuery for Designers; jQuery Gallery and Image Sliders; Code Organization Concepts 10 Total Points

Lesson 13 Video
Assessment: 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. Additional lesson topics: jQuery Form Validation; jQuery Tutorial 3; Validating a form with jQuery 10 Total Points

Lesson 14 Video
Assessment: 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
Lesson discussions: End of Course Poll; Course Comments; Program Evaluation Follow-up Survey (End of Course)
Assessment: Exam 15
Assessment: Final Exam

222

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.
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