Contact Us 978.250.4983

jQuery Programming

Duration: 21 hours

Prerequisites: HTML, CSS and JavaScript


Students Will Learn:

  • Referencing jQuery in a Page
  • Selecting page elements using jQuery selectors
  • Selecting DOM elements using standard DOM methods
  • Creating and using jQuery plugins
  • Registering events in jQuery
  • Setting CSS properties of page elements
  • Making Ajax requests using the $.ajax function
  • Changing the display style of an element using various effect methods

Course Description:

jQuery simplifies client-side scripting via a series of open-source libraries that provide frameworks for enhanced functionality. This hands-on course covers the jQuery library, DOM manipulation, performing Ajax requests, and an overview of the UI library. Students will also learn how to use the jQuery function to return a wrapped set of elements, use utility functions to work with arrays and strings, modify the appearance of elements using a number of predefined effects as well as how to implement existing plugins.

Comprehensive hands on exercises are integrated throughout to reinforce learning and develop real competency.


Course Overview:

jQuery Fundamentals
  • Overview of jQuery
  • Downloading and Using jQuery library
  • Benefits of Using jQuery
  • Uses of the jQuery function
jQuery Selectors and Filters
  • Ready Handler
  • Using jQuery Selectors and Filters
  • Selecting Single and Multiple Elements
  • Operating on Wrapped Sets
  • Method Chaining
DOM Manipulation
  • Accessing Attributes of an Element
  • Adding and Removing Elements
  • Setting Element Content With text() and html()
  • Manipulating Classes and CSS
jQuery Events
  • jQuery Event Model
  • Binding and Removing Event Handlers with on() and off()
  • Delegated and Direct Events
  • Event Object
  • Common jQuery Events
Page Animation with Effects
  • Controlling Visibility Using show() and hide()
  • Creating Slide and Fade Effects
  • Creating Custom Animations
  • Animation Queuing and Callback Functions
Ajax Requests Using jQuery
  • Ajax Overview
  • Loading Remote HTML
  • Making Ajax Requests Using the $.ajax() Function
  • Using the $.get() and $.post() Functions
jQuery Form Enhancement
  • Using Form Selectors and Filters
  • Handling Keyboard and Focus Events
  • Improving Behavior and Appearance
  • Performing Form Validation
  • Using the Validation Plugin
Utility Functions
  • Disabling Animations
  • Using Other Libraries with jQuery
  • String and Array Manipulation
jQuery Plugins
  • Benefits of Plugins
  • Integrating Popular Plugins
  • Image Manipulation with Slideshows and Carousels
  • Creating Custom Plugins
jQuery UI Overview
  • Configuring and Downloading the UI Library
  • Themes and Styles
  • Using ThemeRoller
  • Overview of UI Widgets

Related Bootcamps:

Track Duration Price
Web Developer 4-course track
5-course track
6-course track
7-course track
8-course track
$4,800
$6,000
$7,200
$8,400
$9,600
Copyright© Developer Bootcamp