Mobile Application Development using JavaScript


JavaScript is not only for webpages and web applications. Among other things, You can create realtime applications, serverside solutions, desktop and mobile applications. There are two types of moble applications: running in browser and native ones. These latter are often faster and more powerful. That’s because they have access to filesystem, accelometer, camera and et ceatera. Native applications are usually written in phone-specific language like Objective-C or Java, hence stanalone programmers generally choose HTML+CSS+JavaScript solutions. Happily, thanks to lastest technology, we are able to easily transform browser application into truly native one.

Titanium Appcelerator

This awesome tool allows you to create powerful mobile apps (for iPhone, iPad, Android and BlackBerry soon) with native controls using the web technologies you know. These include HTML5, CSS3, JavaScript, PHP, Ruby, Python. Moreover, there have been released new documentation recently.

You may use whatever framework you want (Mootools, jQuery, Prototype) and take advantage of the newest CSS3 and JavaScript features. That’s because Titanium applications actually run in cleverly embedded Webkit (Safari) window. Since Titanium 1.0 there’s only JavaScript emulator left from Webkit Webview. As Mitchell wrote:

In Titanium 0.8, WebKit’s WebView was used as the core around which things like GPS, UI, Camera, and Data were mapped to the OS. In Titanium 1.0, developers now have the option of bypassing the JavaScript bridge for Objective-C (iPhone) or Java (Android) with APIs that bind directly to the OS.

If you study Titanium Mobile API you will discover how simple is to use Geolocation or Gestures. You may even Connect your app to Facebook writing only few lines of code.

PhoneGap

As in the case of Titanium, with Phone Gap you can use your HTML/JavaScript skills to build apps for a variety of mobile platforms, including iPhone, Google Android, Symbian, Palm and Blackberry. You may see here what features of mentioned platforms are supported now.

Frankly, I’ve used only Titanium, but PhoneGap seems to be good alternative.

There’s also QuickConnectFamily and NibleKit. First one is pretty powerful but second one is less documented and not cross-platform (works only on iPhone and iPod). I would also recommend iWebkit, but it’s home page has been hacked recently (seriously).

You may also be interested in frameworks that would make your job even easier. For example if you want your application to have very iPhone look’n'feel, try:

jQTouch

It will allow you to easily create iPhone application that run in a Webkit browser (or thanks to Titanium or PhoneGap as mobile application).

There is also an alternative to jQTouch called IUI. You may find it on Google Code.

If you need something small and non-jQuery, then look at WebApp which has been also designed to mimic the actual iPhone and iPod Touch graphic user interface.

XUI

