Developing AJAX Applications with Adobe Spry and ColdFusion

AJAX is a web development technique for creating interactive web applications using a combination of XHTML (or HTML), CSS, the browser's Document Object Model manipulated through JavaScript to dynamically display and interact with the information presented and the XMLHttpRequest object is used to exchange data asynchronously with the web server. In some Ajax frameworks and in some situations, an IFrame object is used instead of the XMLHttpRequest object to exchange data with the web server. This course describes the basic methodology for creating a highly interactive web 2.0 application.  This course is two days in length. While this course uses the ColdFusion application server for its data handling capabilities, the development techniques taught in this course can easily be applied to other application servers such as ASP,ASP.NET,PHP, and JSP

Price: $895.00
GSA Price: $895.00

This class runs from 8:30 am - 5:00 pm each day.

• Previous experience with JavaScript
• Fig Leaf's Fast Track to JavaScript course is strongly recommended

• Represent complex data structures in JavaScript and object-oriented development methodologies
• Transfer complex server-based datastructures to the browser 
• Learn the basics of browser Document Object Model manipulation to change content without a performing a full page reload
• Use hidden <iframe> and the XMLHttpRequest() object to trigger server requests that operate hidden in the background based on user events
• Modify content on a web page without refreshing the entire document
• Use Adobe Spry along with XML and JSON to rapidly develop "Web 2.0" applications

Unit 1: Introducing the course

Unit 2: Advanced JavaScript

• Working with complex data structures
• The JavaScript document object model
• Referencing form fields and values
• JavaScript Events
• Binding JavaScript methods to data objects (prototyping)
• Working with <iframe>
• JavaScript debugging techniques

Unit 3: Using Scripting to Dynamically Change Page Contents

• Caching data into JavaScript variables from an application server (ColdFusion)
• Representing complex ColdFusion data types in JavaScript
• Creating HTML from JavaScript
• Using the innerHTML method to modify content on a page

Unit 4: Interacting with the Server

• Passing information from the browser's DOM to ColdFusion
• Making background server requests using <iframe>
• Making background server requests using XMLHttpRequest()

Unit 5: The Adobe Spry Framework

• Spry Overview
• Installing Spry
• Making interactive data requests through Spry
• Creating dynamic page regions with Spry
• Working with XML
• Working with JSON
• Working with Spry Tables
• Spry Widgets
• Using the Text Field Widget
• Using the TextArea Widget
• Using the Tabbed Panel Widget
• Loading server-based data into Widgets
• Transmitting data back to the server