Open Source – Training

Class Prerequisites

Experience in the following areas is required:

• HTML
• JavaScript
• CSS

Delivery

• To an even greater extent than normal, this web site design course is delivered through hands-on exercises, backed up by expert tuition in fundamental principles and best XHTML coding practice.
• Whenever possible, students use hand XHTML coding techniques to learn the fundamentals which underpin proprietary web page editors like Dreamweaver, GoLive and FrontPage.

Objectives

• This is a server-side agnostic Ajax training class.
• Examples in the manual are in JSP, but there are equivalent examples in the class files in PHP, ColdFusion, and Classic ASP.
• The focus is on the client-side aspects of Ajax (i.e, JavaScript), so, while it’s helpful to understand the server-side, it’s not required or assumed.
• Students learn to make calls to the server with JavaScript and to manipulate XML content returned from the server.
• Ajax opens the door to creating sophisticated web-based applications with much more of the logic (and therefore code) is handled on the client.
• While Ajax allows for more dynamic and responsive applications, it changes the traditional role of JavaScript dramatically and forces developers to rethink how they write and manage JavaScript code.
• After taking this Ajax training course, students will be able to create sophisticated Ajax-based applications in an efficient and modular way.

Ajax Basics

• The Purpose of Ajax
• Traditional Web Application
• An Ajax Web Application
• The XMLHttpRequest Object
• Creating an XMLHttpRequest Object
• Using an XMLHttpRequest Object
• Handling the Response

Ajax Frameworks

• The Purpose of Frameworkss
• Choosing a Framework

The HTML Document Object Model

• Accessing Nodes
• Accessing Element Nodes
• Accessing Attribute Nodes
• getAttribute
• attributes
• Accessing Nodes by Type, Name or Value
• Accessing Nodes by Class Name

Removing Nodes from the DOM

• DOM Differences: The Whitespace Problem
• Creating New Nodes
• Conclusion

XML and Ajax

• Creating a DOM Document with JavaScript
• Accessing, Creating and Modifying XML Nodes
• Receiving XML Responses

Ajax Applications

• Login Form
• Quick Lookup Form
• Preloaded Data
• Ajax Slideshow
• Navigable Tables

JavaScript Object Notation (JSON)

• Object Literals
• Arrays
• Objects
• Arrays in Objects
• Objects in Arrays

JSON

• JSON Syntax
• JSON Parsers

More Ajax Applications

• Inline Editing
• Detailed Information on Demand
• Autologout
• Autocompletion