Beginning%20AJAX%20for%20CF%20programmers

1
Beginning AJAX for CF programmers

• By Martín Cadirola
• Ecotronics

2
What is AJAX?

• Asynchronous Javascript and XML
• No reloading/refresh to show data
• Use of DHTML and JS DOM techniques
• Requires server to feed XML documents

3
Real World AJAX

• Web 2.0 enabling tool
• Protopage.com
• 37signals.com
• Digg.com
• Google (Maps, Mail)
• Rico Demos

4
AJAX the big picture

• Web experiences evolving into a better user
  interface aka rich internet media

AJAX (javascript xml)
AFLAX (flash xml)

• Macromedia Flex ()
• OpenLaszlo (Open Source)
• AFLAX library (Open Source)

5
AJAX requirements/tips

• Have Javascript enabled
• Cross-browser compatibility defined
• Back-button may need tweaking
• Extra work for Section 508 pages

6
AJAX implementations

• Familiar with Javascript?
• Try from scratch
• Save time? Work with libraries!
• CF-AJAX by IndianKey.com

7
AJAX The Basics

• Librariesa must
• XMLHttpRequest object
• Security considerations

8
AJAX Resources

• Tutorials
• http//developer.mozilla.org
• http//developer.apple.com/internet/webcontent/xml
  httpreq.html
• http//www-128.ibm.com/developerworks/web/library/
  wa-ajaxintro1.html
• Libraries
• http//www.indiankey.com/cfajax/
• http//www.openrico.org
• http//www.aflax.org
• More links provided by the audience (thank you to
  everyone!) on next page

9
AJAX Resources

• http//www.thinkcap.org
• http//www.eyeos.org
• http//www.techfeed.net/cfQuickDocs
• http//www.interaktonline.com/Products/Eclipse/JSE
  clipse/Overview/

10
QA

• More questions?
• martin _at_ ecotronics . com