Logo
JQUERY Mobile VS KENDO UI

JQUERY Mobile VS KENDO UI

User Rating:  / 0
PoorBest 
View Comments

This feels like matching two brothers from the same mother. jQuery Mobile does not need too much announcements, it is probably the most commonly used HTML 5 framework and it is all thanks to his older brother jQuery. Kendo UI is in the same line of business.

Just like jQuery Mobile Kendo UI is made on a basis of jQuery application framework. This is the main reason why I’m calling them brothers from the same mother.

But there’s one large difference between them, jQuery Mobile is open source while Kendo UI is a commercial product. Don’t make this switch you to jQuery Mobile side just yet, open source doesn’t mean it is better. Same thing goes for the commercial nature of Kendo UI.

Intro

This article is a part of a series where I am trying to explain differences between different HTML5 application frameworks. Original article is talking about a broad differences between 7 most popular HTML5 mobile frameworks. Follow previous link if you want to find out more about them.

jQuery Mobile vs Kendo UI

I will try to make this article as objective as I can. Before we go any further let me be more transparent with you. I have originally started to work with jQuery Mobile 2 years ago. During that time I have joined Stackoverflow, and while helping other jQuery Mobile developers I’ve read something about Kendo UI. It intrigued me enough to spend few weeks playing with it. This article is the product of that time.

Match 1 – Marketing and platform support

Kendo UI and jQuery Mobile are a bit different in kind. jQuery Mobile is promoted as:

jQuery Mobile: Touch-Optimized Web Framework for Smartphones & Tablets. A unified, HTML5-based user interface system for all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI foundation. Its lightweight code is built with progressive enhancement, and has a flexible, easily theameable design …..

As you can see, jQuery Mobile developers are trying to promote them self as new product in a line of other great products. Its mobile nature was described as early as second sentence. This is important because you need to understand that Kendo UI is similar yet different “beast”. Kendo Ui provides much more then mobile use, compared to jQuery products, Kendo UI looks like a combination of jQuery UI with jQuery Mobile (with a dose of server side support). These are the words used at Kendo Ui site:

Comprehensive HTML5/JavaScript framework for modern web and mobile app development. Telerik’s Kendo UI is everything professional developers need to build HTML5 sites and mobile apps. Today, productivity of an average HTML/jQuery developer is hampered by assembling a Frankenstein framework of disparate JavaScript libraries and plug-ins. Kendo UI has it all: rich jQuery-based widgets, a simple and consistent programming interface, a rock-solid DataSource, validation, internationalization, a MVVM framework, themes, templates and the list goes on ……

jQuery Mobile

Kendo UI

Verdict: Tie

 

Match 2 – UI and visual impression

Look and feel, this topic is again going to be close. jQuery Mobile uses same UI regardless the platform. This is excellent if you want to provide platform consistency. Unfortunately UI looks to much like iOS, thankfully that was fixed with version 1.4. Very large set of widgets is provided, not to mention large 3rd party support (more about it here and here). Widgets are fully responsive and play well during the screen rotations.

From the “look” perspective, Kendo UI provides more then jQuery Mobile. Where jQuery Mobile provides one theme (several swatches) Kendo UI provides several themes. There’s a theme made to mimic every kind (and version) of mobile device.

There’s also one unique flat theme made to look the same on all available platforms. Widget support is as large as is case with jQuery Mobile, with few exceptions and differences (for example jQuery Mobile provides excellent table view and Kendo UI provides out of box carousel).

Layout design looks freakishly similar. Differences can be spotted only on a closer look. This was the first thing that led me to Kendo UI. Transition from jQuery Mobile to Kendo UI and vice versa is fast. During that transition, it took me only few hours to start creating complex UI designs.

jQuery Mobile

Kendo UI

Screenshots


jQuery Mobile example

Kendo UI example 
 

Examples:

Verdict: Kendo UI wins (mobile performance is main reason for this victory)

 

Match 3 – Availability, ease of use

