What is Hybrid App?

Hybrid apps, like native apps, run on the device, and are written with web technologies (HTML5, CSS and JavaScript). Hybrid apps run inside a native container, and leverage the device's browser engine (but not the browser) to render the HTML and process the JavaScript locally.

Benefits

-Developer can use existing web skills
-One code base for multiple platforms
-Reduced development time and cost
-Easily design for various form factors (including tablets) using responsive web design
-Access to some device and operating system features
-Advanced offline capabilities
-Increased visibility because the app can be distributed natively (via app stores) and to mobile browsers (via search engines)

Top Frameworks for Hybrid App

1)IONIC
2)Mobile Angular UI
3)Intel XDK
4)Appcelerator Titanium
5)Sencha Touch
6)Kendo UI
7)PhoneGap

Video for Hybrid App

What is Ionic Framework ?

Ionic is an HTML5 mobile app development framework targeted at building hybrid mobile apps. Hybrid apps are essentially small websites running in a browser shell in an app that have access to the native platform layer. Hybrid apps have many benefits over pure native apps, specifically in terms of platform support, speed of development, and access to 3rd party code.

Since Ionic is an HTML5 framework, it needs a native wrapper like Cordova or PhoneGap in order to run as a native app. We strongly recommend using Cordova proper for your apps, and the Ionic tools will use Cordova underneath.

Ionic is focused mainly on the look and feel, and UI interaction of your app. onic currently requires AngularJS in order to work at its full potential. While you can still use the CSS portion of the framework, you'll miss out on powerful UI interactions, gestures, animations, and other things.

Video for Iconic

https://www.youtube.com/watch?v=Gym1QEsdHI0

Small Discussion about IBM Mobile First?

What is Mobile First?

IBM MobileFirst Foundation, formerly known as IBM Worklight®, is a suite of software development products that allow developers to build and deliver mobile applications for the enterprise.

The MobileFirst Platform Foundation consists of:

MobileFirst Server – the middleware tier that provides a gateway between back-end systems and services and the mobile client applications.

MobileFirst API - both client and server-side APIs for developing and managing your enterprise mobile applications.

MobileFirst Studio - an optional all-inclusive development environment for developing enterprise apps on the MobileFirst platform. This is based on the Eclipse platform, and includes an integrated server, development environment, facilities to create and test all data adapters/services, a browser-based hybrid app simulator, and the ability to generate platform-specific applications for deployment.

MobileFirst Console – the console provides a dashboard and management portal for everything happening within your MobileFirst applications.

MobileFirst Application Center - a tool to make sharing mobile apps easier within an organization. Basically, it’s an app store for your enterprise.

BM talks about the MobileFirst Platform in two ways, based in its capabilities and also by its components. The capability areas are: Continuously Improve, Secure, Contextualize and Personalize, and Enrich with Data.

Continuously Improve - allows IT to manage application refresh cycles and collect in-app usage analytics.
Secure - provides enterprise mobility management (EMM) capabilities.
Contextualize and Personalize - allows developers to create mobile apps that are location- and context-aware.
Enrich with Data - allows IT to join its mobile apps to internal and external data sources by connecting directly with IBM's Cloudant database as a service (DBaaS).

Video for Mobil First IBM

https://www.youtube.com/watch?v=2H8UKpbOR-M

Discussion About Onsen UI ?

What is Onsen UI?

Onsen UI is relatively new but giving a tough competition to Ionic. It is an open source framework under Apache license. Onsen UI is framework-agnostic UI components, you can choose and switch among the frameworks: Angular, Angular 2, React, Vue.js and Meteor or go pure JavaScript to build your hybrid apps.

Onsen UI features a large collection of ready to use components, responsive out of the box that allows you to build mobile, it allows you to write apps in HTML5 and JavaScript and push through Phonegap and Cordova for building the app.

This framework is very easy to use, flexibility and has semantic markup components and is free to use for commercial projects.

It is open source and designed to deliver native look and feel. Apps are made out of simple HTML tags, thus providing a gentle learning curve.

The core library is written in pure Javascript (on top of Web Components) and is framework agnostic, which means you can use it with your favorite framework and its tools.

Onsen UI is tested with the following browsers and mobile OS.

Android 4.4.4+ (and Android 4.0+ with Crosswalk engine)
iOS 8+
Chrome
Safari

Npm Command

npm install onsenui

Video for Onsen UI

https://www.youtube.com/watch?v=U_83GjDpGMU

Small Discussion about Sench Touch?

What is Sench Touch?

Sencha Touch is an enterprise-grade product for building cross-platform end to end mobile web apps with HTML5 and JavaScript. You can call it as the big daddy of mobile application development platforms in the commercial space, mostly enterprises. Sencha has a wide range of products that work hand to hand with Sencha Touch, most of these products carry heavy price tag.

Sencha Touch has been merged with Ext JS, which provides developers with everything they need to build data-intensive web apps.

For individual developers and freelancers, Ionic, Onsen UI or Framework7 will be a better choice but for enterprises application, Sencha Touch leads the way.

Sencha Touch scores highly against its competitors by providing a native look and feel across all of the platforms it supports.

ExtJS, one of the most popular JavaScript frameworks is at the core of Sencha Touch platform which helps create high-performance apps with near native experience. Sencha Touch packs ready to use widgets with native look and feel for all leading platforms including iOS, android, Windows Phone, and Blackberry. Sencha also features a drag and drop HTML5 visual application builder with tons of ready to use templates. Custom components can also be built and added to the library for reuse across apps.

Video for Sench Touch

https://www.youtube.com/watch?v=DWa4OJ4WMmU

What is Hybrid App?