Online Class: JQuery Programming

Delve into jQuery's dynamic capabilities, from its foundational JavaScript connections to advanced event handling and AJAX-powered seamless interactions. This course empowers you to transform static web pages into vibrant, high-performance websites, complete with real-world coding applications.

$95.00
no certificate
- OR -
$120.00
with CEU Certificate*
Start Right Now!
$120.00 (with CEU Certificate)
Taking multiple courses? Save with our platinum program.
 
  • 15
    Lessons
  • 23
    Exams &
    Assignments
  • 9
    Hours
    average time
  • 0.9
    CEUs
 
 
 

Course Description

Embark on a Dynamic Web Design Journey with jQuery

In the ever-evolving landscape of web design and development, the quest for sleek, interactive, and high-performance web pages is relentless. Amidst this pursuit, jQuery has emerged as a beacon, illuminating the path for developers by simplifying complex JavaScript functionalities. Crafted atop the JavaScript foundation, jQuery is more than just a framework; it's a revolution in client-side scripting, empowering designers to build visually captivating and responsive web pages with ease.

Are you intrigued by the realm of web design? Do you aspire to craft web pages that are not just aesthetically pleasing but also functionally robust? Then this course is tailor-made for you. Dive deep into the world of jQuery and let us demystify its wonders for you.

Course Highlights:

  • Understanding jQuery:

    • Grasp the essence of jQuery, its relation with JavaScript, and why it's the darling of the frontend community.
  • Foundation and Framework:

    • Initiate your journey with the rudiments of jQuery— its syntax, tools, and integration into an HTML framework.
  • Mastering Selectors:

    • The heart of jQuery. Familiarize yourself with selectors that seamlessly interact with HTML elements, forming the backbone of the framework's syntax.
  • Animations and Beyond:

    • Breath life into static pages! Delve into the magic of animations, manipulate HTML properties, events, classes, and attributes, making your web pages come alive.
  • Advanced Interactions:

    • Step beyond the ordinary. Explore event handling, override browser behaviors, and redefine user experiences on the web.
  • The Power of AJAX:

    • Touch upon the dynamic duo of jQuery and AJAX. Learn how to fetch data on the fly, ensuring seamless and fluid web interactions.
  • Real-World Coding Sessions:

    • As a grand finale, engage in three hands-on coding lessons, showcasing real-world applications of jQuery, cementing your learning.

In the digital age, where the web is the primary interface for businesses, entertainment, and social interactions, mastering jQuery will set you apart, allowing you to design and develop captivating web experiences. Whether you're a novice looking to dip your toes or a seasoned developer seeking to upskill, this course offers a comprehensive, engaging, and transformative journey.

So, are you ready to weave magic on the web? Enroll now and let the journey with jQuery begin!

  • 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

Lesson 1. Introduction

In this lesson, we'll introduce you to jQuery and show you how to create sample applications. Additional lesson topics: jQuery Pocket Reference; What is jQuery?; Learn JQuery Fast 12 Total Points
  • Lesson 1 Video
  • Review Practice Worksheet: Lesson-1-HomeWork-19553.pdf
  • 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
  • Review Practice Worksheet: Lesson-2-Activity-19555.pdf
  • 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
  • Review Practice Worksheet: Lesson-3-Activity-19557.pdf
  • 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: JQuery Animations; Sliding up and Sliding down; Fade elements with JQuery 10 Total Points
  • Lesson 4 Video
  • Review Practice Worksheet: Lesson-4-Activity-19559.pdf
  • 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: jQuery.fx.off Property; Custom Animations in jQuery; jQuery Custom Animations; Easing in jQuery 10 Total Points
  • Lesson 5 Video
  • Review Practice Worksheet: Lesson-5-Downloadable-19561.pdf
  • 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: Manipulating attributes; How to Get HTML Input Values; DOM Traversal with jQuery; What is the DOM?; Changing attribute values 11 Total Points
  • Lesson 6 Video
  • Review Practice Worksheet: Lesson-6-Downloadable-19563.pdf
  • Complete: Lesson 6 Activity
  • 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: Remove Elements; How to Use jQuery to Copy Text; jQuery .wrap 10 Total Points
  • Lesson 7 Video
  • Review Practice Worksheet: Lesson-7-StudyGuide-19565.pdf
  • Assessment: Exam 7

Lesson 8. Event Handling