We hear your words. Why another JavaScript framework?! When development of PhoneGap was under way we noticed slow load times for modern JavaScript frameworks (such as Prototype, MooTools, YUI, Ext and (yes) even jQuery. A big reason why these libraries are so big is because is mostly they contain a great deal of cross browser compatibility code. The mobile space has less browser implementations (so far) and different needs. Thus XUI.

Enough said…

Cappuccino

That’s framework for ex-Objective-C programmers. Capucchino introduces Objective-J.

Objective-J is a new programming language based on Objective-C. It is a superset of JavaScript, which means that any valid JavaScript code is also valid Objective-J code. Anyone familiar with JavaScript and object-oriented programming concepts, classical inheritance in particular, should have no difficulty learning Objective-J. Familiarity with Objective-C will be helpful, but it is not required.

Use this framework to make desktop as well as mobile applications (thanks to Titanium). See some demos: 280 slides,Mockingbird or Github Issues.

iProcessing

With above frameworks you may not create 3D applications and games. Hence meet iProcessing. It is an open programming framework to help people develop native iPhone applications using the Processing language. It is an integration of the Processing.js library and a Javascript application framework for iPhone.

You know some worth mentioning framework? Write a comment!


Add to Del.cio.us

RSS Feed

Add to Technorati Favorites

Stumble It!


Digg It!

        www.sajithmr.com

  • Thanks for providing this information. This is very useful and informative.
  • Henry Withoot
    The link in the article to Phonegap is wrong it links to Titanium website
  • Nils Blum-Oeste
    I did start an opensource boilerplate to create platform independent mobile apps based on javascript and popular frameworks/libraries like Phonegap, jQuery Mobile, Backbone and Require.
    Have a look and fork it an github: https://github.com/nblumoe/cam...
  • Apps-for-All
    Forget about all kind of lost and win stuff,just think for enjoyable android,iphone,balckberry and many other mobile application development and and mach  more to do just go on  the heuristic site for the application development.. !!!!..
  • Anna Harris
    Thanks for sharing this information. This is very useful and informative.
  • Thanks to write such type of useful tips..
  • Web Design Houston
    Really useful tips


    Thanks,
    WebDesignerHouston
  • MaxWolke
    One you've missed.

    Application Craft + Phonegap : http://phonegap.com/case_study...
    http://www.applicationcraft.co...
  • this is very useful for me. From this post I learn some thing new. Here am waiting for your next updates. thanks for sharing
  • thanks for mobile application development java script, this is very useful for our developers.......
  • Good article something new to learn . I would like to visit here again and again as lot of stuff here should be read. A nice post and a great page you have.
  • I'm new at developing applications on mobile. Honestly speaking, I don't have any idea what are the programs I should use, since I was using HTML, CSS, some Javascript. I might try the application you mentioned here. Thanks for posting, hope I could manage to master this tools. Cheers!
  • Innovationseo
  • Good advice. Often students are advised to take a step back and understand what you are getting. This confirms that the concept of some of the practices advice.Thanks all! Thumbs up! Also, thanks for the collection of a memorandum of points,
    Mobile Application Development
  • Jimbrwn609
    Titanium Appcelerator: As one of the bigger mobile web development frameworks out there — with over 300 APIs and an active developer community. Even mobile website has a great web framework nowadays. It is great to have a JavaScript on mobile web; at least it could be look better and attractive.
    iphone developers melbourne
  • Jim Brown
    It’s quite a nice stuff for mobile Apps developers. I
    enjoyed reading the article. Thanks at the great refreshing Article. Stuffs are
    useful and beneficial. I got to learn many new ideas. Hope to see you again
    with such nice contents soon.


    mobile application developer


  • Jim Brown


    The creative person who works as an application development
    should
    always think “out side the box”. It has always been seen that
    diverse organizations have diverse application demands. While
    creating the software we should always keep the origination and the
    business in mind.



    mobile application developer
  • JimBrown




    JavaScript's C-like syntax, including curly braces and the clunky for statement, makes it appear to be an
    ordinary procedural language. This is misleading because JavaScript has more in
    common with functional languages like Lisp or Scheme than with C or Java.

    Thank you very much for taking your time to
    create this very useful and informative blog. Thanks for sharing this
  • nancy mary
    Wowwwwwwwwwwww!!! thanks for the help and knowing some new things from this blog
    Mobile Cms
  • brinda_j
    In case you want link to mockuptiger here it is mockups
  • brinda_j
    "Hi, this is great and on the same note would like to request and give mockuptiger a look"

    Brinda
  • Innovationseo
    Mobile Application Development Company- This is a great information.. Thanks for sharing such valuable info...
  • Using JavaScript, however, is not an easy task, mainly because of complications that arise when trying to provide support for some Web browsers.

    Mobile Application Development
  • Without java script you do nothing in programming world
  • Really nice information for all jScript supported phones but i iphone is the best among all according to my point of view....use the latest features of iphones and ipad 2 and enjoy the fast and professional licenced apps for your phone..!! thanks..!!
  • CodeFrux
    Interesting.
    We are using Interface Builder, Xcode, Objective-C, Cocoa Touch programming, more info
    www.codefrux.com/iPhoneAppDeve...
    iphone application development
  • This is great news ! Looking forward to all the future releases.
    JavaScript itself is a very powerful language for creating Rich Internet Applications (RIA) which is supported by it. Using JavaScript,
  • Ggfhjf
    hjhjjghjhjhgj
  • Bmnmnbm
    hjhjjghjhjhgj
  • Technology Tester
    Good advice. We often advise our students to take a step back and understand what are getting into. This article reinforces that concept with some practical advice.Thanks everyone! Thumbs up! Also, Thanks for the points for picks reminder,
  • Cyberlinkswm
    Mobile application development, Web development, Customized Application Development and Open Source Support, custom mobile application development,developing applications for iPhone 4, iPhone 4G and iPad" content.

    http://www.cyberlinks.in
  • I really like writing "good ol'" html and javascript apps for the iPhone, but testing and debugging touch-enabled web apps on the iPhone is not a great experience.

    That's why I wrote addTouch. It emulates webkit multitouch events in any modern desktop browser, allowing you to debug using Firebug or Chrome Developer Tools, or even IE9.

    Check it out: http://j.mp/fBtTN2
  • Henryseoexpert
    The creative person who works as an application development should always think “out side the box”. It has always been seen that diverse organizations have diverse application demands. While creating the software we should always keep the origination and the business in mind. For more info please visit: http://www.adroitinfosystem.co...
  • Henryseoexpert
    The creative person who works as an application development should always think “out side the box”. It has always been seen that diverse organizations have diverse application demands. While creating the software we should always keep the origination and the business in mind. For more info please visit: http://www.adroitinfosystem.co...
  • seo sydney
    JavaScript itself is a very powerful language for creating Rich Internet Applications (RIA) which is supported by it. Using JavaScript, however, is not an easy task, mainly because of complications that arise when trying to provide support for some Web browsers.
  • Thanks for the great post that I really liked the site's content will already put in my favorites, where possible will be visiting the site.
  • Gion_13
    just awsome:D..i love js and now that i can develop desktop&mobile apps based on it..i just think it's awsome.
  • Can we still submit apps using Titanium Appcelerator?
  • You are wrong, VERY wrong related to Titanium Appcelerator.
    Titanium does not run the code inside a webkit, but compiles the javascript to native code for each platform. iPhone apps are compiled to Objective-C and Android apps to java.

    The "native" code is really native with Titanium.
  • I've done research on this and you're right. Thank you for noticing!
    Article is up-to-date now.
blog comments powered by Disqus