Two big HTML5 Framework reviews: Kendo UI and JQuery Mobile

Both the JQuery mobile and the kendo UI are popular JavaScript frameworks where we can build on them to build all modern mobile Web applications. Both frameworks are built on the use-top JavaScript library jQuery. Comparing the kendo UI with JQuery Mobile is somewhat similar to comparing the two sides of the same coin. As we all know, jQuery Mobile doesn't really need much introduction, because it's one of the most used HTML5 frameworks. The kendo UI has similar motivations and similar speed of development. Very similar to jquery Mobile, the Kendo UI is also based on the concept of the jquery application framework. However, a big difference between the two is that the kendo UI is a commercial product as a whole, and JQuery Mobile is an open source framework. This does not mean that you should switch to jquery Mobile because the Kendo UI is not open source, because the open source itself does not mean that JQuery mobile is better than the Kendo UI, and vice versa.

In this WDJ article we will try to better understand the differences between the kendo UI and JQuery Mobile in the same business area.

Differentiate according to the positioning of the supported platform market

jquery Mobile and kendo UI are a little different in the direction. You can see that the kendo UI itself is positioned as: "The comprehensive Html5/javascript framework required for contemporary web and mobile app development." The Telerik ' s kendo UI is needed by every professional developer who needs to create HTML5 sites and mobile apps. Today, the productivity of html/jquery developers is constrained by the disparate JavaScript libraries and plugins that make up a "Frankenstein" (PS: the name of a movie). Kendo UI has all: Rich jquery form widgets, simple and consistent program interfaces, stable and reliable data sources, validation, internationalization, MVVM framework, themes, templates, etc...

However, jquery Mobile has itself positioned itself as: "jquery Mobile: the best web for touch experience on the smart Machine and Peace board Framework. A unified, HTML5-based user interface system for all popular mobile device platforms, built on a stable and reliable jquery and jquery UI. Its lightweight code is gradually enhanced and has flexible, free, easy-to-design themes ... ".

In summary, it is clear that jquery mobile developers have defined jquery mobile as a completely new product in the market for similar products. In the definition of jquery mobile This moving ecology was defined as early as the second paragraph. This is a very important factor about why the kendo UI is just like jquery mobile, but it has become a different product in some way. Is that jquery Mobile compares the Kendo UI as a framework for more reference to the use of the mobile side. In summary, these indicate that the kendo UI is a mixed jquery user interface, while jquery Mobile prefers server-side support.

Kendo UI

This framework is a similar extension to jquery mobile that supports all top-level HTML desktop browsers on all popular mobile platforms. Despite the fact that it is inferior to jquery mobile, it is a great marketing strategy that supports almost all of the world's most popular platforms.

JQuery Mobile

This framework does not target itself to any strategy required by web developers who address HTML frameworks.

Powerful support for all well-known desktop browsers and mobile platforms, which can sometimes create more problems.

Supported by most mobile platforms and desktop browsers

Winner: It looks like the two are evenly matched.

The difference between user interface and visual impression

The interface appearance is an important aspect worthy of discussion, and the two frameworks are very close to each other in this respect. If you need to maintain platform consistency with your application, JQuery Mobile is recommended because it uses a platform-agnostic user interface. The UI contains a large number of components that are quickly responsive and supported by a large number of third parties.

If you look at both frameworks visually, then the kendo UI is more than JQuery mobile, because there are a variety of topics in the Kendo UI that can fit a variety of simulations, and JQuery Mobile has only one theme for all sample blocks. As for the kendo UI, the layout design is very similar to JQuery Mobile, but you can tell the difference as long as you look at the two more closely. If you want to switch from JQuery Mobile to the kendo UI or vice versa, you don't need to worry because you can easily create complex user interface designs quickly.

Kendo UI

With rich plug-in support like jquery Mobile

In iOS, the look and feel has a better native experience

There are a number of themes to choose from if you need to feel a unique look on a platform that doesn't work

Good UI performance on all mobile devices, creating a native feel for all animation transitions. Unfortunately, performance will decrease as the complexity of the layout increases.

JQuery Mobile

This framework has the same user interface and does not differentiate between the platforms you work on

The UI looks more like iOS

There are many built-in plugins, and there are a number of third-party plugins

JQuery Mobilekendo UI for better page responsiveness compared to different resolutions and CCS

As with the Kendo UI, you can easily modify the UI

If you compare the jquery mobile and kendo UI in terms of performance, sometimes the application will become completely ineffective because jquery will encounter a lot of trouble on mobile devices.

Winner: In this respect kendo UI wins because it has better mobile performance.

Differences in ease of use and usability

Our first point of view in this respect will also be a very close result, as both the kendo UI and jquery mobile are tag-driven frameworks that rely on jquery to make it easy to use and play. Unfortunately, JQuery Mobile is not polished to support the MVC (model-View-Controller) architecture, while the kendo UI is built on the MVC architecture.

Kendo UI

Although JavaScript syntax differs from jquery syntax, this framework is also easy to use.

You can modify the widgets as a wide range of themes to change the look and feel of your app.

Support MVC.

JQuery Mobile

JavaScript's syntax is similar to standard jquery, making it easy to use seamlessly.

Although MVC is not supported, you can solve this by knockout.js or backbone.js.

Excellent theme support.

You don't need any Ides to build mobile Web applications.

Winner: The Kendo UI wins in this respect because it supports MVC.

translate by  Open source China