Adobe Air resources for HTML and JavaScript developers

I’ve just finished my first adobe air project. It was a simple Daily Incomes-Expenses desktop application with monthly reports (simple enough to build in a few hours using PHP and MySql). It took me however something like 12 hours of work mostly because of lack of documentation, certain JavaScript functions are banned in Adobe Air because of security concerns ( functions like eval() that are used in JavaScript Frameworks ) and bugs in Aptana IDE and it’s Adobe Air plugin.

To sum it all up I’ve put together a list of resources that might help you shave a few hours on you ADOBE AIR project if you are developing it using HTML and JavaScript.

Tutorials & How To’s

Site Point – Learn Adobe AIR, Part I: Build A Note Storage App

This is a step-by-step well written tutorial that will guide you from installing your Aptana IDE and Plugin for Adobe Air, to developing your Sqlite local database application to deploying and packing it as a .air file.

Site Point – Learn Adobe AIR, Part II: Build a Customer Management App

This one builds on top of what you’ve learned in part 1 and guides you throught building a more complex AIR application. You will learn how to explore the user interface possibilities that AIR provides, implement drag-and-drop functionality, work with native windows, communicate between windows, construct menus, and more.

Adobe AIR Developer Center for HTML and Ajax

Adobe Air’s official page for resources related to developing application using HTML and Javascript. There are many good tutorials, articles and tips here to keep you busy for a wile. It also has a Get started with Adobe AIR section that I wished I found before I started work on my application :)

Adobe AIR for JavaScript Developers Pocketguide – Free Book

Adobe AIR for JavaScript developers provides an introduction to Adobe AIR for developers using interested in building AIR applications using JavaScript, HTML and CSS.

The book has several pieces:

  • Introduction to Adobe AIR
  • Getting started with Adobe AIR
  • Working with JavaScript and HTML Within Adobe AIR
  • Adobe AIR Mini-Cookbook

It is written by members of the AIR team itself, so you know that the information will be correct.

Adobe AIR resources For HTML and Ajax

Here you get to see some of the most important or popular aspects of specific Adobe AIR features, step-by-step instructions for creating Adobe AIR applications using HTML and Ajax and Language Reference for HTML Developers. This is and official Adobe page so the information here should be kept up to date.

Include existing SQLite database in an AIR application

I had a small problem with the database for my adobe air application and this page helped me find the cause. Again it’s an official Adobe page so it can be used as reference for developing solid applications.

Developing Adobe AIR 1.1 Applications with HTML and Ajax

You could say this is the help file for Adobe Air, but it’s more like a complete online reference for the SDK and framework. You can probably find all the information you need here if you want to invest the time and effort needed into it .

Application Lists and Reviews – If you need to know what others have built with Adobe Air

RefreshingApps.com – Showcase for Adobe AIR Applications and Resources

“The premier showcase, resource website for Adobe AIR applications. Find the best Adobe AIR apps, get the best knowledge here”… or so they say! The bottom line is that this is a directory for Adobe Air application, it has reviews, previews, news from Adobe Air world, interviews with developers and A LOT of resources for developers from tutorials to icons for your applications.

27 Adobe AIR Applications – Handy For Web Designers

That’s right… 27… I doubt anyone would use all 27 of them (I personally tryed Google Analytics Reporting Suite ) but you might find something useful.

Adobe AIR Showcase applications

Best of the best… This is the official Adobe Air Showcase. You can find applications from big names like AOL, NASDAQ, eBay, Yahoo!, The New York Times and the list goes on and on… These are Air Applications that probably are used by thousands of people around the world!

Adobe AIR Marketplace

Adobe has created an official Adobe AIR Marketplace (beta) which aims to enlist all of the Adobe AIR applications and widgets. This is a great place to search for inspiration or something that you would actually use!

Editors for Adobe Air to use with HTML and JavaScript

Aptana Studio + Adobe AIR

“We are delighted with Aptana Studio’s support for Adobe AIR. Ajax developers using Aptana Studio 1.1 and Adobe AIR can now build advanced rich Internet applications that deploy on the desktop and run consistently across operating systems. In addition, Ajax developers will save time building applications on Adobe AIR with Aptana’s many productivity features including the AIR application export wizard and advanced Ajax code hinting. Aptana is making it easy to build Ajax-based applications for Adobe AIR.” -Rob Christensen, Senior Product Manager of Adobe AIR

Tools for AIR and Ajax – Adobe Dreamweaver CS3

The Adobe AIR extension for Dreamweaver will allow you to package and preview AIR application files directly within Adobe Dreamweaver CS3, so you can leverage your existing web development skills to build rich Internet applications on the desktop.

Javascript Libarys

You can use pretty much any javascript library, be it jQuery, Prototype, MooTools as long as you take into consideration security-related JavaScript errors that could apear if you aren’t careful. I personally used jQuery because there are a lot of plugins for it. Also because of thouse security-related JavaScript errors parts of jQuery UI don’t work (the calendar part for example makes use of eval() function and that is not allowed in AIR).

Another alternative is the Spry framework for Ajax that comes with Dreamweaver CS3. The Spry prerelease was updated to support the shipping version of Adobe AIR.

This is what I thought relevant related to Adobe Air for Javascript developers. The web is a big place so if you are really serious about developing Air Applications don’t limit yourself to this list.

Don’t forget to have fun while developing your Air App!

About Cristian Antohe

Cristian Antohe is the co-founder Cozmoslabs. He's a WordPress developer, web designer and Open Source fanatic. He's part of the team that developed Profile Builder and WordPress Creation Kit and also helps curate wpMail.me.

Find me on: Google + | Twitter

4 thoughts on “Adobe Air resources for HTML and JavaScript developers

  1. Hello Cristi :)

    That a great post up there ! :D
    I am sure that there are lots of developers and web-designers that
    will find your post very useful.

    Thanks for the infos !!!

  2. Pingback: OOOoohh Adobe AIR at DTHREESTUDIOS

  3. Pingback: GRINDSTONE MEDIA - Adobe AIR resource list for JavaScript and HTML

  4. Thank you so much for putting this list together Cristi! I’ve been procrastinating on learning Adobe Air development because of lack of documentation. I just don’t have the time to spend wading through the problems that you have encountered. I really appreciate that you’ve taken the time to write about this – it will save me time and most importantly actually get me started with my Air development projects!

Leave a Reply

Your email address will not be published. Required fields are marked *


four + = 11

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>