Serenade.js

Serenade.js is yet another MVC client side JavaScript framework. Why do we indulge in recreating the wheel? We believe that Serenade.js more closely follows the ideas of classical MVC than competing frameworks and has a number of other advantages as well:

• Super pretty, powerful yet logic-less template language
• Data bindings keep your views up-to-date without any extra work
• Powerful caching features
• Absolutely no dependencies, everything works without jQuery
• No need to inherit from base classes anywhere (though you can if you want)

https://github.com/elabs/serenade.jshttp://elabs.se/blog/33-why-serenade

Build a simple client-side MVC app with RequireJS

As a web developer, you certainly often started coding your JavaScript in a single file, and, as the code base gets larger and larger, it became really difficult to maintain. To solve this problem you can split your code in several files, add more script tags and use global variables to reach functions declared in other files. But this pollutes the global namespace and for each file an additional HTTP request consumes bandwidth, which slows down the loading time of the page.

If this happened to you, you certainly understand that there is a strong need to organize our front-end code differently, particularly if we have to build large-scale web apps with thousands of lines of JavaScript. We need a new way to organize all this mess to make it easier to maintain. This new technique consists in using script loaders. Plenty of them are available on the web, but we’ll focus on a very good one called RequireJS.

In this step by step tutorial you will learn how to build a simple MVC (Model – View – Controller) app using RequireJS. You don’t need any particular previous knowledge of script loading – we’ll see the basics together.

http://verekia.com/requirejs/build-simple-client-side-mvc-app-require-js

RailwayJS - MVC framework

What is railway?

Railway is the Node. JS MVC framework based on ExpressJS, fully ExpressJS-compatible. It allows you to build web applications in a similar manner as in Ruby On Rails.

The main objective of the framework - web development without pain.

What is under the hood

• Full MVC+H stack
• Resource-based routing
• JugglingDB ORM
• Multi-locale support
• Coffee-script support (howto)
• Generators for model, controller, scaffold
• Testing: nodeunit, cucumis, code coverage reporting
• Debugging: railway console
• Extensions

http://railwayjs.com/

CorMVC - jQuery-powered Model-View-Controller Framework

CorMVC is a jQuery-powered Model-View-Controller (MVC) framework that can aide in the development of single-page, web-based applications. CorMVC stands for client-only-required model-view-controller and is designed to be lowest possible entry point to learning about single-page application architecture. It does not presuppose any server-side technologies, or a web server of any kind, and requires no more than a web browser to get up and running.

View The Online Demo Here »

Features

1. A large sample application. The whole demo site (including the contacts section) runs off of corMVC as a single-page application.
2. No server required. The demo application does not require any additional server-side technologies. If you have a web browser, you can download and run this application immediately.
3. No building required. This framework does not require you to build the application using scaffolding or any other command-line executables. You just download it and open it up in a browser.
4. Small Framework. This framework is very small (and excessively commented). It doesn't do anything more than it is supposed to.

http://www.bennadel.com/projects/cormvc-jquery-framework.htm

Bowline

Bowline is a new MVC GUI framework for developing cross-platform desktop applications using Ruby, HTML, CSS and Javascript. The author, Alex MacCaw, aims to make building a desktop app as simple as creating a Rails site.

Unlike pure Ruby desktop libraries like Shoes, Bowline builds on Appcelerator Titanium, an SDK for building desktop apps that basically gives you a Webkit window and a set of APIs for interacting with various operating systems. This lets you develop for the desktop using familiar web technologies, including CSS3 and HTML5 (think Adobe Air!).

To allow your Ruby code to interact with your HTML, Bowline introduces the concept of "binders" which can update your views as the underlying data changes (a bit like controllers in Rails). Bowline also includes other ideas analogous to parts of the Rails framework, such as generators, helpers and models.

In this blog post Alex MacCaw shows off a simple Twitter client he built using Bowline - you can download it and continue to play on your own if you like. Nice work!

http://www.rubyinside.com/bowline-rails-for-the-desktop-2183.html

Mamoo

The Motionbox Advanced Model Observer Observer

A light-weight MVC framework for separating concerns (Data model, views, related actions). It also provides a javscript queue system which lines functions up in an array and will execute them at an interval.

Full documentation can be found here: http://tobowers.github.com/mamoo/

Video demonstration can be found on Motionbox.

It's built on top of Prototype and the Motionbox EventHandler. Minimized it's about 13k.

http://github.com/tobowers/mamoo/tree/master

JavaScriptMVC 1.5 Released

JavaScriptMVC is a framework that brings methods to the madness of JavaScript development. It guides you to successfully completed projects by promoting best practices, maintainability, and convention over configuration. Learn more...

New features include:

• Env.js/Shrinksafe based compression: A custom env to simulate the browser. As the browser encounters script tags, it adds them to a collection and then compresses them. This means instant file concat and compression from the command line with no extra work.
• Env.js Testing: Prior to 1.5, tests ran in the browser only. With Env, the same tests can be run from the command line. Great for projects where you need a quick way of checking if functionality works before check-in.
• Documentation:New JavaScript based documentation library split between JSDoc and NaturalDocs.
• Code Generators: Added code generators and made building custom ones easy too by using EJS.
• Scaffolding: Helps you develop iteratively by connecting to default Rest services and providing an easily expandable CRUD interface.
• Engines+Plugins: Added a command line plugin and dependency installer. So, if a developer wanted a jQuery plugin, he can install it from the command line, and it will also grab jQuery.
• Custom Event Delegation: Besides improving event delegation to cover all the cases that even live doesn’t do, they’ve expanded it to include custom events such as drag+drop, lasso, hoverenter, mousenter. Developers can have the benefits of event delegation with these complex events.
• Easy Update: JavaScriptMVC can update itself from the command line.

http://javascriptmvc.com/index.html