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!
Building a Mobile Web App using Sencha Touch 2 and MVC
In my previous post, I showed how to build a mobile web app using jQuery Mobile. Its use of HTML5 data attributes and CSS classes made it pretty straightforward, especially if you are used to building regular websites. The architecture of your mobile website would have to be based on the server-side though, whether this be ASP.NET MVC, PHP, Ruby, etc. Then I came across Sencha Touch which changes this mentality to a more progressive approach… client-side applications!
Building a Javascript MVC App using Sencha Ext JS
With mobile getting all the love lately, I thought I would give back to the desktop community. I showed how to build a mobile web app using Sencha Touch 2 and MVC. Now I will do the same with a desktop web app using Ext JS.