JavaScript Training Classes

JavaScript, XHTML and CSS

Contemporary JavaScript relies heavily upon cooperation with XHTML and Cascading Style Sheets. A document that wishes to fully utilize the features of JavaScript must follow specific standards in all three languages. This training session will cover the necessary steps developers must take to ensure cross-language cooperation.

Handling User Events with HTML and JavaScript

JavaScript programs often are a response to some action performed by the user. When the user mouses over an image, we swap the image with another or when the user clicks a submit button we verify that the required form fields have been filled. These user events can be caputured by the HTML element with which the user is interacting, like the image or the form in the previous examples. The HTML event handler triggers the appropriate JavaScript code or function. In this lesson, developers will explore various events, handlers and JavaScript calls.

Document and Browser Objects

JavaScript offers full support for not only the core objects built into the language, but for the Document Object Model, that is the objects that appear within the browser and within the document. These objects can be accessed and their properties retrieved. Students will learn different mechanisms for accessing objects in the browser, their properties and the values associated with those properties.

Form Validation

Forms are frequently used on web pages to submit data. Using JavaScript, error checking is possible prior to form submission. This improves user experience and lowers server bandwidth requirements. Two lessons will cover both basic and more sophisticated form validation methods. The basic lesson illustrates the use of required fields, while the advanced lesson shows developers how they can check for specific types of content using a variety of methods.

Dynamic HTML or Property Manipulation

Dynamic HTML or DHTML is not another language, but rather the use of JavaScript to modify the properties of document objects as well as manipulating the properties of CSS. This lesson will introduce students to common Dynamic HTML techniques like swapping images, changing sizes and font manipulation.

Cross Browser Coding

In spite of concerted efforts to standardize access to objects in the browser window through the DOM, there remain a number of differences between browsers. JavaScript developers must write code that can work in spite of these differences. This exercise discusses a common and convenient method for writing cross browser code through identification of supported properties. Students will create a function to change the transparency of a document object that works in Firefox, Safari, Opera and Internet Explorer, in spite of differences in how those browsers handle the operation.

Prerequisites:

• Intermediate HTML/CSS or equivalent previous experience with HTML, including forms
• Intro to Programming with JavaScript class or equivalent experience (variables, conditionals, loops and functions)

Related JavaScript Training classes in San Francisco:

• Intro to Programming with JavaScript
• AJAX Fundamentals (Asynchronous JavaScript and XML)
• XML Fundamentals