Building Dynamic Websites with jQuery

Paths

Building Dynamic Websites with jQuery

Authors: Chris Behrens, Craig Shoemaker, Robert Lindley, Richard Monson-Haefel, Paul D. Sheriff, Abdul Rehman Yousaf, Brice Wilson

jQuery is a JavaScript library designed to simplify web development. Since its initial release in 2006, jQuery has become the most popular JavaScript library in use today with an... Read more

Pre-requisites

Beginner

The courses in this section will take you through the basics of working with jQuery. You’ll learn the fundamentals of the language before moving on to UI controls and jQuery effects and animations.

jQuery: The Big Picture

by Chris Behrens

Mar 10, 2021 / 1h 14m

1h 14m

Start Course
Description

JavaScript is an incredibly powerful language, but there are clearly benefits to a UI productivity layer on top. In this course, jQuery: The Big Picture, you’ll learn how to make jQuery work for you. First, you’ll explore where jQuery fits in your front-end tool box. Next, you’ll discover UI automation with jQuery UI. Finally, you’ll learn how to create accessible and mobile-friendly Interfaces with jQuery. When you’re finished with this course, you’ll have the skills and knowledge of working with jQuery needed to supercharge your front-end end development productivity.

Table of contents
  1. Course Overview
  2. Understanding Where jQuery Fits in Your Toolbox
  3. Reviewing Dynamic User Interfaces with jQuery
  4. Discovering Themes and jQuery UI
  5. Understanding Accessibility with jQuery and jQuery Mobile

jQuery: Getting Started

by Craig Shoemaker

Mar 22, 2021 / 1h 39m

1h 39m

Start Course
Description

Get started with jQuery by learning the basics of a jQuery command. We will cover how to work with selectors, styles, forms, and events as well as finding out about a few coding tips to help you avoid some common pitfalls.

Table of contents
  1. Introduction
  2. Anatomy of a jQuery Command
  3. Finding Parts of a Page
  4. Adding Style and Effects with a Little Class
  5. When Events Happen
  6. Chaining Makes It Easer
  7. Working with User Input
  8. The Big Picture

Intermediate

The intermediate courses will build on the skills introduced in the previous section. You’ll learn about common jQuery bugs and how to fix them, in addition to working with forms and plugins

Event Handling in jQuery

by Robert Lindley

Apr 23, 2021 / 1h 53m

1h 53m

Start Course
Description

Open your web browser and immediately you’ve triggered an event. With every opening of a page, click of a button, or movement of the mouse, you’ve probably triggered dozens of events. Ever get prompted that you’ll be logged out of a site due to inactivity? You can even trigger an event by doing nothing for just long enough. Welcome to the world of browser based events.

In this course, Event Handling in jQuery, you’ll learn the basics of event driven programming that will enable you to create more engaging and responsive web applications:

  • explore the jQuery Event object, and the cross-browser compatibility advantages of jQuery
  • discover many of the available event listeners and event helpers that jQuery provides
  • learn how to create and customize browser based event handling
When you’re finished with this course, you’ll have the skills and knowledge of jQuery Events needed to build truly interactive web applications.

Table of contents
  1. Course Overview
  2. Understanding Event Driven Programming
  3. Introduction to jQuery Events
  4. Using jQuery Events

Handling Form Events Using jQuery

by Richard Monson-Haefel

Aug 9, 2021 / 1h 33m

1h 33m

Start Course
Description

You need more sophisticated web forms that don't break web browser compatibility. In this course, "Handling Form Events using jQuery", you’ll learn to create more powerful and dynamic HTML forms that work with all the mainstream browsers. First, you’ll explore handling form events and validation using jQuery. Next, you’ll discover how to use Ajax with jQuery and HTML forms. Finally, you’ll learn how to bind HTML form data for more dynamic integrations. When you’re finished with this course, you’ll have the skills and knowledge of jQuery forms and Ajax needed to create powerful and sophisticated HTML forms that go well beyond the limits of plain HTML.

Table of contents
  1. Course Overview
  2. Handling Web Form Events
  3. jQuery Form Methods and Autocomplete
  4. jQuery and Ajax
  5. jQuery Form Binding

Interacting with Data Using jQuery and Ajax

