Blog

Learning Ajax from the bottom up

November 21st, 2005 at 12:11pm | 1 Comment

AjaxI remember a co-worker playing around with DHTML four years ago while I was working at SmartForce (now SkillSoft). It was pretty cool, but since there were severe cross-browser problems and few functional uses for it, I felt there were more important things to learn.

But all that has now changed with the relatively recent emergence of Ajax. For those of you who’ve been living on a raft for the past year, Ajax is the collection of technologies embraced by Google Maps enabling the user to zoom and drag their map without reloading the page. Ajax empowers developers to create web applications that are far more interactive and responsive for the user than conventional web applications. It relies heavily on Javascript to communicate user actions with the server and manipulate the web page (DHTML) to show the results. Unfortunately I hadn’t much experience writting DHTML, so I had to first learn it to be able to take full advantage of the Ajax web development method.

Recently, I started working toward building Ajax into the TreeView product that I developed four years ago. But first I had to build the DHTML features, then I could implement the Ajax features. To my surprise, the Javascript code required to manipulate the XHTML and CSS was not nearly as hacky as I thought it would be and required only a couple of small cross-browser workarounds to work on both Firefox and IE. That is not to say that the code will definitely work on Safari, Konqueror, and all other browsers, but I’m sure it will only require minor tweaking if any at all. It should be a very interesting product in the end and hopefully one that sells like crazy.

WP Migrate DB Pro - Get 20% Off!

Way back in 2009, I released a free plugin called WP Migrate DB which became pretty popular in recent years. So, I decided to develop a Pro version of this plugin which eliminates the manual work of migrating a WP database. It allows you to copy your db from one WP install to another with a single-click in your dashboard. Especially handy for syncing a local development database with a live site. Learn more »
Get 20% off — Coupon code: BRADTCA20.

About the Author

Brad is founder of Delicious Brains, a company building super awesome products for WordPress, including WP Migrate DB Pro, a huge time saving tool for WordPress developers.

  • http://notry.net Bojan

    I agree that AJAX brings a better experience to web apps. I mean look @ Gmail. It is a lot faster and responsive, and there aren’t as many refreshes/reloads as other online webmails.

    However, I think extra cuation should be exercised to make web apps that use AJAX conform to standards, and interoperable with existing browsers. Keeping with the Gmail example, it doesn’t work well with Konqueror, and you have to spoof as Firefox. This isn’t the fault of Konqueror (see http://www.kdedevelopers.org/node/1195 ), but of Google. As awkword as it is, Gmail works fine with Safari, and Safari actually uses Konqueror’s rendering engine. It’s just that they did a hack of a job coding Gmail for specific browsers, and didn’t think about standards. Now, I know, most would say “Konqueror! that sucks, who uses Konqueror?” But recently Konqueror has become a really good web browser (it was 2nd or 3rd to pass the ACID 2 test). Safari was the first, IIR. Konquror is becoming a much more popular web browser on Linux, and some would claim it will surpass Firefox and Mozilla on that platform.

    As I am sure you know, I am not very good with this web stuff, and I am not even 100% sure exactly what AJAX is and how it all works (besides that its a lot of JS and XML). Heh, maybe I’ve been under a rock. Just stating my $0.02 on everyone’s currently favourite Internet buzzword.