Mobile developers, it's time to use HTML5!

Html5 shouted for many years, and has not yet been used on a large scale. Still remember 2012 to participate in the HTML5 Dream Factory (now called the Iweb Summit) went to a lot of people, then naïve thought, Html5 really began to pop up, so in the venue sold books in the place bought Ben HTML5 book to learn. Later, you know, Html5 are tepid, but I did not reduce the enthusiasm for their attention.

As I have been doing mobile app development, multi-terminal with a set of logic development many times do not say, at the same time, developers and the UI and product many times to communicate to achieve, as an app developer, the pain inside, I have a say. So, especially want to see a cross-platform framework can cover live all platforms, really can achieve a write, all mobile terminal running purposes. Hbuilder (this was seen at the 14 iweb Summit), Appcan, WeX5, Apicloud, etc. Limited to understand not too deep, the approximate result is the following table (the comparison results are the views of my practice):

Judging from the above summary,

Although HTML5 did not come, for the various manufacturers are grinding fist rub palm, the scene can be said to have been fighting four. However, for developers we are a positive, I like. But today I want to introduce is not the above framework, but a more popular foreign framework called Ionic, in fact, to say that the cross-platform development of the above several frameworks can be satisfied, but the performance and experience of the problem are user sensitive, have to consider. This is also why I recommend Ionic, which focuses on experiencing extreme optimization, close to native. Follow the official tutorials and resources step by step I soon set up a TODO app~~~ experience address (Android version) portal-click to download

APP:

OK, so far, download experience of this app if you feel that the experience is not good enough can not look down. Because it's all about Ionic's knowledge, if you feel like it, I put the source on GitHub: Go to the Ionic-todo APP source code. There is a need for yourself to download the compilation, research.

Sorry, said so long to get to the point, this is the history of the longest opening!

What is ionic and what is it for?

Ionic is a HMTL5 framework that focuses on developing and building hybird models across platforms. The Hybird mode app is a microsite that has access to the local device interface (such as access to cameras, file systems, sensors) and runs on a Web browser shell. As a result, apps developed by the Hybird model have many advantages that are not available in native apps, especially in cross-platform support, rapid development, and fast access to third-party code.
Ionic can be imagined as a front-end framework for dealing with a compelling UI interaction experience and a nice look for the app. Somewhat similar to bootstrap for native, but Ionic supports more extensive and closer to native native mobile components.
Unlike the responsive framework, Ionic is born with a style and UI component and layout that is very close to native mobile that does not exist in existing web development. It also provides some optional and powerful ways to build a HTML5 development framework based on existing ones.
Since Ionic is a HTML5 development framework focused on experience and operational efficiency, it requires some wrappers like Cordova or PhoneGap to run as a native app. Some of the tools that are strongly recommended for use with Cordova,ionic are based on Cordova.

The origin of Ionic

The team that developed Ionic said they were acutely aware that HTML5 would be running on mobile devices, just as HTML5 had been running on a PC computer. Once the computer is strong enough and the browser technology becomes sufficiently advanced, almost all of them will be forced to spend time with the browser. Developers have developed a large number of Web sites and applications, and recently mobile and tablet computers can run these Web applications because of advances in mobile technology.
Using the Ionic HTML5 framework, it is possible to build nativie or hybird apps rather than to develop mobile sites, as there is already a large number of development tools available on the market for developing mobile sites. So, the Ionic app is not designed to run in Chrome or Safari, but is designed to run in a lower-level, Cordova or phonegap-wrapped browser kernel, such as iOS UIWebView or Android WebView.

Develop hybrid App with ionic

Developers familiar with the web will find that Ionic's program structure and web development are similar. From the core, a ionic app is just a netizen running in the shell of a native app. It also means that you can use any familiar HTML, CSS, JavaScript technology to develop the ionic App. Unlike web pages that jump through URL links, using Ionic is the experience of developing an app that is self-contained (translator Note: Can be understood as a single-page application and jump is based on an anchor point).
Developing an app based on the Ionic framework requires HTML, CSS, and Javascript, and some anxious developers may want to go deep into the native level to study Corvoda plugins or native code, This is not necessary to develop a great app (translator Note: Also can go toss).

Ionic performance

Ionic performance is better, experience is great, this is also I write this article to recommend the purpose of use. Specifically, crossing can use the ONEAPM Performance monitoring tool (monitoring WebView function) under test, below is a monitoring Baidu homepage loading page,

Ionic is a relatively new framework for building the Hybird app, just from the Bate version to the 1.0 version, where the 1.0 version of the revised version has many more to launch the official version, which can be seen as stable enough. And on GitHub on the star 17,766 Times, fork over 2,386 times, it is a sign of popularity. It's time to hug the H5!

Original link: http://www.gbtags.com/gb/share/5737.htm

Mobile developers, it's time to use HTML5!