Like in our first match this is going to be a very close situation. Both jQuery Mobile and Kendo UI are markup driven and their dependency on jQuery makes them extremely easy to master and use. Unfortunately jQuery Mobile don’t offer MVC support, where Kendo UI has built in MVVM support. In case of jQuery Mobile it can be fixed with 3rd party framework like Backbone. While Kendo UI don’t really need Backbone it can still be used if you prefer its architecture. jQuery is application framework in both cases but Kendo UI uses more java script like syntax then jQuery Mobile.

jQuery Mobile

Kendo UI

Verdict: Kendo UI wins (MVVM is enough to make this a win)

Examples


jQuery Mobile syntax:


Kendo UI syntax:

 

Match 4 – Documentation

This is match where jQuery Mobile beats Kendo UI. First let me tell you that jQuery Mobile and Kendo UI don’t have great documentation. It is often confusing, parts are missing or can be found in weird places, some topics require a lot of time to find out. But jQuery Mobile has something that Kendo UI lacks, at that is working examples made from their own code. I hate when I find an example and I need to test it myself to see how it looks and behaves, it is just unproductive.

jQuery Mobile

Kendo UI

Verdict: jQuery Mobile wins

 

Match 5 – Tools, Plugins, 3rd party support

This is going to be a short topic. jQuery Mobile is open framework and has a better 3rd party plugin support. Kendo UI developers are not that much fond of 3rd party plugin support, mostly because it can compromise their product which is understandable. Both frameworks don’t require IDE and development can be done in any editor.

jQuery Mobile

Kendo UI

Verdict: jQuery Mobile wins

 

Final thoughts

jQuery Mobile 

Good
Bad
Should be used
Reading material

jQuery Mobile Web Development Essentials, Second Edition

Yet another book from the Packt Publishing, second installment of this series. Originally I have bought first installment of this book which was outdated so you should also be careful. This one is currently 2 months old (26.11.2013) so it should satisfy you in coming months. Second edition is excellent all around book, covering everything from API to working examples. It is also an excellent book if you want to learn everything that needs to be know about jQuery Mobile API (Chapter 10), something event official product web page is lacking.

 

 

Kendo UI

Good
Bad
Should be used

Reading material

Building Mobile Applications Using Kendo UI Mobile and ASP.NET Web API

Do not be discouraged by the title of this book, only one chapter (Chapter 3) is really dedicated to ASP.NET, rest of the book is dedicated to Kendo UI alone, making it also usable to JAVA and PHP developers. It is intended for beginners and expert developers alike. Book covers everything from API, widgets up to working example in form of Movie Ticket Application.

 
Instant Kendo UI Mobile

Unlike the previous one this book is dedicated only to Kendo UI Mobile library and its various components for building mobile applications effectively. It is rather short (compared to the previous one). Still it will cover everything you need to know about Kendo UI widgets and page building. One other thing, its price (6.29$) makes it also a bargain.

 

 

Final words

All in all both frameworks are mature products and can stand on their own. On the other had, even if tie is final result I would advise Kendo UI over jQuery Mobile. Mainly because it works much better and native like on mobile devices. jQuery Mobile is slowly catching up but it will take a lot of time to reach performance level of Kendo UI. In the end, choose Kendo UI if money is not a problem or you are creating a professional hybrid application. In any other case you should use jQuery Mobile. I understand my final thought don’t feel objective but that is the truth. If performance is only then matters then Kendo UI is better then jQuery Mobile.

STORY BY:
Dragan Gaić

Dragan Gaić

I'm software architect and creative code developer. Blame it on my parents, my upbringing, or my obsession with the IT, but folks tell me I am really, really good at what I'm doing. When I'm not meddling with HTML5 and web development, I work as a senior Java developer in one of the biggest insurance companies in the world. Google+

Website: http://www.gajotres.net

 


You might also be interested about:

Should you use Kendo UI??

Should you use Kendo UI??

Sepelka
 
SEPELKA