App.js

define( function( require ) {

    var Marionette = require( 'marionette' ),
        Backbone = require( 'backbone' ),
        Router = require( 'Router' ),
        Controller = require( 'Controller' ),
        NavigationView = require( 'view/Navigation' ),
        RedThemeModule = require( 'module/RedTheme/Module' ),
        BlueThemeModule = require( 'module/BlueTheme/Module' ),
        UniversalFooter = require( 'view/UniversalFooter' );
    
    return Marionette.Application.extend( {
        
        /**
         * Define the regions for the application. 
         * 
         * @returns {Object}
         */
        regions: function() {
            return {
                
                // You can use jquery format to select regions, I'm just using
                // tagnames for simplicity sake
                regionHeader: 'header',
                
                regionNav: 'nav',
                
                regionMain: 'section',
                
                regionFooter: 'footer'
                
            };
        },
        
        /**
         * 
         * @param   {Object}    options
         */
        start: function( options ) {
            var navigationView = new NavigationView();
            
            // Perform the default 'start' functionality
            Marionette.Application.prototype.start.apply( this, [ options ] );     
            
            // Add in the site navigation
            this.regionNav.show( navigationView );
            
            // Add routers
            this.Router = new Router( { controller: new Controller() } );
            
            // Add modules
            this.module( 'BlueThemeModule', { moduleClass: BlueThemeModule } );
            this.module( 'RedThemeModule', { moduleClass: RedThemeModule } );
            
            // This is a very simple demo, and as such I'm going to use
            // hashes for internal navigation.  If you want Backbone/Marionette
            // to enforce full URLs use:
            // Backbone.history.start( { pushState: true } );
            Backbone.history.start( );
            
            // show the footer
            this.regionFooter.show( new UniversalFooter() );
        }

    } );
    
} );