by Paul D. Sheriff

Jan 22, 2021 / 2h 5m

2h 5m

Start Course
Description

Users are demanding more speed and flexibility in their web applications. Using jQuery and Ajax allows you to send just data back and forth instead of entire web pages. In this course, Interacting with Data Using jQuery and Ajax, you’ll learn to make Ajax calls using jQuery. First, you’ll explore the history of Ajax with the JavaScript language. Next, you’ll discover how to use Promises and jQuery to retrieve and submit data via a Web API server. Finally, you’ll learn how to build an HTML form and submit user data using jQuery objects and methods. When you’re finished with this course, you’ll have the skills and knowledge of jQuery Ajax needed to manipulate data on an HTML page, retrieve, and submit that data via a web API server.

Table of contents
  1. Course Overview
  2. Understanding JavaScript and jQuery Ajax Communication
  3. Calling Web API Methods Using JavaScript
  4. Using the jQuery Ajax Implementation
  5. Working with jQuery Ajax Global Event Handlers
  6. Simplifying Code Using jQuery Shorthand Functions
  7. Improving Readability Using the Deferred Object
  8. Submitting Form Data Using jQuery
  9. Validating Data Using jQuery Validation Plugin

Advanced

These advanced courses will round out your jQuery knowledge. First you’ll see some handy tips and tricks you can use to improve your code quality, before diving into the advanced topics in jQuery like advanced event handling and customization

Building Dynamic Websites Using jQuery UI

by Abdul Rehman Yousaf

Jun 17, 2021 / 2h 30m

2h 30m

Start Course
Description

Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQuery UI is the perfect choice. In this course, Building Dynamic Websites Using jQuery UI, you’ll learn how to build feature-rich interactive user interfaces. First, you’ll explore the basics of creating and modifying widgets. Next, you’ll discover various interactions you can build using jQuery UI like resizeable and draggable. Finally, you’ll learn how to build widgets from scratch and optimize your applications for production. When you’re finished with this course, you’ll have the skills and knowledge of jQuery UI Library needed to build feature-rich and interactive user interfaces.

Table of contents
  1. Course Overview
  2. Introducing jQuery UI Core
  3. Download and Setting up jQuery UI
  4. Exploring jQuery UI Core Library
  5. Understanding jQuery UI Widgets in Detail
  6. Adding Interactions to User Interfaces
  7. Creating Animations Using jQuery UI Effects
  8. Theming and Styling jQuery UI Applications
  9. Creating Fully Functional Flights-search Application
  10. Preparing jQuery UI Application for Production

Debugging Sites Using Chrome DevTools

by Brice Wilson

Jun 12, 2020 / 1h 46m

1h 46m

Start Course
Description

Debugging client-side web applications can be difficult because they involve a complex mix of HTML, CSS, and JavaScript while also storing data on the client and constantly communicating with a web server. In this course, Debugging Sites Using Chrome DevTools, you'll learn how to use the powerful set of tools included with Chrome to quickly diagnose and fix problems in your client-side applications. First, you'll learn how to examine and edit both the structure and style of a site to make sure your designs are being implemented correctly. Next, you'll discover how to fully harness the power of the browser console to log output, execute JavaScript, and troubleshoot problems. Finally, you'll explore how to step through and debug JavaScript code right in the browser and save fixes back to your development environment. When you're finished with this course, you'll have the skills needed to confidently and efficiently debug modern client-side web applications.

Table of contents
  1. Course Overview
  2. Understanding the Capabilities of Chrome DevTools
  3. Examining and Editing Web Pages
  4. Using the Console
  5. Debugging JavaScript
  6. Viewing Network Communication and Local Data
Offer Code *
Email * First name * Last name *
Company
Title
Phone
Country *

* Required field

Opt in for the latest promotions and events. You may unsubscribe at any time. Privacy Policy

By providing my phone number to Pluralsight and toggling this feature on, I agree and acknowledge that Pluralsight may use that number to contact me for marketing purposes, including using autodialed or pre-recorded calls and text messages. I understand that consent is not required as a condition of purchase from Pluralsight.

By activating this benefit, you agree to abide by Pluralsight's terms of use and privacy policy.

I agree, activate benefit