JavaScript and JQuery Introduction (3 days - £895, plus VAT)

This 3 day Introduction to JavaScript and jQuery assumes no prior knowledge of programming but does assume a good grasp of HTML and CSS. It teaches delegates how to use JavaScript to create modern, interactive web pages. Having learned the basic rules, structure and terminology of JavaScript, delegates will be shown how to leverage these basic skills by using the rich and sophisticated jQuery and jQueryUI libraries for form validation, special effects and the creation of interactive user interfaces.

Getting Started

What Is JavaScript?
What Is jQuery?
How HTML Tags Work
CSS: Adding Style to Web Pages
Anatomy of a Style
Software for JavaScript Programming
Free Programs
Commercial Software

JavaScript Basics

How to Add JavaScript to a Page
Your First JavaScript Program
Writing Text on a Web Page
Attaching an External JavaScript File
Tracking Down Errors
The Grammar of JavaScript
Statements
Built-In Functions
Types of Data
Variables
Working with Data Types and Variables
Arrays

Adding Logic and Control to Your Programs

Making Programs React Intelligently
Handling Repetitive Tasks with Loops
Functions: Turn Useful Code Into Reusable Commands

Introducing jQuery

About JavaScript Libraries
Getting jQuery
Adding jQuery to a Page
Modifying Web Pages: An Overview
Understanding the Document Object Model
Selecting Page Elements: The jQuery Way
Adding Content to a Page
Setting and Reading Tag Attributes
Reading
Setting
and Removing HTML Attributes
Acting on Each Element in a Selection
Automatic Pull Quotes

Making Pages Come Alive with Events

What Are Events?
Using Events the jQuery Way
More jQuery Event Concepts
Advanced Event Management

Animations and Effects

jQuery Effects
Animations
Performing an Action After an Effect Is Completed
Three. Building Web Page Features

Improving Your Images

Swapping Images
Advanced Gallery with jQuery FancyBox

Improving Navigation

Some Link Basics
Opening External Links in a New Window
Creating New Windows
Opening Pages in a Window on the Page
Basic
Animated Navigation Bar

Enhancing Web Forms

Understanding Forms
Adding Smarts to Your Forms
Form Validation

Expanding Your Interface

Organizing Information in Tabbed Panels
Adding a Content Slider to Your Site
Determining the Size and Position of Page Elements
Adding Tooltips

Introducing Ajax

What Is Ajax?
Ajax: The Basics
Ajax the jQuery Way
JSON

Troubleshooting and Debugging

Top JavaScript Programming Mistakes
Debugging with Firebug

Back to top