Skip Ribbon Commands
Skip to main content

MR 330 - JavaScript and jQuery


Duration: 5 Days

Audience: This course is for any web developer today. That includes: • web developers who know HTML and CSS but are new to JavaScript and jQuery • web developers who have done JavaScript programming but are new to jQuery



Delivery Method:

Software Assurance Value:

Microsoft CPE:

Course Information

Course Description

jQuery is a free, open-source, JavaScript library that provides dozens of methods that make it easier to code JavaScript applications (like slide shows, carousels, and image swaps). What's more, the jQuery methods are coded and tested for cross-browser compatibility, so they will work in all browsers.

Those are just two of the reasons why jQuery is used in more and more of today's most popular web sites. In fact, it's becoming so widely used that every professional web developer needs to learn it.

Course Objectives

The least you need to know about JavaScript to get the most from jQuery

Remember, jQuery is actually JavaScript. So to get you off to the right start, section 1 presents a crash course in the JavaScript skills you need to use jQuery effectively. Here, you'll develop your first JavaScript with objects, functions, and events...test and debug JavaScript (and jQuery) applications...and get started with DOM scripting.

This section is especially designed for programming novices. But even if you already know JavaScript, you'll probably pick up a few new skills as you skim through, and our paired-pages format makes it easy to skim.

The core jQuery skills that every web developer should have...and why they're so hard to learn in other training classes.

In this section, you'll learn how to use jQuery to create JavaScript applications like image swaps, collapsible panels, slide shows, carousels, user-friendly forms...and more...with far less coding than you'd have to do in native JavaScript.

To begin, this section presents the jQuery selectors, methods, and event methods that you'll use most often. Then, the next four build on that base as they focus on effects and animations, DOM manipulation and traversal, forms and data validation, the many plugins that are available for jQuery, and how to create your own plugins. When you complete this section, you can go on to any of the 3 sections that follow.

How is this different from other jQuery training courses?

Most training courses just take individual applications and show you how to code them. Which is fine, if all you ever want to do are the exact same applications. But if you want to go beyond that, you'll quickly be frustrated.

So our training doesn't just show you jQuery code. It also gives you easy-to-use summaries of the jQuery methods, event methods, and selectors you'll use, organizes them by function, and illustrates them with real-world examples.

The result? You get a wide view of what components are available to you. You gain perspective on how the pieces all fit together. You can easily look up the details you need to code new applications. And your confidence grows as you progress through the class.

Enhance your web pages by using jQuery UI

Besides the core jQuery library, jQuery provides the jQuery UI (User Interface) library. This library helps you build features that your site visitors may appreciate, all with just a few lines of code. So this section shows you how to use jQuery UI to create widgets like tabs, accordions, and datepickers...interactions like draggable, droppable, and sortable...and effects like color and class transitions.

Speed up response times and add content feeds with Ajax and JSON

Ajax and JSON are hot topics today. Together, they can be used to get data from a server and add it to a web page without reloading the entire page, which can significantly improve response times for users (if you've ever scrolled around a Google Map, you've seen this in action). But to be honest, the coding can be mind-bending. Fortunately, jQuery provides methods that make it far more manageable.

So in this section, you'll learn how to use jQuery with Ajax and JSON to deliver data to your web sites. First, you'll learn the basics. Then, you'll learn how to work with the APIs for web sites like Blogger, YouTube, Twitter, Flickr, and Google Maps to add popular content to your pages. This is a major use of Ajax and JSON...yet no other jQuery book shows you how to do it.

Mobile web sites made easier with jQuery Mobile

This section shows you how to use another JavaScript library, jQuery Mobile, to develop web pages for mobile devices with the look and feel of native applications. In fact, for jQuery users, there's no better way to develop mobile web sites right now. And you can add it to your skill set any time after you've finished Section 2.

Course Audience

You can think of jQuery as one of the 4 technologies that every professional web developer should master, along with HTML, CSS, and JavaScript. So this course is for any web developer today. That includes:

·         web developers who know HTML and CSS but are new to JavaScript and jQuery

·         web developers who have done JavaScript programming but are new to jQuery

·         web developers who have used jQuery for special-purpose applications, but don’t feel comfortable with it

·         web developers who program in ASP.NET, JSP, or PHP on the server side and now want to master client-side programming

·         web developers who have already read 3 or 4 jQuery books but still aren’t sure how to use jQuery in real-world applications

Course Outline

JavaScript essentials

·         Introduction to web development

·         Getting started with JavaScript

·         How to work with objects, functions, and events

·         How to test and debug a JavaScript application

·         How to work with arrays

·         How to script the DOM with JavaScript


jQuery essentials

·         Get off to a fast start with jQuery

·         How to use effects and animations

·         How to use the DOM manipulation and traversal methods

·         How to work with forms and data validation

·         How to create and use plugins


jQuery UI essentials

·         Get off to a fast start with jQuery UI themes and widgets

·         How to use jQuery UI interactions and effects


Ajax, JSON, and API essentials

·         How to use Ajax, JSON, and Blogger

·         How to use the APIs for YouTube, Twitter, and Flickr

·         How to use the API for Google Maps


jQuery Mobile essentials

·         Get off to a fast start with jQuery Mobile

·         How to enhance a jQuery Mobile web site

Course Prerequisites

The only prerequisite is a basic familiarity with HTML and CSS. We don’t expect you to code HTML and CSS, though, so we provide that code for all of the examples and exercises in the book. Then, if you ever want to learn more, please see our other course, HTML5 and CSS3

Course Schedule
This course is not scheduled yet.