I love SPA so much. And I love to do coding in this way.
I used Spring Java based configuration option write most of my Spring configurations without XML but with the help of few Java-based annotations. In Servlets 3.0 you don't need a web.xml for many cases, however, sometimes it's required or just useful. This case is just one of them - there is no special annotations to define welcome-file list or error-pages. It is resolved as bellow:

Select2 is a great component. This is just to keep track some useful information when doing configuration on it.

Maven plugin used to compress resources, such as: JS, IMG, PNG, HTML...

View me on Github!
Compressor

A client-side Javascript SDK for authenticating with OAuth services.
Features:
- SSO Login for Facebook, Google+, Window Live
- Return user email
- & more if anyone extended the code

Here is the link: http://phuong-huynh-projects.googlecode.com/svn/trunk/hellowebapp/

I have been working with ExtJS 4 these days. The framework provides new MVC architecture help their sheeps to improve the flexibility of the application. Remember the Design Pattern principle "close to modify but open to extend". Ok, let go to the main point of this entry.

To create an action column in a data-grid:

columns: [
   {
      header : 'Name',
      dataIndex : 'name',
      width: 150,
      editor: {allowBlank: false}
   },
   {
      header : 'Email',
      dataIndex : 'email',
      flex: true,
      editor: {allowBlank: false, vtype: 'email'}
   },
   {
      xtype: 'actioncolumn',
      width: 30,
      align: 'center',
      items: [
         {
            icon: 'images/delete.gif',
            tooltip: 'Please delete me',
            iconCls:'act-destroy',
            handler: function(grid, rowIndex, colIndex) {
               console.log("clicked on me!!!!");
            }
         }
      ]
   }
]

init: function() {
   this.control({
      'userlist actioncolumn': {
         click: this.handleUserClickAction
      }
   });
},
handleUserClickAction: function(view, cell, rowIndex, colIndex, e) {
   var m = e.getTarget().className.match(/\bact-(\w+)\b/);
   if (m === null || m === undefined) {
      return;
   }
   var action = m[1];
   switch (action) {
      case 'destroy':
         var store = this.getStore('Users');
         var store = this.getStore('Users');
         var record = store.getAt(rowIndex);
         store.remove(record);
         break;
   }
}

PS: The stuff is available here