Initialise le projet

js/app/app.js

@@ -0,0 +1,50 @@
+requirejs(['main'], function () {
+    "use strict";
+    require([
+            'backbone',
+            'jquery',
+            'marionette',
+            'underscore',
+            'controllers/soundboard',
+            'views/main'
+        ],
+        function(Backbone, $, Marionette, _,
+                SoundboardController,
+                MainView) {
+            "use strict";
+
+            var initialize = function initialize() {
+                window.App = (window.App) || new Marionette.Application();
+
+                App.on("start", start);
+
+                App.addRegions({
+                    'app': '#app'
+                });
+
+                App.controllers = {};
+                App.controllers.soundboard = new SoundboardController();
+
+                App.router = new Marionette.AppRouter();
+
+                App.router.processAppRoutes(App.controllers.soundboard, {
+                    "": "index"
+                });
+
+                App.start();
+            };
+
+            var start = function () {
+                var mainView = new MainView();
+                App.getRegion('app').show(mainView);
+
+                if (Backbone.history) {
+                    Backbone.history.start();
+                    App.trigger("backbone:history:start");
+                }
+            };
+
+            initialize();
+        });
+    }
+);

js/app/controllers/soundboard.js

@@ -0,0 +1,16 @@
+define(
+    'controllers/soundboard',
+    [
+        'marionette'
+    ],
+    function (Marionette) {
+        "use strict";
+
+        var SoundboardController = Marionette.Controller.extend({
+            index: function() {
+
+            }
+        });
+
+        return SoundboardController;
+});

js/app/main.js

@@ -0,0 +1,19 @@
+requirejs.config({
+    baseUrl: 'js/app',
+    paths: {
+        'backbone': '/js/vendor/backbone/backbone-min',
+        'hbs': '/js/vendor/require/plugins/require-handlebars-plugin/hbs',
+        'jquery': '/js/vendor/jquery/jquery-1.12.2.min',
+        'marionette': '/js/vendor/marionette/backbone.marionette.min',
+        'underscore': '/js/vendor/underscore/underscore-min'
+    },
+    hbs: {
+        "templateExtension": "hbs",
+        "hbs/underscore": "underscore"
+    },
+    shim: {
+        'marionette' : {
+          deps: ['jquery', 'backbone', 'underscore']
+        }
+    }
+});

js/app/templates/main.hbs

@@ -0,0 +1,3 @@
+<main>
+    
+</main>

js/app/views/main.js

@@ -0,0 +1,18 @@
+define(
+    'views/main',
+    [
+        'marionette',
+        'hbs!templates/main'
+    ],
+    function (Marionette, MainTemplate) {
+        "use strict";
+
+        var MainView = Marionette.LayoutView.extend({
+            template: MainTemplate,
+            regions: {
+                'main': 'main'
+            }
+        });
+
+        return MainView;
+});