7 Hybrid HTML5 Mobile development framework

Source: Internet
Author: User

It's best to start learning mobile development at this time, but everyone should have some ideas for mobile apps, and you don't need any native app programming experience, you just need some knowledge of HTML and some CSS and JavaScript. If you always listen to people say HTML5 mobile app is too slow, I can only tell you should have some ideas, first HTML5 will be better, mobile hardware will be more and more strong, how to say, you take a closer look at the application of your mobile phone, many applications have been quietly using hybrid development, if like you said they are slow, Have you found them yet?

There are already a lot of frameworks that can help you develop cross-platform mobile apps, and in this article we'll only cover 7 of the most bullish.

IONIC

IONIC is currently the most promising HTML5 mobile application development framework. Build your application with sass, which provides a number of UI components to help developers develop powerful applications. It uses the JavaScript MVVM framework and ANGULARJS to enhance the application. Provides two-way binding of data, using it as a common choice for web and mobile developers. The forthcoming ANGULARJS 2.0 will focus on mobile development, and I believe Ionic will surely achieve good results.

Ionic's development team will soon develop a way for developers to quickly create Ionic apps through Ionic creator. We'll soon see a visual development tool that supports drag-and-pull functionality, and developing an app in a few minutes will no longer just blow xx.

If you are interested in ionic, you can take a look at the ionic tutorials on this site.

Mobile Angular UI

The mobile Angular UI is a responsive mobile development HTML5 framework that uses bootstrap 3 and AngularJS.

The Mobile Angular UI keywords are:

    • Bootstrap 3
    • AngularJS
    • Bootstrap 3 Mobile components, such as switches, overlays and sidebars, are not in the Bootstrap.
    • AngularJS modules, such as Angular-route, Angular-touch and Angular-animate

Responsive media queries use bootstrap as a separate file, and you just need to include what you need. Mobile Angular Uiu does not contain any jquery dependencies, all you need to do is create a friendly user experience with some ANGULARJS instructions.

Learn more about the mobile Angular UI Demo page, which has the mobile Angular UI practice, and if you want to get a deeper look, I suggest you read getting started with mobile Angular Ui.

Intel XDK

The Intel XDK is a cross-platform development tool developed by Inter, and we can easily develop applications through the Intel XDK, all you need to do is download their app development tools, Linux, Windows, and Mac editions, and it provides a number of development frameworks such as Twitter bootstrap, JQuery Mobile and topcoat.

Related app Frameworks development use tutorial: Mobile development Combat: App frameworks Development support mobile device full-screen scrolling app

Before I wrote a very detailed tutorial about the Intel XDK, the students who had not seen it could take a look:

Authoring cross-platform apps with the Intel XDK (i)

Authoring cross-platform apps with the Intel XDK (ii)

Appcelerator Titanium

Unlike other frameworks, Appcelerator's Titanium is an open-source framework.

Titanium is a one-stop solution for hybrid mobile application development, you only need to download Titanium studio to solve everything, Titanium SDK contains many mobile platform APIs and backend cloud services.

Titanium using Alloy,alloy is a fast-developing MVC framework for mobile applications, and modular development can significantly reduce development time and improve code reuse.

Titanium Studio also provides some code templates. You can familiarize yourself with these templates and the relevant tutorials will be available soon.

Sencha Touch

Sencha Touch is also a cross-platform development framework for HTML5 Mobile applications, running Ios/android/blackberry. It has been in existence for many years and has now become a very common framework for hybrid programming development.

Sencha touch can make your web app look like the native app. Beautiful user interface components and rich data management, all based on the latest HTML5 and CSS3 Web standards, fully compatible with Android and Apple iOS devices.

Here are some of the characteristics that Sencha official gives

1. Based on the latest Web Standard –html5,css3,javascript. The entire library is approximately 80KB after compression and gzip, and by disabling some components it also makes it smaller.

2. Support the world's best equipment. Beta-compatible developers on Android and Ios,android can also use some of the themes that are specifically customized for Android.

3. Enhanced Touch events. Based on standard events such as Touchstart and Touchend, a set of custom event data integration, such as tap, swipe, pinch, rotate, is added.

4. Data integration. Provides powerful data packages that are bound to component templates via Ajax, JSONp, YQL, and so on, and write locally offline storage.

Kendo UI

The Telerik ' s Kendo UI is a powerful framework for fast HTML5 UI development. Based on the latest HTML5, CSS3, and JavaScript standards.

The Kendo UI contains everything you need to develop modern JavaScript, including powerful data sources, universal drag-and-pull (drag-and-drop) functionality, templates, and UI controls.

PhoneGap

PhoneGap is probably the oldest frame, I believe many people have heard and even used it, but PhoneGap is based on the open source Cordova commercial version.

The first paragraph of the PhoneGap code was written on the Iphonedevcamp in August 2008. One of the main motivations for creating it is based on a simple fact that almost every single iphone developer has to face: Objective-c is a very unfamiliar environment for web developers, and the number of Web developers is far greater than the number of objective-c developers.

The question is, is there anyone who can develop a framework that allows web developers to take advantage of all their HTML, CSS, and JavaScript knowledge, and still be able to interact with the iphone's important local applications, such as cameras and communications?

That year, PhoneGap won the prize and started supporting the Android platform, which became increasingly useful for the growing number of mobile developers who needed to get code support on more platforms.

Ref:http://www.weste.net/2014/12-23/100722.html

7 Hybrid HTML5 Mobile development framework

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.