You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
[Bakbone](http://documentcloud.github.com/backbone/) est un projet que j'aime beaucoup car il embarque en très peu de lignes, un ensemble de bonnes pratiques qui rendra votre code bien plus lisible et
13
+
[Bakbone](http://documentcloud.github.com/backbone/) est un projet que j'aime beaucoup car il embarque en très peu
14
+
de lignes, un ensemble de bonnes pratiques qui rendra votre code bien plus lisible et
14
15
compréhensible par les autres développeurs.
15
16
16
17
<pclass="center">
@@ -22,17 +23,32 @@ vous laisse relativement libre pour structurer votre application. Ce qui est
22
23
très bien, mais qui pourrait vous laisser un peu démuni pendant la
23
24
phase d'apprentissage.
24
25
25
-
Cet article fait suite à [une session LyonJS](http://filirom1.github.com/lyonjs-DocumentCloud-slides/), pendant laquelle je commentais les sources de DocumentCloud afin d'en sortir les bonnes pratiques.
26
+
Cet article fait suite à [une session LyonJS](http://filirom1.github.com/lyonjs-DocumentCloud-slides/),
27
+
pendant laquelle je commentais les sources de DocumentCloud afin d'en sortir les bonnes pratiques.
26
28
27
-
**Maintenant, ces bonnes pratiques ont été extraites dans [Backbonist](https://github.com/Backbonist/Backbonist), un facilitateur de projet disponible sur [Github](https://github.com/Backbonist/Backbonist)**
29
+
**Maintenant, ces bonnes pratiques ont été extraites dans [Backbonist](https://github.com/Backbonist/Backbonist),
30
+
un facilitateur de projet disponible sur [Github](https://github.com/Backbonist/Backbonist)**
28
31
29
-
Je vais beaucoup vous parler de la structuration d'un projet Backbone, mais finalement très peu du framework en tant que tel. Je vous laisse le soin de lire la [doc officiel](http://documentcloud.github.com/backbone/), ou même le [code commenté](http://documentcloud.github.com/backbone/docs/backbone.html) car celui ci est très claire. Pour ceux qui ne le connaissent pas encore, Backbone possède un Routeur pour gérer des URLs, des modèles et des collections qui ne partagent pas le même cycle de vie que les vues, des vues qui sont misent à jours automatiquement dès que le modèle change, un système d'événements simple mais efficace, un modèle objet très pratique, ... et tout ça dans 5Ko :)
32
+
Je vais beaucoup vous parler de la structuration de projets Backbone, mais finalement très peu du framework
33
+
en tant que tel. Je vous laisse le soin de lire la [doc officiel](http://documentcloud.github.com/backbone/),
34
+
ou même le [code commenté](http://documentcloud.github.com/backbone/docs/backbone.html) car celui ci est très claire.
35
+
Pour ceux qui ne le connaissent pas encore, Backbone possède : un Routeur pour gérer des URLs,
36
+
des modèles et des collections qui ne partagent pas le même cycle de vie que les vues,
37
+
des vues qui sont misent à jours automatiquement dès que le modèle change,
38
+
un système d'événements simple mais efficace, un modèle objet très pratique, ... et tout ça dans 5Ko :)
30
39
31
-
Ce qui m'a plu dans l'utilisation faite de Backbone chez DocumentCloud, c'est la simplicité et la facilité de compréhension du code. Je vais donc vous présenter une approche pragmatique et minimaliste qui vous permettra de mettre en place des projets fronts conséquent (comme celui de [DocumentCloud](http://www.documentcloud.org/public/search/)).
40
+
Ce qui m'a plu dans l'utilisation faite de Backbone chez DocumentCloud, c'est la simplicité et la facilité
41
+
de compréhension du code. Je vais donc vous présenter une approche pragmatique et minimaliste
42
+
qui vous permettra de mettre en place des projets fronts conséquents
43
+
(comme celui de [DocumentCloud](http://www.documentcloud.org/public/search/)).
32
44
33
-
Cet article se détache des présentations du type [How to build large scale jQuery applications](http://addyosmani.com/blog/large-scale-jquery/) qui je trouve bien pensé mais plus complexe à appliquer. Je trouve l'idée d'utiliser RequireJs et un PubSub intéressante, mais au final cela entraine une surcouche de complexité qui n'est pas nécessaire pour toute les applications.
45
+
Cet article se détache des présentations du type
46
+
[How to build large scale jQuery applications](http://addyosmani.com/blog/large-scale-jquery/) qui je trouve bien pensé
47
+
mais plus complexe à appliquer. Je trouve l'idée d'utiliser RequireJs et un PubSub intéressante,
48
+
mais au final cela entraine une surcouche de complexité qui n'est pas nécessaire pour toute les applications.
34
49
35
-
Vous êtes préssé ? Aller voir [le code de Backbonist](https://github.com/Backbonist/Backbonist), ou l'exemple du [TODO remanié](https://github.com/Backbonist/todo-example)
50
+
Vous êtes préssé ? Aller voir [le code de Backbonist](https://github.com/Backbonist/Backbonist),
51
+
ou l'exemple du [TODO](https://github.com/Backbonist/todo-example)
36
52
37
53
### Structuration des fichiers
38
54
@@ -62,9 +78,10 @@ Backbone, grâce à son Routeur, nous permet de construire des Single Page Web A
62
78
63
79
Une SPA signifie qu'il n'y a qu'un seul fichier HTML à charger pour gérer l'ensemble de l'application.
64
80
65
-
Ce fichier est en général très simple puisque les templates seront injectées dans le DOM en fonction de l'URL de la page.
81
+
Ce fichier est en général très simple puisque les templates seront injectés dans le DOM en fonction de l'URL de la page.
66
82
67
-
Si vous voulez un exemple d'index.html prenez celui de HTML5Boilerplate dont voici la partie chargtement des scripts :
83
+
Si vous voulez un exemple d'index.html prenez celui de [HTML5Boilerplate](http://html5boilerplate.com/) dont voici
0 commit comments