Whenever people think about the next generation of web applications, many people are thinking AJAX. Others think Flex. These two worlds often collide, with many blog entries and articles written on the subject comparing the two, deciding which is the hands-down best technology for you to use on “your” website. The problem that I see with this is: “who decided that these should be competing technologies?” Sure they are separate methodologies, and learning both takes longer than just picking one and going forward with that. But, if you really want to build a quality web application, then it might be in your best interest to tough it out and just learn both. Really, they’re not that different from each other. If you’re learning one (or have already learned one), then a lot of that will carry over to the other. JavaScript and ActionScript are both ECMAScript-based languages, so they are very similar, not only in syntax, but usage as well.

I’ll give you a list of what I think are important strengths and weaknesses of the two, but keep in mind, I am happily on the fence when it comes to deciding between them, and I’ll tell you why in a bit.

Flex - strengths

• - great for rich interaction and media heavy pages
• - has Flex Builder IDE, built off of familiar Eclipse IDE
• - Flex Builder has design mode for those non-programmers interested in building Flex apps
• - greater access to multimedia components of your computer
• - effective use of caching for improved speed

Flex - weaknesses

• - ActionScript and MXML, although similar to JavaScript and XML, are not as common in everyday pages
• - back button and right-click don’t have desired effects without enhanced coding

AJAX - strengths

• - great for large text-based content
• - Open AJAX Initiative
• - also strong caching (depending on implementation) for improved speed

AJAX - weaknesses

• - heavy amounts of JavaScript and DHTML to achieve certain dynamic effects
• - no IDE with integrated debuger
• - back button can easily be broken with certain applications of AJAX

As you can see, both have their strengths and their weaknesses. It can be apropriate in certain applications to use one over the other, and vice versa. But with that in mind, who’s to say that you can’t use them together? Well you CAN, taking the best from both worlds, especially with the help of a library for Flex, created by Ely Greenfield (one of the original developers of Flex), called the Flex-AJAX Bridge, or FA-Bridge for short. The simple summary of what this does is it allows your ActionScript code to be available to your JavaScript code. For example, if you wanted to change a value in your Flex app such as a panel width, normally you would have to do it through AcionScript with a line of code something like “my_panel.width = 250″. But with the FABridge library, you can do this through your JavaScript code, like so: “flashApp.my_panel.setWidth(250)”. You can read all about it on Ely’s blog, QuietlyScheming. I think he puts it best by saying…

Smart developers take the time to equip themselves with as many different tools as they can, and great web apps use the right technology for the task at hand.

For those of you that were sitting on the fence, looking for a nudge in a certain direction, hopefully I’ve convinced you to stay there. Try this solution out and see for yourself. There’s plenty of room on the Internet for both Flex and AJAX. If you come up with anything cool, feel free to share!

Charles