Home About Courses Schedule Services Webinars Contact Search

Using jQuery to Simplify JavaScript Programming


Duration: 3 Days

Method: Instructor led, Hands-on workshops

Price: $1625.00

Course Code: JA1065


This course is intended for web page developers who want to use the open source jQuery JavaScript library to create attractive, interactive web pages more easily than if using only raw JavaScript programming.


Are you a web page developers who want to use the jQuery JavaScript library to simplify JavaScript programming to expand the capabilities and interactivity of web pages on their web sites? Using jQuery can help simplify validation of user input to web forms and providing feedback to users.

Participants in this seminar get a brief introduction to JavaScript programming including basic language features, testing and debugging techniques. Then, jQuery is introduced including its ability to work with animation, forms and validation, and DOM manipulation. Enhanced UI components such as Accordion, Datepicker, Autocomplete, Slider and Menu are also covered, as well as usage of Ajax and JSON to further enhance the richness of the web user experience.

Format: Lecture, demonstration, laboratory work, conversation.


Upon successful completion of this course, the student will be able to:

  • Understand and use basic JavaScript syntax
  • Use the jQuery library for web page development
  • Use jQuery to program effects such as sliding and fading and animations for customized effects
  • Use existing jQuery plugins and understand how to write your own
  • Work with forms and validate input using jQuery
  • Manipulate and traverse the DOM using jQuery
  • Use various capabilities of jQuery UI including: Themes and widgets such as the Accordion, Autocomplete, Datepicker, Slider and Menu, Interactions for operations such as drag and drop, resize, selecting and sorting
  • and Effects for various types of transitions including color, class, and visibility
  • Use jQuery to support Ajax interactions and work with JSON data
  • Test and debug a JavaScript Application


Familiarity with an internet browser such as Internet Explorer, Chrome, or Firefox is recommended. Familiarity with HTML is required. Familiarity with programming concepts, especially with object oriented programming concepts, is strongly advised.


  • I. Introduction to Web Development
    • How Web Applications Work
    • Components of a JavaScript Application
    • Brief introduction to HTML
    • Brief introduction to CSS
    • How to test a JavaScript application
    • Using an IDE to develop JavaScript applications
  • II. JavaScript Basics for jQuery Users
    • Including JavaScript in an HTML document
    • JavaScript syntax
    • Working with JavaScript data and objects
    • Basic control statements
    • Working with arrays
    • Using functions
    • Handling events
  • III. Scripting Forms and Controls
    • DOM Scripting properties and methods
    • Scripting links and images
    • Using timers
  • IV. Testing and debugging a JavaScript Application
    • Introduction to testing and debugging
    • Debugging with browsers’ developer tools
    • Other debugging methods
  • V. Introduction to jQuery
    • What is it and why use it?
    • jQuery basics
    • Working with selectors, methods and events
  • VI. Coding Effects and Animations
    • How to use effects
    • How to use animation
  • VII. jQuery Plugins
    • Introduction to plugins
    • A few useful plugins you can use
    • You can create plugins yourself
  • VIII. Scripting Forms and Data Validation
    • Scripting forms and controls
    • Using jQuery to work with forms
    • Using the validation plugin
  • IX. DOM Manipulation and Traversal Methods
    • DOM manipulation methods
    • Working with styles and positioning
    • Using event methods with DOM manipulation
  • X. jQuery UI Themes and Widgets
    • Basic jQuery UI
    • Using jQuery UI widgets
    • JavaScript prototypes
    • Advanced skills
  • XI. jQuery UI Interactions and Effects
    • Using interactions
    • Using effects
  • XII. . Ajax, JSON and Flickr
    • Introduction to Ajax
    • jQuery methods for Ajax
    • The $.ajax method for Ajax
    • The $.getJSON method to load JSON data
    • Using Ajax with Flickr
  • XIII. [Time permitting] API for Google Maps
    • Introduction to Google Maps
    • Displaying markers on a map
    • Displaying messages on a map
    • Displaying driving directions on a web page
  • XIV. [Time permitting] Using HTML5 APIs
    • Introduction to HTML5 APIs
    • Using the Geolocation API
    • Using the Web Storage API
    • Using the Web Workers API
  • XV. [Self study] jQuery Mobile Support
    • Working with mobile devices
    • jQuery Mobile
    • jQuery Mobile documentation
    • jQuery Mobile to format content
    • jQuery Mobile for list views
    • jQuery Mobile for forms