Ajax Fundamentals Training
This Ajax training will introduce you to the most exciting new technique in web development.
Review of Relevant Technologies
- CSS: divs, spans, ids, classes, absolute positioning and visibility
- XML: validity, well-formedness, and namespaces
Changing Static HTML On-the-Fly
Probably the two most useful properties of elements are their "style" and "innerHTML" properties. The style property allows you to control CSS styles for static HTML, including visibility and positioning. Here's an example:
Events that Trigger Code
Implementing a Word Processor with Keystroke Events
In Yahoo's online email system, you can press the 'C' key to launch a window to compose a new email. This is an example of a keystroke event. We'll show you how to implement this in class to create this simple word processor:
Implementing Drag-and-Drop with Mouse Events
The dragging effect used in Google maps is an example of a "mousemove" event that triggers code to download more images and redraw the map. We'll show you how to implement this yourself in class.
Updating Part of a Page with Remote Data
Fetching and incorporating remote data into your web page is possibly the most practical application of this Ajax training class. For example, hitting the "quote" button below won't load a whole new web page, irritating the user with the same navigation menus and logos. Instead, it efficiently plugs the share price into the placeholder: price: $xxx.
Manipulating your Web Page as XML
- basic understanding of CSS
- basic understanding of XML