Mobile Application with HTML And JavaScript

For many web developers who may only be familiar with HTML, CSS, and JavaScript, developing a native mobile application could be unfamiliar ground. Technically, mobile applications are created in Android, iOS, and Windows Phone using completely different programming languages. An Android application uses Java, an iOS application uses Objective-C, while a Windows Phone application uses . NET.

But now anyone with good knowledge of HTML, CSS, and JavaScript can create a mobile application. An important advantage of using web technology to create your application is portability. With a Packager/compiler like PhoneGap, you can port and install your application on many different platforms. There are a number of frameworks that allow this. They have also done half the hard work to bridge the gap between web and Mobile platforms. Here we have collected 10 of the best mobile frames that we could find.

1. jQuery Mobile

jQueryMobile is a robust mobile development framework for creating a cross-platform application. jQuery Mobile supports a variety of different platforms, from a desktop computer, a smartphone, a tablet, or an electronic reading device such as Nook or Kindle. Just like its brother jQuery UI, jQuery Mobile includes a set of user interfaces that, in this matter, are optimized for mobile and touch devices.

2. Cordova / PhoneGap

PhoneGap is essentially based on Cordova. Cordova/Phonegap provides a set of JavaScript APIs that connect to the device’s native features such as camera, compass, contacts and geolocation. Cordova / Phonegap allows us to create a mobile application without the native programming language. Instead, we can use a Framework like jQuery Mobile. It compiles your application with the platform SDK and can be installed on the platform it supports, including iOS, Android, Windows Phone, Blackberry, and Web OS.

3. Touch Sencha

Sencha Touch is a mobile framework based on HTML5 and CSS3 that provides APIs, animations, and components compatible with current mobile platforms and browsers. Sencha Touch supports Cordova and PhoneGap; you can compile your application and send it to the application stores of the respective platform. In addition, Sencha Touch offers a range of themes for iOS, Android, Blackberry, Windows Phone, Tizen and a host of other platforms to make your app feel like a native app.

4. Ratchet Wrench

Ratchet was originally used by Twitter as an internal tool to create a prototype mobile application, which is then released as an open source project. Ratchet contains a collection of UI and JavaScript plugins to create simple mobile applications that provide reusable HTML classes. In Version 2.0, Ratchet also comes with its proprietary Ratcheticon writing icon set and two predefined UI themes for iOS and Android.

5. ionic

If you are concerned about the performance of your application, Ionic is the framework for you. Ionic is a mobile HTML5 framework focused on performance thanks to hardware acceleration and does not require a third-party JS library. It works best with Angular.js to create an interactive application. Just like Ratchet, Ionic comes with a beautifully designed font symbol set, Ionicons and a set of reusable HTML classes to create the mobile user interface.

6. Lungo

Lungo is a lightweight mobile framework based on HTML5 and CSS3. It has very nice default styles that you can use as a starting point to design your mobile application. In addition to the mobile user interface components, Lungo offers a number of JavaScript APIs to control your application. Lungo supports the following platforms: iOS, Android, Blackberry and Firefox OS.

7. jQT

jQT is a Zepto Plugin for Mobile Frameworks, mainly designed for Webkit browsers. jQT is easily customizable and extensible. It includes a theme that can be modified with Sass/Compass, a cool 3D transition that can be adjusted via CSS3, and developers can also extend jQT with their own required features.

8. Junior

Junior is also a Zepto Plugin to create a mobile application similar to jQT. However, Junior relies on several external libraries to make certain features work, namely Backbone.js, Flickbar.js to create a swipable cursor and a ratchet for the scaffolding of the user interface.

9. Jo

Jo supports a variety of mobile platforms, including Tizen and Chrome OS. Jo also comes with a CSS3-based Starter, which allows web developers of any experience level to easily capture and design their applications. In addition, you can use Jo with PhoneGap or Cordova to package your application for use on a mobile platform.

10. Famo.us

A new child on the moving frame block, Famo.us promises to solve HTML5 performance problems on mobile devices with its lightweight JavaScript engine (only 64 KB). Famo.us according to reports, a will also launch a cloud-based service to package their application for publication in the AppStore-it seems that Phonegap and Sencha will soon get a new competitor. You can register as a beta tester in www.famo.us to get my hands on it.