Skip to content

Commit 72cbf22

Browse files
committed
fix typo
1 parent d0ff60d commit 72cbf22

File tree

1 file changed

+30
-17
lines changed

1 file changed

+30
-17
lines changed

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

Lines changed: 30 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -101,9 +101,11 @@ la partie chargement des scripts :
101101

102102
Comme notre index.html est tout vide, il nous faudra gérer nos templates dans des fichiers séparés.
103103

104-
(J'ouvre une parenthèse, mais je préfère gérer mes templates HTML dans des fichiers séparés plutôt que de les inclure dans des balises script dans index.html)
104+
(J'ouvre une parenthèse, mais je préfère gérer mes templates HTML dans des fichiers séparés plutôt que de les
105+
inclure dans des balises script dans index.html)
105106

106-
Ce qu'il nous faut, c'est créer un fichier HTML, qui sera ensuite compilé en une fonction javascript, ce qui nous permettra de récupérer le texte dans notre application.
107+
Ce qu'il nous faut, c'est créer un fichier HTML, qui sera ensuite compilé en une fonction javascript,
108+
ce qui nous permettra de récupérer le texte dans notre application.
107109

108110
Je m'explique. Prenons un template `hello-world.jst`
109111

@@ -119,7 +121,8 @@ window.JST = {
119121
}
120122
{% endhighlight %}
121123

122-
Il nous suffira de rajouter `<script src="template/templates.js"></script>` dans index.html et nous pourrons accéder à notre template n'importe où dans l'application à l'aide du namespace JST.
124+
Il nous suffira de rajouter `<script src="template/templates.js"></script>` dans index.html et nous pourrons
125+
accéder à notre template n'importe où dans l'application à l'aide du namespace JST.
123126

124127
{% highlight javascript %}
125128
$(function(){
@@ -128,9 +131,11 @@ $(function(){
128131
{% endhighlight %}
129132

130133
Mantenant vous avez compris le principe des JST. Si jamais ce n'est pas le cas,
131-
lisez cet article <http://ricostacruz.com/backbone-patterns/#jst_templates>, ou les liens ci dessous.
134+
lisez cet article <http://ricostacruz.com/backbone-patterns/#jst_templates>, ou les liens ci dessous.
132135

133-
Il existe de nombreuses solutions pour faire du JST dans votre application, mais, si vous souhaitez quelque chose qui fonctionne avec n'importe quel template (underscore template, jquery-tmpl, handlebars, des strings pures) jetez un oeil à ce projet <https://github.com/Filirom1/universal-jst> #auto-promotion :)
136+
Il existe de nombreuses solutions pour faire du JST dans votre application, mais, si vous souhaitez quelque chose
137+
qui fonctionne avec n'importe quel template (underscore template, jquery-tmpl, handlebars, des strings pures)
138+
jetez un oeil à ce projet <https://github.com/Backbonist/universal-jst> #auto-promotion :)
134139

135140
Sinon regardez les projets ci dessous :
136141

@@ -143,7 +148,8 @@ Sinon regardez les projets ci dessous :
143148

144149
### Utilisation d'un Namespace
145150

146-
Trouvez un nom court pour votre namespace qui n'est pas un mot clé réservé. Par exemple, DocumentCloud à choisi d'utiliser ses initiales : `dc`
151+
Trouvez un nom court pour votre namespace, qui n'est pas un mot clé réservé.
152+
Par exemple, DocumentCloud à choisi d'utiliser ses initiales : `dc`
147153

148154
On défini le namespace au tout début de notre application, afin de
149155
pouvoir l'utiliser n'importe où par la suite.
@@ -160,7 +166,7 @@ pouvoir l'utiliser n'importe où par la suite.
160166
})();
161167
{% endhighlight %}
162168

163-
Comme nous allons découper notre application en plein de petits fichiers,
169+
Comme nous allons découper notre application en un ensemble de petits fichiers,
164170
nous allons augmenter ce namespace dans chaque fichier:
165171

166172
[js/ui/workspace/panel.js](https://github.com/lyonjs/documentcloud/blob/master/public/javascripts/ui/workspace/panel.js):
@@ -188,7 +194,7 @@ dc.model.Document = Backbone.Model.extend({
188194
{% endhighlight %}
189195

190196

191-
En plus comme chacun de nos fichiers est contenu dans un objet, on ne risquera pas de pourrire la globale window ;)
197+
En plus, comme chacun de nos fichiers est contenu dans un objet, on ne risquera pas de pourrire la globale window ;)
192198
Plus besoin d'entourer notre code dans un fonction auto appelante :
193199

194200
{% highlight javascript %}
@@ -198,11 +204,10 @@ Plus besoin d'entourer notre code dans un fonction auto appelante :
198204
})()
199205
{% endhighlight %}
200206

201-
De plus maintenant, chacun de nos objets est facilement accessible via la console.
207+
De plus, nos objets sont facilement accessibles via la console, ce qui est très pratique pour débugguer.
202208

203209
$ console.log(new dc.model.Document());
204210

205-
Ce qui est très pratique pour débugguer.
206211

207212
Comme vous allez beaucoup écrire ce namespace (ici `dc`), je vous conseil de choisir quelque chose de court. Deux lettres c'est bien.
208213

@@ -213,22 +218,28 @@ Une des difficultés en Javascript c'est la gestion des dépendances entre les f
213218

214219
Dans le cas de notre application, il y a 2 sortes de dépendances :
215220

216-
* à la lecture du fichier, les variables doivent être connu par l'interpréteur JavaScript.
221+
* à la lecture du fichier, les variables doivent être connues par l'interpréteur JavaScript.
217222

218-
Comme nos fichiers commenceront tous par `dc.xxx.xxxx = Backbone.XXXXX.extend({`, il sera facile pour nous de gérer l'ordre dans l'index.html afin qu'il n'y ai pas de problèmes de dépendances.
223+
Comme nos fichiers commenceront tous par `dc.xxx.xxxx = Backbone.XXXXX.extend({`, il sera facile pour nous de
224+
gérer l'ordre dans l'index.html afin qu'il n'y ai pas de problèmes de dépendances.
219225

220226
Les dépendances qui se trouvent à l'intérieur des fonctions (initialize, render...) seront résolues plus tard.
221227

222228

223229
* lors de l'instantiation, si l'on fait appel à un module externe, celui ci doit avoir été instancié préalablement.
224230

225-
Je m'explique, nous allons découper notre application en plein de petits fichiers. Une fois instancié ces modules vont communiquer entre eux. Mais on peut faire la distinction entre les modules qui seront utilisés par toute l'application et les modules qui ne seront utilisés que localement.
231+
Je m'explique, nous allons découper notre application en plein de petits fichiers.
232+
Une fois instancié, ces modules vont communiquer entre eux. Mais on peut faire la distinction entre les
233+
modules qui seront utilisés par toute l'application et les modules qui ne seront utilisés que localement.
226234

227235

228236

229237
#### Dépendances partagées globalement
230238

231-
Si on défini un module comme quelque chose pouvant être appelé par n'importe quel autre module dans l'application. Il est important d'instancier ces modules dans un ordre précis (un module peut dépendre d'un autre module), c'est pour cela que l'on instanciera ces modules dans une fichier unique, par exemple le routeur. Ces modules seront accessibles par toute l'application.
239+
Si on défini un module comme quelque chose pouvant être appelé par n'importe quel autre module dans l'application.
240+
Il est important d'instancier ces modules dans un ordre précis (un module peut dépendre d'un autre module),
241+
c'est pour cela que l'on instanciera ces modules dans une fichier unique, par exemple le routeur.
242+
Ces modules seront accessibles par toute l'application.
232243

233244
<p class="center">
234245
<img src="/public/img/2012-02-25-backbone-tips-from-document-cloud/dependences-globales.png" border="0" />
@@ -282,15 +293,17 @@ dc.app.router = new dc.app.MyRouter();
282293

283294
#### Dépendances partagées hiérarchiquement
284295

285-
Dans une application, nous avons toujours besoin de découper des modules en sous modules et donc d'avoir une relation de dépendance entre les deux.
296+
Dans une application, nous avons toujours besoin de découper des modules en sous modules et donc d'avoir
297+
une relation de dépendance entre les deux.
286298

287-
Mais comme cette relation est du type parent - enfant, ce sera toujours via le module parent que les enfants pourront discuté entre eux ou avec le parent.
299+
Mais comme cette relation est du type parent - enfant, ce sera toujours via le module parent que les enfants pourront
300+
discuté entre eux ou avec le parent.
288301

289302
<p class="center">
290303
<img src="/public/img/2012-02-25-backbone-tips-from-document-cloud/dependences-hierarchiques.png" border="0" />
291304
</p>
292305

293-
Nous allons donc attaché les instances des enfants au parent.
306+
Nous allons donc attacher les instances des enfants aux parents.
294307

295308
[js/app/editor](https://github.com/lyonjs/documentcloud/blob/master/public/javascripts/app/editor.js) :
296309

0 commit comments

Comments
 (0)