Installation de Marionette

Modularité

Une approche modulaire est à privilégier d'emblée pour la complexité future de votre application. Le Javascript ne proposent pas nativement de gestion de dépendances (quoique l'ES6 en propose à présent), il est possible de faire appel soit

Workflow de publication

Dans les deux cas, il est important d'installer un environement node.js et d'établir un workflow de publication automatisé, par exemple depuis les scripts npm.

Suivez ce guide complet en choisissant votre plateforme de développement.

Browserify

Nous optons pour l'emploi de la librarie browserify. Pour cela, nous allons nous inspirer du dossier du cookbook repository.

  • Définissez un nouveau projet dans un répertoire dédié
    npm init
    
    Suivez les étapes de la ligne de commande.
  • Installez browserify depuis le package.json
    npm install --savedev browserify
    
  • Installez les libraries depuis le package.json
    npm install --save-dev
    
  • Installez les dépendances
    npm install underscore --save
    npm install jquery --save
    npm install backbone --save
    npm install backbone.marionette --save
    
  • Placez ce code dans la propriété script de package.json
    "build": "./node_modules/browserify/bin/cmd.js app.js -o build.js"
    
  • Ajoutez un fichier index.html
    <html>
    <body></body>
    <script src="build.js"></script>
    </html>
    
  • Développez votre application depuis un fichier app.js
  • Compilez votre code source dès que vous souhaitez le tester
    npm run build