Mobile App Frameworks


Getting into mobile app development is something many of us are interested in.

But if you're like me, you don't have the knowledge of the coding involved in getting one up and running. Enter the mobile app framework. They are useful in assisting the developer with creating websites, web apps, mobile apps, etc. They're kind of a jumping off point to get you more comfortable. This is a quick overview of the two mobile app frameworks I recently read about.

jQuery Mobile is a library of icons, buttons, code snippets and more to enhance your HTML/CSS. You start with regular HTML, link to the jQuery and CSS files, then add in the jQuery Mobile tags (for example: data-role="page" and data-role="header") to instantly give your page the familiar mobile look.

A photo of the HTML markup A photo of the front end design

You can find this example and more within the docs and demos section on jQuery Mobile.

jQuery Mobile is really easy to learn, however, it's still in beta (at the time of this article). But, definitely give it a shot if you're looking for a standard way to get simple sites mobilized.

Sencha Mobile is geared more toward advanced developers. While Sencha has the same type of library as jQuery Mobile, their codebase is much different. If you have a good knowledge of Javascript, it should be easier to grasp as it's based on Javascript. Link to your CSS and Javascript files and add in the Javascript functions to output your text.

Another photo of the HTML markup A photo of the corresponding front end design

Sencha has a library of useful demos (including the one above) that you can read through to see if it's more up your alley. While difficult to learn for the novice developer, it also opens the door even wider for what's available to you in creating your first mobile app. Before you consider selling your app however, read about Sencha's licensing specs,

Finally, once you have your app initially developed, be sure to check out Phonegap. Wrap your app code in the Phonegap code to get your app working across multiple mobile devices. It's simple and it works. Now if only we could get that for web browser testing.