app_structure
In order to be efficient on the browser, we have to seve:
- One or two JS files
- One css file (or two)
- All the assets
- Cache them on the client
In order to have a nice structure inside the project, a bundler is used. This bundler called brunch is built on the top of Node.js. The bundler role is to convert multiple files (whenever a file is modified) into a single one.
| directory | meaning |
|---|---|
| application.js | All the application initialization code |
| assets | All application static ressources (images, fonts, favicon, ...) |
| lib | Contains all application helpers, the application router(s), template helpers. |
| i18n | All application text informations (label, messages, ...). Could contain multiple languages. |
| services | Client side service layer. (Ajax or local loading) |
| views | Contains all the views. Views in the backbone.js applications are more like controllers. They load their models using services and display the in their templates. Views are also responsible for handling user interactions with the page. |
| models | Modelization inside views, match api data. Can have special methods (sort, toJSON, ...). Contains both models and collections |
| views/templates | The templates of the views |
A additional level can be added in each directory if the application is complex and have many pages.
- module.exports and require
- search local, then relative then globals
