v2/guide/instance.md - proposition de traduction #12

yann-yinn · 2017-01-09T20:42:20Z

Voici une proposition de traduction pour la page sur les instances de Vue.
J'ai galérer sur la traduction du mot proxies et proxied dans les phrases suivantes :

Each Vue instance proxies all the properties found in its data object

It should be noted that only these proxied properties are reactive

j'ai mis "référencer" et "refléter" en attendant de meilleures suggestions.
J'hésite aussi sur la traduction de "custom logic" qui se retrouve souvent dans la doc (j'ai mis logique custom en attendant)

sylvainpolletvillard

Première relecture

sylvainpolletvillard · 2017-01-09T21:15:31Z

src/v2/guide/instance.md


 ``` js
 var vm = new Vue({
  // options
 })
 ```

-Although not strictly associated with the [MVVM pattern](https://en.wikipedia.org/wiki/Model_View_ViewModel), Vue's design was partly inspired by it. As a convention, we often use the variable `vm` (short for ViewModel) to refer to our Vue instances.
+Bien que n'étant pas strictement associée au patron d'architecture [MVVM pattern](https://en.wikipedia.org/wiki/Model_View_ViewModel), La conception de Vue s'en est en partie inspirée. Par convetion, nous utilisons souvent la variable `vm` (abréviation pour ViewModel) pour faire référence à nos instances de Vue.


la conception (l minuscule)

convention (typo)

sylvainpolletvillard · 2017-01-09T21:16:28Z

src/v2/guide/instance.md


-When you instantiate a Vue instance, you need to pass in an **options object** which can contain options for data, template, element to mount on, methods, lifecycle callbacks and more. The full list of options can be found in the [API reference](../api).
+Quand vous créez une instance de Vue, vous devez passer un **objet d'options** qui contient les options pour les data, le template, l'element de montage, les methodes, les fonctions de retour du cycle de vie etc... La liste des options peut être trouvée [dans la documentation de l'API](../api).


sylvainpolletvillard · 2017-01-09T21:16:46Z

src/v2/guide/instance.md

 })

-// all instances of `MyComponent` are created with
-// the pre-defined extension options
+// toutes les isntances de `MyComponent` sont créees avec


instances (typo)

créées

sylvainpolletvillard · 2017-01-09T21:18:25Z

src/v2/guide/instance.md

 var myComponentInstance = new MyComponent()
 ```

-Although it is possible to create extended instances imperatively, most of the time it is recommended to compose them declaratively in templates as custom elements. We will talk about [the component system](components.html) in detail later. For now, you just need to know that all Vue components are essentially extended Vue instances.
+Bien qu'il soit possible de créer des instances étendues de manière impérative, la plupart du temps il est recommandé de les composer de manière déclarative dans les templates en tant qu'éléments custom. Nous parlerons du [système de composants](components.html) en détail plus loin.


éléments custom => éléments personnalisés ? à définir dans #4

sylvainpolletvillard · 2017-01-09T21:18:51Z

src/v2/guide/instance.md

@@ -44,18 +46,18 @@ var vm = new Vue({

 vm.a === data.a // -> true

-// setting the property also affects original data
+// affecter la propriété affecte également la donnée originale


assigner la propriété

sylvainpolletvillard · 2017-01-09T21:24:52Z

src/v2/guide/instance.md

 vm.$watch('a', function (newVal, oldVal) {
-  // this callback will be called when `vm.a` changes
+  // cette fonction de retour sera appellée quand `vm.a` changera


sylvainpolletvillard · 2017-01-09T21:33:55Z

src/v2/guide/instance.md


-Each Vue instance goes through a series of initialization steps when it is created - for example, it needs to set up data observation, compile the template, mount the instance to the DOM, and update the DOM when data changes. Along the way, it will also invoke some **lifecycle hooks**, which give us the opportunity to execute custom logic. For example, the `created` hook is called after the instance is created:
+Chaque instance de vue traverse une série d'étapes d'initialisations au moment de sa création - par exemple, elle doit mettre en place l'observation des data, compiler le template, monter l'instance sur le DOM et mettre à jour le DOM quand les data changent. En cours de route, elle va aussi invoquer des **hooks de cycles de vie**, qui nous donnent l'opportunité d'exécuter de la logique custom. Par exemple, le hook `created` est appelé après que l'instance sera créee.


d'initialisation

exécuter une logique personnalisée

le hook created est appelé une fois l'instance créée

(c'est aussi le genre de paragraphe où je trouve que "données" est plus parlant que "data", mais ce n'est que mon point de vue)

Ca sonne bizarre en effet, je vais mettre données dans ce genre de phrase

sylvainpolletvillard · 2017-01-09T21:34:30Z

src/v2/guide/instance.md


 ``` js
 var vm = new Vue({
  data: {
    a: 1
  },
  created: function () {
-    // `this` points to the vm instance
+    // `this` référence l'instance de vm


référence à

Pas compris, pour moi c'est le verbe référencer, donc this "référence" l'instance. Non ?

this est la référence, pas ce qui référence. Même différence entre "this assigne" est "this est assigné à"

okay pushé

sylvainpolletvillard · 2017-01-09T21:39:28Z

src/v2/guide/instance.md

    console.log('a is: ' + this.a)
  }
 })
 // -> "a is: 1"
 ```

-There are also other hooks which will be called at different stages of the instance's lifecycle, for example `mounted`, `updated`, and `destroyed`. All lifecycle hooks are called with their `this` context pointing to the Vue instance invoking it. You may have been wondering where the concept of "controllers" lives in the Vue world and the answer is: there are no controllers. Your custom logic for a component would be split among these lifecycle hooks.
+Il y aussi d'autres hook qui seront appelés à différentes étapes d'un cycle de vie d'une instance, par exemple `mounted`, `updated`et `destroyed`. Tous ces hooks de cycles de vie sont appelés avec leur `this` pointant sur l'instance de la vue qui les invoquent. Vous vous êtes peut-être demandé où se trouvait le concept de 'controleur' dans le monde de Vue et la réponse est : il n'y pas de controleurs. Votre logique custom pour un composant sera partagée entre ces différents cycles de vie.


hooks

du cycle de vie de l'instance

hooks de cycle de vie

qui les invoque.

contrôleur

contrôleurs

logique personnalisée

sera répartie entre ces hooks de cycle de vie.

sylvainpolletvillard · 2017-01-09T21:39:46Z

src/v2/guide/instance.md

-There are also other hooks which will be called at different stages of the instance's lifecycle, for example `mounted`, `updated`, and `destroyed`. All lifecycle hooks are called with their `this` context pointing to the Vue instance invoking it. You may have been wondering where the concept of "controllers" lives in the Vue world and the answer is: there are no controllers. Your custom logic for a component would be split among these lifecycle hooks.
+Il y aussi d'autres hook qui seront appelés à différentes étapes d'un cycle de vie d'une instance, par exemple `mounted`, `updated`et `destroyed`. Tous ces hooks de cycles de vie sont appelés avec leur `this` pointant sur l'instance de la vue qui les invoquent. Vous vous êtes peut-être demandé où se trouvait le concept de 'controleur' dans le monde de Vue et la réponse est : il n'y pas de controleurs. Votre logique custom pour un composant sera partagée entre ces différents cycles de vie.
+
+## Diagramme de cycles de vie


yann-yinn · 2017-01-09T22:08:24Z

J'ai intégré l'intégralité des remarques (sauf "référence à"), et on teste "profixier" pour voir.
J'alterne pour l'instant entre data (quand ça fait précisément référence à la propriété de la Vue) et données (quand c'est dit de manière plus générale)

…6924

MachinisteWeb

Quelque changement par ici également, bon boulot !

MachinisteWeb · 2017-01-10T10:12:38Z

src/v2/guide/instance.md

-## Properties and Methods
+## Propriétés et méthodes
+
+Chaque instance de vue **"proxifie"** toutes les propriétés contenues dans son objet "data"


Mettre data entre ``

MachinisteWeb · 2017-01-10T10:13:14Z

src/v2/guide/instance.md

 data.a = 3
 vm.a // -> 3
 ```

-It should be noted that only these proxied properties are **reactive**. If you attach a new property to the instance after it has been created, it will not trigger any view updates. We will discuss the reactivity system in detail later.
+Soulignons que seuls ces propriétés proxifiées sont réactives. Si vous attachez une nouvelle propriété à l'instance après sa création, elle ne déclenchera aucune mise à jour de la vue. Nous parlerons plus loin du système de réactivité en détail.


mettre réactives en gras

MachinisteWeb · 2017-01-10T10:15:00Z

src/v2/guide/instance.md


-## Instance Lifecycle Hooks
+## Les hooks de cycle de vie d'une instance


Les points d'ancrage du cycle de vie

je suis pour garder "hook" car francisé, mais on peut en débattre sur #4

On garde hook

MachinisteWeb · 2017-01-10T10:18:07Z

src/v2/guide/instance.md

    console.log('a is: ' + this.a)
  }
 })
 // -> "a is: 1"
 ```

-There are also other hooks which will be called at different stages of the instance's lifecycle, for example `mounted`, `updated`, and `destroyed`. All lifecycle hooks are called with their `this` context pointing to the Vue instance invoking it. You may have been wondering where the concept of "controllers" lives in the Vue world and the answer is: there are no controllers. Your custom logic for a component would be split among these lifecycle hooks.
+Il y aussi d'autres hooks qui seront appelés à différentes étapes du cycle de vie d'une instance, par exemple `mounted`, `updated`et `destroyed`. Tous ces hooks de cycle de vie sont appelés avec leur `this` pointant sur l'instance de la vue qui les invoque. Vous vous êtes peut-être demandé où se trouvait le concept de 'contrôleur' dans le monde de Vue et la réponse est : il n'y pas de contrôleurs. Votre logique personnalisée pour un composant sera répartie entre ces hooks de cycle de vie.


d'autres points d'ancrage

ces points d'ancrage du cycle de vie

"contrôleur" avec " au lieu de '

ces points d'ancrage du cycle de vie

yann-yinn · 2017-01-10T12:44:46Z

@haeresis j'ai intégré tes modifications, sauf le point d'accroche pour la raison évoquée ici #4

MachinisteWeb

Désolé, j'avais zappé le « éé » au lieu de « ée » de « créé(e)(s) ».

MachinisteWeb · 2017-01-10T14:33:07Z

src/v2/guide/instance.md

 })

-// all instances of `MyComponent` are created with
-// the pre-defined extension options
+// toutes les instances de `MyComponent` sont créees avec


MachinisteWeb · 2017-01-10T14:33:37Z

src/v2/guide/instance.md


-Each Vue instance goes through a series of initialization steps when it is created - for example, it needs to set up data observation, compile the template, mount the instance to the DOM, and update the DOM when data changes. Along the way, it will also invoke some **lifecycle hooks**, which give us the opportunity to execute custom logic. For example, the `created` hook is called after the instance is created:
+Chaque instance de vue traverse une série d'étapes d'initialisation au moment de sa création - par exemple, elle doit mettre en place l'observation des données, compiler le template, monter l'instance sur le DOM et mettre à jour le DOM quand les données changent. En cours de route, elle va aussi invoquer des **hooks de cycle de vie**, qui nous donnent l'opportunité d'exécuter une logique personnalisée. Par exemple, le hook `created` est appelé une fois l'instance créee.


v2/guide/instance.md - premier proposition de traduction

e1a5550

yann-yinn requested review from sylvainpolletvillard and MachinisteWeb January 9, 2017 20:42

yann-yinn self-assigned this Jan 9, 2017

MachinisteWeb mentioned this pull request Jan 9, 2017

Pages en cours de traduction #3

Open

[v2/guide/instance.md] suppression de bandeau de traduction

59a49b3

sylvainpolletvillard requested changes Jan 9, 2017

View reviewed changes

yann-yinn added 2 commits January 9, 2017 22:59

[v2/guide/instance.md] #pullrequestreview-15796924

412bac9

[v2/guide/instance.md] cycle au singulier #pullrequestreview-15796924

1aefd6a

yann-yinn added 2 commits January 9, 2017 23:09

[v2/guide/instance.md] éléments personnalisés #pullrequestreview-1579…

cd59fd1

…6924

[instance.md] fix utilisation mot référence

0270438

MachinisteWeb requested changes Jan 10, 2017

View reviewed changes

sylvainpolletvillard approved these changes Jan 10, 2017

View reviewed changes

instance.md - relecture Haeresis

b0d1a52

MachinisteWeb requested changes Jan 10, 2017

View reviewed changes

instance.md : relecture Haerisis 2

4e1fa5b

MachinisteWeb approved these changes Jan 10, 2017

View reviewed changes

MachinisteWeb merged commit e0d2702 into vuejs-fr:master Jan 10, 2017

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

v2/guide/instance.md - proposition de traduction #12

v2/guide/instance.md - proposition de traduction #12

yann-yinn commented Jan 9, 2017

sylvainpolletvillard left a comment

sylvainpolletvillard Jan 9, 2017

sylvainpolletvillard Jan 9, 2017

sylvainpolletvillard Jan 9, 2017

sylvainpolletvillard Jan 9, 2017

sylvainpolletvillard Jan 9, 2017

sylvainpolletvillard Jan 9, 2017

sylvainpolletvillard Jan 9, 2017

yann-yinn Jan 9, 2017

sylvainpolletvillard Jan 9, 2017

yann-yinn Jan 9, 2017

sylvainpolletvillard Jan 9, 2017

yann-yinn Jan 9, 2017

sylvainpolletvillard Jan 9, 2017

sylvainpolletvillard Jan 9, 2017

yann-yinn commented Jan 9, 2017

MachinisteWeb left a comment

MachinisteWeb Jan 10, 2017

MachinisteWeb Jan 10, 2017

MachinisteWeb Jan 10, 2017

sylvainpolletvillard Jan 10, 2017

MachinisteWeb Jan 10, 2017

MachinisteWeb Jan 10, 2017

yann-yinn commented Jan 10, 2017

MachinisteWeb left a comment

MachinisteWeb Jan 10, 2017

MachinisteWeb Jan 10, 2017


		When you instantiate a Vue instance, you need to pass in an options object which can contain options for data, template, element to mount on, methods, lifecycle callbacks and more. The full list of options can be found in the [API reference](../api).
		Quand vous créez une instance de Vue, vous devez passer un objet d'options qui contient les options pour les data, le template, l'element de montage, les methodes, les fonctions de retour du cycle de vie etc... La liste des options peut être trouvée [dans la documentation de l'API](../api).


		Each Vue instance goes through a series of initialization steps when it is created - for example, it needs to set up data observation, compile the template, mount the instance to the DOM, and update the DOM when data changes. Along the way, it will also invoke some lifecycle hooks, which give us the opportunity to execute custom logic. For example, the `created` hook is called after the instance is created:
		Chaque instance de vue traverse une série d'étapes d'initialisations au moment de sa création - par exemple, elle doit mettre en place l'observation des data, compiler le template, monter l'instance sur le DOM et mettre à jour le DOM quand les data changent. En cours de route, elle va aussi invoquer des hooks de cycles de vie, qui nous donnent l'opportunité d'exécuter de la logique custom. Par exemple, le hook `created` est appelé après que l'instance sera créee.


		## Instance Lifecycle Hooks
		## Les hooks de cycle de vie d'une instance

v2/guide/instance.md - proposition de traduction #12

v2/guide/instance.md - proposition de traduction #12

Conversation

yann-yinn commented Jan 9, 2017

sylvainpolletvillard left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

yann-yinn commented Jan 9, 2017

MachinisteWeb left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

yann-yinn commented Jan 10, 2017

MachinisteWeb left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment