Skip to content

Commit d0ff60d

Browse files
committed
fix typo
1 parent 6daf563 commit d0ff60d

File tree

1 file changed

+26
-9
lines changed

1 file changed

+26
-9
lines changed

_posts/2012-02-25-backbone-tips-from-document-cloud.markdown

Lines changed: 26 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,8 @@ tags: [backbonejs, javascript, webapp, spa]
1010
}
1111
</style>
1212

13-
[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
1415
compréhensible par les autres développeurs.
1516

1617
<p class="center">
@@ -22,17 +23,32 @@ vous laisse relativement libre pour structurer votre application. Ce qui est
2223
très bien, mais qui pourrait vous laisser un peu démuni pendant la
2324
phase d'apprentissage.
2425

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.
2628

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)**
2831

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 :)
3039

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/)).
3244

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.
3449

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)
3652

3753
### Structuration des fichiers
3854

@@ -62,9 +78,10 @@ Backbone, grâce à son Routeur, nous permet de construire des Single Page Web A
6278

6379
Une SPA signifie qu'il n'y a qu'un seul fichier HTML à charger pour gérer l'ensemble de l'application.
6480

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.
6682

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
84+
la partie chargement des scripts :
6885

6986
{% highlight html %}
7087
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

0 commit comments

Comments
 (0)