backbone-bootstrap-tabs

Boilerplate using Backbone, Requirejs, jquery ,Bootstrap and Less
A starting template for development, application with menu tabs
See the online demo

Application structure

The application architecture directories :

app/
|-- assets/
|---- less/
|-- collections/
|-- dist/
|---- css/
|---- images/
|---- fonts/
|-- models/
|-- routers/
|-- vendor/
|-- views/
|---- templates/
|-- app.js
|-- index.html
|-- main.js
|-- main-built.js
|-- bin/
|---- bower.sh
|---- npm.sh
node_modules/
bower.json
Gruntfile.js
package.json
README.md

Using grunt

For your development, you have to install some required grunt tasks modules :

• grunt
• grunt-contrib-jshint
• grunt-contrib-less
• grunt-contrib-symlink
• grunt-contrib-requirejs
• jshint-stylish

You can add mores grunt modules if you need by update the Gruntfile.

Install your module globally, an example with less

1npm install -g grunt-contrib-less

Then link the module to your application

1cd my-project
2npm link grunt-contrib-less

RequireJs Compilation

This Boilerplate is using grunt-contrib-requirejs in order to compile all your JavaScript application scripts in one file.
Just run after grunt modules install/linking this commands :
Linking fonts and compile less to css

1grunt

Then to compile with r.js

1grunt optimize

Installation

You must have node, grunt and bower install on your development environment

You can simply download, clone or fork the project from Github or
Install via bower, run the following commands :

1cd my-project
2bower init
3bower install backbone-bootstrap-tabs
4find bower_components/backbone-bootstrap-tabs -maxdepth 1 -mindepth 1 -exec mv {} . \;
5rm -rf bower_components/backbone-bootstrap-tabs  
6bower update

Install via npm, use the following commands :

1cd my-project
2npm install backbone-bootstrap-tabs
3find node_modules/backbone-bootstrap-tabs -maxdepth 1 -mindepth 1 -exec mv {} . \;
4rm -rf node_modules/backbone-bootstrap-tabs
5bower update

Automating

Two bash scripts are provided for automatic install, you can make an alias to the script for using in command line:

1cd my-project
2npm install backbone-bootstrap-tabs
3cp backbone-bootstrap-tabs/bin/*.sh ~/local-script/

Make alias:

1vi ~/.bash_aliases
2alias npm-dev='~/local-scripts/./npm.sh'
3alias bower-dev='~/local-scripts/./bower.sh'

The when you need to use the backbone-bootstrap-tabs Boilerplate for each projects you can run this commands for installation.

With bower

1cd my-project
2bower install backbone-bootstrap-tabs
3bower-dev

With npm

1cd my-project
2npm install backbone-bootstrap-tabs
3npm-dev

License

MIT