In this lesson, we'll take a closer look at events and event handling. Additional lesson topics: Handling Events; jQuery load Method; jQuery Event Basics; jQuery Tutorial: The event object; JQuery Basic Click Event; The Event Object 11 Total Points
  • Lesson 8 Video
  • Review Practice Worksheet: Lesson-8-WorkSheet-19566.pdf
  • Complete: Lesson 8 Activity
  • 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: jQuery and AJAX; Remove an event handler in jQuery; Deregistering Event Handlers 11 Total Points
  • Lesson 9 Video
  • Review Practice Worksheet: Lesson-9-WorkSheet-19569.pdf
  • Complete: Lesson 9 Activity
  • 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: Arrays with jQuery; jQuery utility functions; jQuery 1.9 Browser Detection 11 Total Points
  • Lesson 10 Video
  • Review Practice Worksheet: Lesson-10-Downloadable-19571.pdf
  • Complete: Lesson 10 Activity
  • 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; jQuery and AJAX Tutorial; Using jQuery to Retrieve JSON 10 Total Points
  • Lesson 11 Video
  • Review Practice Worksheet: Lesson-11-HomeWork-19573.pdf
  • 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: Building jQuery plugins; Creating jQuery Plugins; Using jQuery Plugins 11 Total Points
  • Lesson 12 Video
  • Review Practice Worksheet: Lesson-12-HomeWork-19575.pdf
  • Complete: Lesson 12 Activity
  • 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 11 Total Points
  • Lesson 13 Video
  • Review Practice Worksheet: Lesson-13-Activity-19576.pdf
  • Complete: Lesson 13 Activity
  • 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; Validating a form with jQuery; jQuery Tutorial 3 10 Total Points
  • Lesson 14 Video
  • Review Practice Worksheet: Lesson-14-StudyGuide-19578.pdf
  • 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
  • Review Practice Worksheet: Lesson-15-Activity-19580.pdf
  • Lesson discussions: End of Course Poll; Course Comments; Program Evaluation Follow-up Survey (End of Course); Course Comments
  • Assessment: Exam 15
  • Assessment: Final Exam
228
Total Course Points
 

Learning Outcomes

By successfully completing this course, students will be able to:
  • Define and describe the purpose of jQuery and differentiate it from JavaScript.
  • Demonstrate the ability to create and manipulate HTML elements using basic jQuery syntax and methods.
  • Demonstrate the use of jQuery selectors to manipulate HTML elements based on their class or ID attributes.
  • Describe how CSS class selectors can be used to style multiple HTML elements with similar properties.
  • Define the use of the 'filter' method to dynamically apply CSS styles to HTML elements based on odd-even indexing in a list.
  • Demonstrate the ability to create and apply custom jQuery selectors to modify the properties of elements with specific attributes.
  • Define the process of creating CSS keyframe animations to transition between styles on a web page.
  • Demonstrate the use of jQuery methods to implement show, hide, fade, and slide animations on HTML elements.
  • Analyze and demonstrate the use of the jQuery animate method for creating custom animations with multiple CSS properties.
  • Implement and compare different easing functions in jQuery to determine how they affect the timing and flow of animations.
  • Demonstrate the ability to manipulate and update page elements using jQuery methods such as 'text', 'html', and 'val'.
  • Identify and apply appropriate jQuery selectors to access and modify specific attributes, classes, or data properties of HTML elements.
  • Demonstrate mastery of lesson content at levels of 70% or higher.
 

Additional Course Information

Online CEU Certificate
  • 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
Document Your CEUs on Your Resume
 
Course Title: JQuery Programming
Course Number: 9770458
Languages: English - United States, Canada and other English speaking countries
Availability: Accessible from any state in the U.S., this course covers key areas such as California, Texas, Florida, New York, Pennsylvania, Illinois, Ohio, and Georgia. The course is also offered in English-speaking nations like Australia, Canada, the UK, and South Africa.
Last Updated: December 2023
CEU Value: 0.9 IACET CEUs (Continuing Education Units)
CE Accreditation: Universal Class, Inc. has been accredited as an Authorized Provider by the International Association for Continuing Education and Training (IACET).
Grading Policy: Earn a final grade of 70% or higher to receive an online/downloadable CEU Certification documenting CEUs earned.
Course Fee: $120.00 U.S. dollars

Choose Your Subscription Plan

Course Only
One Course
No Certificate / No CEUs
$95
for 6 months
 
Billed once
This course only
Includes certificate X
Includes CEUs X
Self-paced Yes
Instructor support Yes
Time to complete 6 months
No. of courses 1 course
Certificate Course
One Course
Certificate & CEUs
$120
for 6 months
 
Billed once
This course only
Includes certificate Yes
Includes CEUs Yes
Self-paced Yes
Instructor support Yes
Time to complete 6 months
No. of courses 1 course
Platinum Yearly
ALL COURSES
Certificates & CEUs
$189
per year
 
Billed once
Includes all 600+ courses
Includes certificate Yes
Includes CEUs Yes
Self-paced Yes
Instructor support Yes
Time to complete 12 Months
No. of courses 600+
Platinum 2 Years
ALL COURSES
Certificates & CEUs
$299
for 2 years
You save $79.00!
Billed once
Includes all 600+ courses
Includes certificate Yes
Includes CEUs Yes
Self-paced Yes
Instructor support Yes
Time to complete 24 Months
No. of courses 600+