In general when ever we talk about MVC we think about software engineering and design patterns which ease the life for a software developers. But MVC is not only a a design pattern for software engineering,  MVC is also a recommended pattern for HCI/Usability suggested by Jan Borchers in his book “A Pattern Approach to Interaction Design” .

Why we need it?

In today’s world of software development usability and interaction design considerations are inevitable. We all know about the buzz “Enterprise 2.0” ( I will be posting some of my ideas on this very soon) and we just not think of an enterprise application without lots of big and really long forms. As web has become a ‘de facto’ standard for new breed of software’s in anyway we need to put a lot of client side validations(a hefty line of codes) and usability and UI tweaking for web forms.

Yes I can understand, no body wants to be remembered of those nightmares, but it is inevitable in any way. So please consider using a MVC here even for this forces of software designing.

We have ‘views’ as forms, we have ‘models’ and business/validation logic  and if we could glue-in the ‘controller’ we are done to solve our puzzle by using MVC in javascripts.

Going more into the frameworks available as of today is out of the scope of this article but I would like to put more in this subject when ever I get some more time to provide my readers a working samples to use and evaluate. For the time being the list of best(according to me) javascript MVC frameworks available for use.

SproutCore

SproutCore is an open-source platform for building fast rich cloud applications on the web.  Specifically, the tools we develop are suitable for building large-scale applications that scale to many millions of users across many different devices.

PureMVC framework for Javascript

PureMVC is a lightweight framework for creating applications based upon the classic Model-View-Controller design meta-pattern.
This free, open-source framework is implemented in ActionScript 2 and 3, Java, Javascript and a number of other popular programming languages. This allows development on a wide variety of platforms.

CorMVC

CorMVC stands for: Client-Only-Required Model-View-Controller, the application architecture held completely separate from server-side technologies. Ideal for single page application.

JavascriptMVC Javascript MVC framework based on JQuery.

JavaScriptMVC is an open-source framework containing the best ideas in enterprise JavaScript development. It guides you to successfully completed projects by promoting best practices, maintainability, and convention over configuration.

Jamal

Jamal is a set of conventions and small javascript libraries to achieve a complete separation of html, css and javascript in your web application. Jamal is built on jQuery and inspired by MVC frameworks like Ruby on Rails, CakePHP and its derivatives.

Oh. yes client’s budget no problem provide him a low cost server side development budget with PHP. Yes it is true now you can. Go for GWTPHP the framework may be for your next RIA project. Check it out.

What is GWTPHP?

GwtPHP is a framework for both client and server part.  In GwtPHP you don’t need to hack JavaScript, work with modern, object oriented languages JAVA and UI framework from google GWT.

User intefrace (client) is programmed in Java, then compiled by Google Web Toolkit (GWT) to browser-dependent JavaScript.

Server part uses PHP 5 – the most used web scripting language today.

Keep an eye on this framework.

Inspired by Ruby on Rails a new java based framework for Ajaxified Web based application development framework that’s can turn your heads with some cool features:

• Roma it’’s totally based on POJO (Plain Old Java Objects)
• True Object Oriented vision in all aspects: from the model to the view and to the repository/database

• Encourage the use of the Domain Driven Model (DDD) approach: let’’s think to the Domain: the other things are secondary Aspects
• It works with Conventions ala Ruby On Rails: much less code to write and maintain and more uniformity in projects
• Applications are fully portable across frameworks since the application is developed using POJOs. For example you can switch between JDO and EJB3 PersistenceAspect without changing code unless you use directly the aspect implementation (see below)
• Allow to makes things dirty: you can use directly the target framework taking the full advantage of the implementation power
• You can use the already developed Modules (CRUD, User&Profiles, etc.) and extend their if you need
• The skill requested to build application can be lower than required for modern Java Web Applications: minor cost of development
• Roma is based on Spring Framework as IoC container, but you can use another one if you want.
• The supported frameworks and tools are continuously update on Modules page.

You can have the pleasure of Ajax web front-end with the help of Echo framework and if you are too much conservative and do not want to break out your tie with JSP you can do that too with this framework.

It’s worth checking this framework before going for any other RAD framework in J2EE space.

• Free hosting
• 30 MB of Web site storage
• 10 GB of bandwidth
• No setup or hidden fees
• Online customer support
• Daily backup (data retained for 30 days)

To use Microsoft Office Live Basics, you need the following: 

• Internet Explorer 5.5 with Service Pack 4 (SP4) or later running on Windows 98,
• Windows 2000, Windows XP, or Windows Server 2003
• Internet access via dial-up or broadband
• Super VGA (800 x 600) or higher-resolution display
• Certain features require Microsoft Office 2000 or higher
• Certain features require Internet Explorer 5.5 or later, Microsoft Office 2000 or later, and Windows XP