Hybrid Mobile App Frameworks

Ionic & Angular:

The beautiful, open source front-end SDK for developing hybrid mobile apps with HTML5.

Free and open source, Ionic offers a library of mobile-optimized HTML, CSS and JS components, gestures, and tools for building highly interactive apps. Built with Sass and optimized for AngularJS

Advantages:

• Open-source and free (under a permissive MIT license)
• Built around Angular (Ember and Backbone not supported)
• iOS and Android support (currently only WebKit supported devices)
• Ionic is built to perform and behave great on the latest mobile devices. With minimal DOM manipulation, zero jQuery
• Heavily optimized for touch devices (Ionic is focused on building native/hybrid mobile apps rather than mobile websites.)
• Great command line utility support (Cordova users will recognize the benefit)
• Optional Sass support
• Supports Cordova, PhoneGap, or Trigger.io
• Over 500 custom designed font icons MIT licensed

Built on top of the popular AngularJS framework from Google, Ionic utilizes AngularJS to provide the application structure, while Ionic itself focuses on the user interface. In other words, we see a match between the power of Angular and the beauty of Ionic UI.

Ionic provides a set of Angular directives (custom HTML elements) for it’s own components, making it as easy to use the widgets as writing a line of HTML code. In addition to directives, Ionic uses Angular’s touch recognizers, view animation logic, HTML sanitation, and asynchronous communication.
Ionic reference : ( http://ionicframework.com/)

Mobile Angular UI :

Build HTML5 create interactive mobile apps with Bootstrap3 and Angular JS

Mobile Angular UI is a mobile UI framework just like Sencha Touch or jQuery Mobile. If you know Angular JS and Twitter Bootstrap you already know it!

Main features of Mobile AngularUI

• Bootstrap 3
• AngularJS
• Mobile Angular UI provides essential mobile components that are missing in Bootstrap 3: switches, overlays, sidebars, scrollable areas, absolute positioned top and bottom navbars that don't bounce on scroll.
• AngularJS modules such as angular-route, angular-touch and angular-animate
• Mobile Angular UI doesn’t have any jQuery dependencies, all you need are some AngularJS directives to create awesome mobile user experiences.
• FontAwesome Icons are included by default in place of Glyphicons.

Mobile Angular UI Reference : (http://mobileangularui.com/)

Cordova/Phonegap:

Apache Cordova is a platform for building native mobile applications using HTML, CSS and JavaScript

Apache Cordova is an open-source mobile development framework.

These apps are natively installed on iOS, Android, Windows Phone, Blackberry, Tizen, Firefox OS, and others, all leveraging HTML for the user interface, CSS for layout and styling, and JavaScript for interactivity, dynamism, and interaction with native-OS functionality.

When using the Cordova APIs, an app can be built without any native code (Java, Objective-C, etc) from the app developer

And because these JavaScript APIs are consistent across multiple device platforms and built on web standards, the app should be portable to other device platforms with minimal to no changes.

a mobile developer and want to extend an application across more than one platform, without having to re-implement it with each platform's language and tool set.

a web developer and want to deploy a web app that's packaged for distribution in various app store portals

a mobile developer interested in mixing native application components with a WebView (special browser window) that can access device-level APIs, or if you want to develop a plugin interface between native and WebView components.

Cordova reference Link : (https://cordova.apache.org/)

jQuery Mobile

jQuery Mobile is an HTML5-based user interface system designed to make responsive websites and apps

jQuery Mobile is the easiest way to build sites and apps that are accessible on all popular smartphone, tablet and desktop devices.

jQuery Mobile is HTML5 markup based framework (not like Ionic Framework or Sencha Touch) inonic and scncha touch are built to work only on web kit browsers but jquery Mobile will run on pretty much anything as long it supports HTML5 standard.

jQuery Mobile offers CSS-based enhancements for common user interface elements(like classes, grid layout, responsive grid, theme)

Advantages:

• Most commonly use, which means a lot of 3rd party information
• Extremely easy to use, HTML5 bases, just like App Framework
• Good official documentation.
• Support every HTML5 browser you can think which makes it good for a desktop and mobile use
• Excellent theme support
• Large number of 3rd party plugins 

DisAdvantages:

•  JQuery mobile apps are slow on mobiles.
• Avarage UI
• Every JQuery mobile app appears as a duplicate of the other with no customization.
• JQuery Mobile does not offer “out of box” MVC support.
• JQuery mobile, when combined with other mobile frameworks, becomes even more time-consuming.

jQueryMobile reference : (http://api.jquerymobile.com/)