A potent mix for creating elegant mobile applications is Kendo UI Mobile with MVVM and RequireJS. Included is an online sandbox environment with code snippets that will highlight the concepts needed to create more advanced Kendo UI Mobile applications. This has been created using jsFiddle and acts as a starter template to update or fork as needed.
Using Kendo UI Mobile with RequireJS
Are you thirsty for some scalable, elegant Kendo Mobile architecture? We all have been! The reason is because everything is globally scoped and seems to work much smoother if you jumble all your JavaScript on a single page. Fear no more though, RequireJS to the rescue!
Kendo Class Inheritance and RequireJS
Kendo UI includes base class objects that provides class inheritance. This is very useful for creating elegant, object-oriented JavaScript code. Couple this with RequireJS and you have a very scalable architecture.
Using Kendo UI template engine with RequireJS
If you are a big believer in Kendo UI, then you will be glad to know there is a built-in template engine as well. The problem was that you have to load the entire kendo.web.min.js file just to render a simple template (~0.5MB). Kendo is now AMD-complaint and can be used with RequireJS! I can now use Kendo UI’s as my new favorite template engine. Why not if I plan to use other parts of the Kendo suite later or on other pages.
How to avoid loading jQuery twice with RequireJS
When working with existing sites or content management systems, you have little say on where and when jQuery is loaded. To complicate matters, some pages may have jQuery auto-loaded, and others may not (yay for performance boosts, nay for client-side plugins). Do you bite the bullet and write unmanageable scripts? Or do you believe in RequireJS and dodge the bullet matrix-style?
Building Single Page Applications with CanJS and RequireJS
The web users of today expect a modern experience that only a single page application can deliver. Page refreshes are a thing of the past. Waiting for anything longer than 2 seconds without a “cool effect” is not acceptable. Responsive design for tablets and smartphones should just work. These demands of the new era have spawned new ways to develop JavaScript applications. For modern, scalable, and extensible JavaScript applications, two techniques are on the forefront: MVC patterns and AMD design. For this demo, we will be using RequireJS for AMD modular design and CanJS for MVC.
Building JavaScript Apps using Modular and MVC Patterns
In this post, I would like to open your eyes to a new way of developing JavaScript applications. We will be building modular JavaScript code on an MVC architecture while also handling dependencies. With these techniques, you can join a new era of web development and stop coding like it’s 1999!