Welcome to ONLC Training Centers

Introduction to JavaScript/jQuery

Microsoft Gold Partner
Need a price quote?

Follow the link to our self-service price quote form to generate an email with a price quote.

Need a class for a group?

We can deliver this class for your group. Follow the link to request more information.

Email Alert

Receive an email when this class is available as "Ready to Run" or "Early Notice" status.

Train from your home or office

If you have high-speed internet and a computer you can likely take this class from your home or office.

Introduction to JavaScript/jQuery Course Outline

This course is designed to accommodate website designers who have some experience building web pages. Lessons familiarize students with the ins and outs of basic JavaScript and then move on to advanced tools for adding really useful interactivity to a Web site as quickly and easily as possible with the help of pre-written jQuery libraries.

Students will learn how to use simple JavaScript code that will liberate them from all of the minute, time-consuming details of creating JavaScript programs that run well across different browser platforms.

Students should feel comfortable with HTML and CSS to get the most from this course. Class discussions are geared toward intermediate and advanced computer users.

Who Should Not Attend
This course is NOT intended for advanced developers who want to build jQuery programs from the ground up. This course is most appropriate for designers who want to leverage pre-written jQuery libraries to add user-interactive features to their web pages.

Course Outline

Part I: Getting Started with JavaScript

Chapter 1. Writing Your First JavaScript Program
Section 1.1. Introducing Programming
Section 1.2. How to Add JavaScript to a Page
Section 1.3. Your First JavaScript Program
Section 1.4. Writing Text on a Web Page
Section 1.5. Attaching an External JavaScript File
Section 1.6. Tracking Down Errors

Chapter 2. The Grammar of JavaScript
Section 2.1. Statements
Section 2.2. Commands
Section 2.3. Types of Data
Section 2.4. Variables
Section 2.5. Working with Data Types and Variables
Section 2.6. Tutorial: Using Variables to Create Messages
Section 2.7. Tutorial: Asking for Information
Section 2.8. Arrays
Section 2.9. Tutorial: Writing to a Web Page Using Arrays
Section 2.10. Comments

Chapter 3. Adding Logic and Control to Your Programs
Section 3.1. Making Programs React Intelligently
Section 3.2. Tutorial: Using Conditional Statements
Section 3.3. Handling Repetitive Tasks with Loops
Section 3.4. Functions: Turn Useful Code Into Reusable Commands
Section 3.5. Tutorial: A Simple Quiz

Chapter 4. Working with Words, Numbers, and Dates
Section 4.1. A Quick Object Lesson
Section 4.2. Strings
Section 4.3. Finding Patterns in Strings
Section 4.4. Numbers
Section 4.5. Dates and Times
Section 4.6. Tutorial

Chapter 5. Dynamically Modifying Web Pages
Section 5.1. Modifying Web Pages: An Overview
Section 5.2. Understanding the Document Object Model
Section 5.3. Introducing JavaScript Libraries
Section 5.4. Selecting Page Elements (Revisited)
Section 5.5. Adding Content to a Page
Section 5.6. Setting and Reading Tag Attributes
Section 5.7. Reading, Setting, and Removing HTML Attributes
Section 5.8. Creative Headlines
Section 5.9. Acting on Each Element in a Selection
Section 5.10. Automatic Pull Quotes

Chapter 6. Action/Reaction: Making Pages Come Alive with Events
Section 6.1. What Are Events?
Section 6.2. Using Events with Functions
Section 6.3. Tutorial: Highlighting Table Rows
Section 6.4. More jQuery Event Concepts
Section 6.5. Advanced Event Management
Section 6.6. Tutorial: A One-Page FAQ

Chapter 7. Improving Your Images
Section 7.1. Swapping Images
Section 7.2. Tutorial: Adding Rollover Images
Section 7.3. jQuery Effects
Section 7.4. Tutorial: Photo Gallery with Effects
Section 7.5. Advanced Gallery with jQuery lightBox
Section 7.6. Tutorial: lightBox Photo Gallery
Section 7.7. Animated Slideshows with Cycle
Section 7.8. Tutorial: An Automated Slideshow

Part II: Building Web Page Features

Chapter 8. Improving Navigation
Section 8.1. Some Link Basics
Section 8.2. Opening External Links in a New Window
Section 8.3. Creating New Windows
Section 8.4. Opening Pages in a Window on the Page
Section 8.5. Tutorial: Making Bigger Links
Section 8.6. Animated Navigation Menus

Chapter 9. Enhancing Web Forms
Section 9.1. Understanding Forms
Section 9.2. Adding Smarts to Your Forms
Section 9.3. Tutorial: Basic Form Enhancements
Section 9.4. Form Validation
Section 9.5. Validation Tutorial

Chapter 10. Expanding Your Interface
Section 10.1. Hiding Information with Accordion Panels
Section 10.2. Organizing Information in Tabbed Panels
Section 10.3. Tooltips
Section 10.4. Creating Sortable Tables

Part III: Ajax: Communicating with the Web Server

Chapter 11. Introducing Ajax
Section 11.1. What Is Ajax?
Section 11.2. Ajax: The Basics
Section 11.3. Ajax the jQuery Way
Section 11.4. JSON

Chapter 12. Basic Ajax Programming
Section 12.1. Tabs Plug-in
Section 12.2. Adding Google Maps to Your Site
View outline in Word


Attend hands-on, instructor-led Introduction to JavaScript/jQuery training classes at ONLC's more than 300 locations. Not near one of our locations? Attend these same live classes from your home/office PC via our Remote Classroom Instruction (RCI) technology.

For additional training options, check out our list of Web Fundamentals Courses and select the one that's right for you.


Class Format
Class Policies
Student Reviews

Bookmark and Share

First Name

Last Name