Traduction du index.md du Guide
#23
Conversation
MachinisteWeb
requested review from
yann-yinn,
sylvainpolletvillard and
zyhou
src/v2/guide/index.md
Outdated
|
|
||
| Vue (pronounced /vjuː/, like **view**) is a **progressive framework** for building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable. The core library is focused on the view layer only, and is very easy to pick up and integrate with other libraries or existing projects. On the other hand, Vue is also perfectly capable of powering sophisticated Single-Page Applications when used in combination with [modern tooling](single-file-components.html) and [supporting libraries](https://github.com/vuejs/awesome-vue#libraries--plugins). | ||
| Vue (prononcé /vjuː/, comme le terme anglais **view**) est un **framework évolutif** pour construire des interfaces utilisateurs. À la différence des autres frameworks monolithiques, Vue est conçu pour partir d'une base simple qu'il convient de faire évoluer progressivement. Le cœur de la bibliothèque est concentré uniquement sur la partie vue, et il est vraiment simple de l'intégrer avec d'autres bibliothèques ou projets existants. D'un autre côté, Vue est tout à fait capable de propulser des applications web mono-page quand il est couplé avec [des outils modernes](single-file-components.html) et [des bibliothèques officiellement supportées](https://github.com/vuejs/awesome-vue#libraries--plugins). |
There was a problem hiding this comment.
"Vue a été conçu dès le départ pour pouvoir être adopté de façon progressive"
There was a problem hiding this comment.
Le truc c'est que je pense pas que ça dise qu'il « a été conçu dès le départ pour » mais que il est conçu pour commencer ground up (en partant de rien, d'un bas level, d'un truc simple) pour être progressivement pris en main.
Hum, du coup p-e
« Vue est conçu pour partir des bases et être progressivement pris en main. »
There was a problem hiding this comment.
Pour moi ça veut bien dire dans l'idée "conçu dès le départ"' (conçu "depuis sa base"); c'est à dire que c'était une volonté du framework dans sa conception depuis le départ de faire en sorte qu'il soit utilisable de façon incrémentale ( contrairement à un angular 2 qui impose tout un eco-systeme ). Quelqu'un de doué en anglais pour trancher ?
There was a problem hiding this comment.
Je vois. Je pense que tu as raison. Voyons...
src/v2/guide/index.md
Outdated
|
|
||
| If you are an experienced frontend developer and want to know how Vue compares to other libraries/frameworks, check out the [Comparison with Other Frameworks](comparison.html). | ||
| Si vous êtes un développeur frontend confirmé et que vous souhaitez comparer Vue avec les autres bibliothèques/frameworks, jettez un œil à la [Comparaison avec les autres frameworks](comparison.html). |
src/v2/guide/index.md
Outdated
|
|
||
| At the core of Vue.js is a system that enables us to declaratively render data to the DOM using straightforward template syntax: | ||
| Au cœur de Vue.js il y a un système qui va nous permettre de rendre les données déclarativement dans le DOM en utilisant simplement cette syntaxe : |
There was a problem hiding this comment.
"rendre" est incorrect dans ce contexte, mais je ne sais pas comment traduire mieux. "Faire le rendu" me semble pas mal, quelqu'un a mieux ?
There was a problem hiding this comment.
+1 pour "faire le rendu", déjà utilisé sur d'autres pages
src/v2/guide/index.md
Outdated
|
|
||
| ``` html | ||
| <script src="https://unpkg.com/vue/dist/vue.js"></script> | ||
| ``` | ||
|
|
||
| The [Installation](installation.html) page provides more options of installing Vue. Note that we **do not** recommend beginners to start with `vue-cli`, especially if you are not yet familiar with Node.js-based build tools. | ||
| La page d'[installation](installation.html) vous offre d'autres manière d'installer Vue. Notez que nous **ne** recommandons **pas** aux débutants de commencer avec `vue-cli`, surtout si vous n'êtes pas encore familier avec les outils fournis avec Node.js. |
There was a problem hiding this comment.
les outils de build basés sur Node.js
src/v2/guide/index.md
Outdated
| } | ||
| }) | ||
| </script> | ||
| {% endraw %} | ||
|
|
||
| We have already created our very first Vue app! This looks pretty similar to just rendering a string template, but Vue has done a lot of work under the hood. The data and the DOM are now linked, and everything is now **reactive**. How do we know? Just open your browser's JavaScript console (right now, on this page) and set `app.message` to a different value. You should see the rendered example above update accordingly. | ||
| Nous venons tout juste de créer notre première application Vue ! Ça ressemble sacrément à du simple rendu dans un template, mais Vue effectue un réel travail dans l'ombre. Les données et le DOM sont maintenant couplés, et tout est à présent **réactif**. Comment s'en rendre compte ? Ouvrez juste la console JavaScript de votre navigateur (là maintenant, sur cette page) et attribuez à `app.message` différentes valeurs. Vous devriez voir le rendu de l'exemple en cours se mettre à jour en concordance. |
There was a problem hiding this comment.
Je me demande si le sens ici n'est pas plutôt "ça ressemble à une banal rendu d'un template sous forme de chaine de caractères" ?
"en corcordance" sonne bizarre , peut être plus littéralement "en conséquence" ?
There was a problem hiding this comment.
+1, j'aurais dit "ça ressemble assez à un simple rendu d'un template en chaîne de caractères"
"under the hood" --> "sous le capot" ? dans l'ombre a une connotation péjorative
en concordance ne me choque pas perso
There was a problem hiding this comment.
Le sens du mot est adequat mais je n'ai jamais lu "en concordance" sans être suivi de "avec", l'usage ici me semble donc incongru. ( même si on devine qu'il s'agit de la concordance entre le DOM et sa représentation) edit et PS : c'est pour expliquer, je m'en fous si on laisse concordance ;)
There was a problem hiding this comment.
"Dans l'ombre" versus "sous le capot" : pas de préférence les deux me font bien comprendre la magie de Vuejs :)
There was a problem hiding this comment.
Ok, le boss final.
chaine de caractère
Je trouve que « Ça ressemble assez à un simple rendu d'un template en chaîne de caractères » est lourd pour dire un truc simple. En fait on dirait que ça remplace juste un mot par une valeur, mais non ! Comment on peut le raccourcir tout en restant proche ? Déjà on peut virer le « assez » et le « simple ».
Peut-être « Ça ressemble au rendu d'une chaîne de caractères dans un template » ?
ombre
Je suis complètement d'accord sur le fait que « dans l'ombre » colle pas. Je suis également d'accord sur le fait que « sous le capot » semble une traduction dans le même sens mais... je trouve que « sous le capot » fait perdre cette notion de « magie », « fantastique » qu'à « under the hood ». Genre « sous le capot » on voit très clairement ce qui se passe. Et là, la phrase sous entend (pour moi qui comprend pas toujours tout je le concède) que « haha, ça à l'air magique mais il se passe quelque chose en coulisse... ».
Tiens !Que direz vous de « mais Vue effectue un réel travail en coulisse » ?
There was a problem hiding this comment.
est-ce que cette notion de "magie fantastique" ne viendrait-elle pas plutôt de ton imagination ? 😄
"sous le capot" est la traduction littérale de "under the hood", les deux expressions sont les mêmes en anglais comme en français
There was a problem hiding this comment.
@haeresis j'aime beaucoup le "en coulisse" mais faisons comme d'hab quand y 'a discussion : au plus proche et littéral de l'original donc "sous le capot"
There was a problem hiding this comment.
Validé pour « sous le capot ». Dommage pour les coulisses :) Merci pour vos retours les gars.
There was a problem hiding this comment.
Mes retours :
- "sacrément" > je pense que le terme est inutile au vue de la version originale
- "en concordance" > "en conséquence"
src/v2/guide/index.md
Outdated
|
|
||
| In addition to text interpolation, we can also bind element attributes like this: | ||
| En plus de l'interpolation de texte, nous pouvons également lier les éléments par attributs comme ceci : |
There was a problem hiding this comment.
Je comprends plutôt "lier les attributs d'un élément" (on binde littéralement les attributs à une valeur)
src/v2/guide/index.md
Outdated
| } | ||
| }) | ||
| </script> | ||
| {% endraw %} | ||
|
|
||
| Here we are encountering something new. The `v-bind` attribute you are seeing is called a **directive**. Directives are prefixed with `v-` to indicate that they are special attributes provided by Vue, and as you may have guessed, they apply special reactive behavior to the rendered DOM. Here it is basically saying "keep this element's `title` attribute up-to-date with the `message` property on the Vue instance." | ||
| Ici nous venons de rencontrer quelque chose de nouveau. L'attribut `v-bind` que vous venez de croiser est appelé une **directive**. Les directives sont préfixées par `v-` pour indiquer que ce sont des attributs spéciaux fournis par Vue, et comme vous pouvez le deviner, elles appliques le comportement réactif au rendu du DOM. Ici nous avons un simple « garde l'attribut `title` de cet élément à jour avec la propriété `message` de l'instance de Vue ». |
There was a problem hiding this comment.
"que vous venez de croiser" -> suggestion plus proche de l'original "que vous voyez"
appliques -> appliquent
"comme vous pouvez le devinez" => "comme vous avez peut être deviné" (plus proche de l'original)
"le comportement" => pourquoi "le" ? on se demande lequel du coup
"Elles appliquent un comportement réactif [spécifique | spécial] au rendu du DOM"
There was a problem hiding this comment.
quelque-chose
au rendu du DOM --> au DOM après rendu
Ici cela veut dire basiquement
ok avec les autres propositions de nyl-auster
There was a problem hiding this comment.
"quelque-chose" => on dit bien "quelque chose" sans tiret
There was a problem hiding this comment.
je laisse quelque chose
src/v2/guide/index.md
Outdated
|
|
||
| Vue (pronounced /vjuː/, like **view**) is a **progressive framework** for building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable. The core library is focused on the view layer only, and is very easy to pick up and integrate with other libraries or existing projects. On the other hand, Vue is also perfectly capable of powering sophisticated Single-Page Applications when used in combination with [modern tooling](single-file-components.html) and [supporting libraries](https://github.com/vuejs/awesome-vue#libraries--plugins). | ||
| Vue (prononcé /vjuː/, comme le terme anglais **view**) est un **framework évolutif** pour construire des interfaces utilisateurs. À la différence des autres frameworks monolithiques, Vue est conçu pour partir des bases et être progressivement pris en main. Le cœur de la bibliothèque est concentré uniquement sur la partie vue, et il est vraiment simple de l'intégrer avec d'autres bibliothèques ou projets existants. D'un autre côté, Vue est tout à fait capable de propulser des applications web mono-page quand il est couplé avec [des outils modernes](single-file-components.html) et [des bibliothèques officiellement supportées](https://github.com/vuejs/awesome-vue#libraries--plugins). |
There was a problem hiding this comment.
des interfaces utilisateur
propulser pour powering -> je pencherai plutôt pour "faire tourner" ou "alimenter"
monopages
supporting libraries : supporting désigne ici le fait d'aider, d'assister à la conception, pas le fait qu'elles soient supportées officiellement par Vue. Je traduirais donc par "bibliothèques de soutien" ou "bibliothèques complémentaires"
There was a problem hiding this comment.
"propulser" est effectivement souvent utilisé dans ce contexte comme dans "propulsé par wordpress", "propulsé par Drupal", "propulsé par prestashop" etc ...
"bibliothèques complémentaires" me semble bien (juste parce que "soutien" me donne plus l'impression qu'il faut "soutenir" Vue alors qu'il y a plutôt l'option de le compléter)
There was a problem hiding this comment.
Ok, j'imagine que c'est une évolution détournée du mot "propulser" vu que "power" était initialement employé pour parler des moteurs de véhicule. Même chose pour "faire tourner" qu'on emploie pour tout appareil ou logiciel alors qu'il n'y a pas de rotation concrètement :)
There was a problem hiding this comment.
Je vais garder « faire tourner » car en y regardant de plus près j'ai le sentiment que c'est :
- « une application qui propulse une application » , « une société qui propulse une application »
hors là on est plutôt dans
- « une librairie qui fait tourner » , « un programme qui fait tourner »
Enfin du coup je le sens plus comme ça :)
There was a problem hiding this comment.
je trouve que "faire tourner" fait un peu plus bricolage et "populaire", je trouve plus vendeur ( et aussi juste ) "propulser". (mais les deux me vont, c'est pour expliquer mon choix)
src/v2/guide/index.md
Outdated
|
|
||
| <p class="tip">The official guide assumes intermediate level knowledge of HTML, CSS, and JavaScript. If you are totally new to frontend development, it might not be the best idea to jump right into a framework as your first step - grasp the basics then come back! Prior experience with other frameworks helps, but is not required.</p> | ||
| <p class="tip">Ce guide officiel présuppose que vous ayez un certain niveau de connaissance en HTML, CSS et JavaScript. Si vous êtes complètement nouveau dans le développement frontend, ce n'est peut-être pas la solution la plus judicieuse de vous lancer dans un framework pour vos premiers pas — aussi complétez vos bases avant de revenir ! Bien qu'une première expérience avec d'autres frameworks puisse être utile, cela n'est pas obligatoire.</p> |
There was a problem hiding this comment.
un niveau moyen (plutôt qu'un certain niveau)
There was a problem hiding this comment.
quitte à etre plus précis, je préfère "niveau intermédiaire" à "niveau moyen" que je trouve légèrement teinté de connotation péjorative dans l'usage courant.
There was a problem hiding this comment.
Je vais remettre intermédiaire, c'était mon premier choix que j'ai fini par retirer car ça me plaisait pas de « définir » le niveau de celui qui comprendrait cette documentation. Mais puisque c'est la VO. Go « intermédiaire »
src/v2/guide/index.md
Outdated
|
|
||
| The easiest way to try out Vue.js is using the [JSFiddle Hello World example](https://jsfiddle.net/chrisvfritz/50wL7mdz/). Feel free to open it in another tab and follow along as we go through some basic examples. Or, you can simply create an `.html` file and include Vue with: | ||
| La manière la plus simple d'essayer Vue.js est d'utiliser [le Hello World d'exemple JSFiddle](https://jsfiddle.net/chrisvfritz/50wL7mdz/). Ouvrez le dans un nouvel onglet si vous le souhaitez et gardez le tout au long des exemples de base. Vous pouvez aussi simplement créer un fichier `.html` et ajouter Vue avec : |
There was a problem hiding this comment.
l'exemple Hello World sur JSFiddle
Si vous le souhaitez, ouvrez-le dans un nouvel onglet pour suivre pendant que nous parcourons des exemples de base.
src/v2/guide/index.md
Outdated
|
|
||
| ``` html | ||
| <script src="https://unpkg.com/vue/dist/vue.js"></script> | ||
| ``` | ||
|
|
||
| The [Installation](installation.html) page provides more options of installing Vue. Note that we **do not** recommend beginners to start with `vue-cli`, especially if you are not yet familiar with Node.js-based build tools. | ||
| La page d'[installation](installation.html) vous offre d'autres manière d'installer Vue. Notez que nous **ne** recommandons **pas** aux débutants de commencer avec `vue-cli`, surtout si vous n'êtes pas encore familier avec les outils fournis avec Node.js. |
There was a problem hiding this comment.
les outils de build basés sur Node.js
src/v2/guide/index.md
Outdated
|
|
||
| At the core of Vue.js is a system that enables us to declaratively render data to the DOM using straightforward template syntax: | ||
| Au cœur de Vue.js il y a un système qui va nous permettre de faire le rendu des données déclarativement dans le DOM en utilisant simplement cette syntaxe : |
There was a problem hiding this comment.
virgule après Vue.js
cette syntaxe de template
src/v2/guide/index.md
Outdated
|
|
||
| In a large application, it is necessary to divide the whole app into components to make development manageable. We will talk a lot more about components [later in the guide](components.html), but here's an (imaginary) example of what an app's template might look like with components: | ||
| Dans une large application, il est nécessaire de diviser l'application entière en composants afin de rendre le développement plus abordable. Nous parlerons des composants plus précisément [plus tard dans le guide](components.html), mais en attendant voici un exemple (imaginaire) de ce a quoi un template d'application pourrait ressemblé avec des composants : |
There was a problem hiding this comment.
large => grosse
diviser toute l'application
manageable => gérable
ce à quoi
ressembler
There was a problem hiding this comment.
Je troup bisarre d'utiliser le mot « gros » ou « petit » en général. pour petit j'ai mis « plus petit » du coup pour large ge peut mettre « plus grande » ?
Sachant que dans comparison nous avons mis « large application d'entreprise »
src/v2/guide/index.md
Outdated
|
|
||
| You may have noticed that Vue components are very similar to **Custom Elements**, which are part of the [Web Components Spec](http://www.w3.org/wiki/WebComponents/). That's because Vue's component syntax is loosely modeled after the spec. For example, Vue components implement the [Slot API](https://github.com/w3c/webcomponents/blob/gh-pages/proposals/Slots-Proposal.md) and the `is` special attribute. However, there are a few key differences: | ||
| Vous avez peut-être remarqué que les composants de Vue sont très similaire aux **Custom Elements**, qui sont une part de la [spécification des Web Components](http://www.w3.org/wiki/WebComponents/). C'est parce que la syntaxe de Vue s'en est librement inspiré après les spécifications. Par exemple, les composants de Vue implémente la [Slot API](https://github.com/w3c/webcomponents/blob/gh-pages/proposals/Slots-Proposal.md) et l'attribut spécial `is`. Cependant, il y a quelques différences clés : |
There was a problem hiding this comment.
similaires
une partie
est vaguement inspirée de cette spécification
implémentent
l'API Slot
src/v2/guide/index.md
Outdated
|
|
||
| 1. The Web Components Spec is still in draft status, and is not natively implemented in every browser. In comparison, Vue components don't require any polyfills and work consistently in all supported browsers (IE9 and above). When needed, Vue components can also be wrapped inside a native custom element. | ||
| 1. La spécification des Web Components est toujours à l'état de brouillon, et n'est pas implémentée nativement dans tous les navigateurs. En comparaison, les composants de Vue n'ont besoin d'aucuns polyfills et fonctionnent de la même manière dans tous les navigateurs supportés (IE9 et supérieurs). Quand cela est nécessaire, les composants de Vue peuvent également être implémentés à l'intérieur d'un custom element natif. |
There was a problem hiding this comment.
d'aucun polyfill
custom elément => Custom Element si on veut se référer à la spec, sinon traduire en élement personnalisé
src/v2/guide/index.md
Outdated
|
|
||
| 2. Vue components provide important features that are not available in plain custom elements, most notably cross-component data flow, custom event communication and build tool integrations. | ||
| 2. Les composants de Vue fournissent des fonctionnalités importantes qui ne sont pas disponible dans les custom elements standard, comme notablement le flux de données multi-composant, la communication événementielle personnalisée et les outils de build intégrés. |
There was a problem hiding this comment.
disponibles
les Custom Element standards (ou les éléments personnalisés standards)
comme notablement => notamment
la communication par événements personnalisés
multi-composants (je préfererais "entre composants")
l'intégration avec les outils de build
src/v2/guide/index.md
Outdated
|
|
||
| We've just briefly introduced the most basic features of Vue.js core - the rest of this guide will cover them and other advanced features with much finer details, so make sure to read through it all! | ||
| Nous venons juste d'introduire brièvement les fonctionnalités les plus basiques du cœur de Vue.js — le reste de ce guide va les traiter, ainsi que des fonctionnalités plus avancées, plus en détails. Donc assurez-vous de ne rien rater ! |
There was a problem hiding this comment.
va les traiter plus en détail, ainsi que d'autres fonctionnalités avancées.
assurez-vous de le lire jusqu'au bout !
src/v2/guide/index.md
Outdated
|
|
||
| There are quite a few other directives, each with its own special functionality. For example, the `v-for` directive can be used for displaying a list of items using the data from an Array: | ||
| Il existe quelques autres directives, chacune avec leur propre fonction spécifique. Par exemple, la directive `v-for` peut être utilisée pour afficher une liste d'élément en provenance d'un tableau de données. |
src/v2/guide/index.md
Outdated
| { text: 'Build something awesome' } | ||
| { text: 'Apprendre JavaScript' }, | ||
| { text: 'Apprendre Vue' }, | ||
| { text: 'Créer un truc top' } |
There was a problem hiding this comment.
"Créer un truc top" -> "Développer quelque chose de fantastique"
( ta traduction me semble beaucoup plus "décontracté" que le texte original)
J'ai mis "développer" car c'est une des traductions possibles et que le contexte me semble s'y prête à fond mais "créer quelque chose" je trouve ça bien aussi
There was a problem hiding this comment.
« Créer un truc top » est plus familier que « Build something awesome » effectivement. Cependant « Développer quelque chose de fantastique » c'est un truc que personne dirait non, « fantastique » ?
Peut-être : « Créer quelque chose de top », « Créer quelque chose de fun », « Créer quelque chose de sympa »... rien ne me convient vraiment.
Vous direz quoi vous si vous deviez « Créer quelque chose de ... ! »
There was a problem hiding this comment.
c'est qu'un placeholder d'exemple, perdez pas trop de temps là-dessus ;)
There was a problem hiding this comment.
@haeresis "Créer quelque chose de génial" ?
src/v2/guide/index.md
Outdated
| ] | ||
| } | ||
| }) | ||
| </script> | ||
| {% endraw %} | ||
|
|
||
| In the console, enter `app4.todos.push({ text: 'New item' })`. You should see a new item appended to the list. | ||
| Dans la console, entrez `app4.todos.push({ text: 'Nouvel élément' })`. Vous devriez le voir ajouter à la liste. |
src/v2/guide/index.md
Outdated
|
|
||
| To let users interact with your app, we can use the `v-on` directive to attach event listeners that invoke methods on our Vue instances: | ||
| Afin de permettre aux utilisateurs d’interagir avec votre application, nous pouvons utiliser la directive `v-on` pour attacher des écouteurs d’événements qui appels des méthodes de vos instances de Vue : |
src/v2/guide/index.md
Outdated
|
|
||
| The component system is another important concept in Vue, because it's an abstraction that allows us to build large-scale applications composed of small, self-contained, and often reusable components. If we think about it, almost any type of application interface can be abstracted into a tree of components: | ||
| Le système de composant est un autre concept important de Vue, car c'est une abstraction qui nous permet de construire de larges applications composées de plus petits composants réutilisables et auto-gérés. Si vous y pensez bien, presque n'importe quelle interface d'application peut être abstrait avec un arbre de composants. |
There was a problem hiding this comment.
"larges applications" -> traduction littérale qui sonne bizarre. "application de grandes dimensions" ?
abstrait -> abstraite (c'est l'interface qui est abstraite)
There was a problem hiding this comment.
non, c'est bien le verbe abstraire :)
There was a problem hiding this comment.
@sylvainpolletvillard il y a des féminins aussi dans les verbes : "n'importe quelle interface peut être comprise"
There was a problem hiding this comment.
ah oui désolé je me suis embrouillé avec mon autre commentaire
src/v2/guide/index.md
Outdated
| ] | ||
| } | ||
| }) | ||
| </script> | ||
| {% endraw %} | ||
|
|
||
| This is just a contrived example, but we have managed to separate our app into two smaller units, and the child is reasonably well-decoupled from the parent via the props interface. We can now further improve our `<todo-item>` component with more complex template and logic without affecting the parent app. | ||
| Ceci n'est qu'un exemple grossier, mais nous avons séparé notre application en deux plus petites unités, et chaque enfant est convenablement découplé de son parent via l'utilisation des props. Nous pouvons maintenant améliorer notre `<todo-item>` avec un template et une logique plus conséquente sans affecter l'application parente. |
There was a problem hiding this comment.
"et chaque enfant" -> "et l'enfant"
(the child c'est le singulier, j'imagine que ça fait référence au "composant enfant" plutôt qu'à ses instances)
src/v2/guide/index.md
Outdated
|
|
||
| In a large application, it is necessary to divide the whole app into components to make development manageable. We will talk a lot more about components [later in the guide](components.html), but here's an (imaginary) example of what an app's template might look like with components: | ||
| Dans une large application, il est nécessaire de diviser l'application entière en composants afin de rendre le développement plus abordable. Nous parlerons des composants plus précisément [plus tard dans le guide](components.html), mais en attendant voici un exemple (imaginaire) de ce a quoi un template d'application pourrait ressemblé avec des composants : |
There was a problem hiding this comment.
Idem que plus haut, "large application" sonne pas très français, je dirai dans une "grosse application" ou "une application de grande dimension"
"plus abordable" => "plus maintenable" (l'idée étant de dire "plus facile à gérer"; maintenable me semble plus adapté qu'abordable qui signifie plutôt "facile d'accès)
ressemblé => ressembler
src/v2/guide/index.md
Outdated
|
|
||
| You may have noticed that Vue components are very similar to **Custom Elements**, which are part of the [Web Components Spec](http://www.w3.org/wiki/WebComponents/). That's because Vue's component syntax is loosely modeled after the spec. For example, Vue components implement the [Slot API](https://github.com/w3c/webcomponents/blob/gh-pages/proposals/Slots-Proposal.md) and the `is` special attribute. However, there are a few key differences: | ||
| Vous avez peut-être remarqué que les composants de Vue sont très similaire aux **Custom Elements**, qui sont une part de la [spécification des Web Components](http://www.w3.org/wiki/WebComponents/). C'est parce que la syntaxe de Vue s'en est librement inspiré après les spécifications. Par exemple, les composants de Vue implémente la [Slot API](https://github.com/w3c/webcomponents/blob/gh-pages/proposals/Slots-Proposal.md) et l'attribut spécial `is`. Cependant, il y a quelques différences clés : |
There was a problem hiding this comment.
similaire -> similaires
Custom éléments => on ne devrait pas utiliser ici aussi "élément personnalisés" comme ailleurs ?
"s'est librement inspiré de leurs spécifications"
implémente -> implémentent
src/v2/guide/index.md
Outdated
|
|
||
| 1. The Web Components Spec is still in draft status, and is not natively implemented in every browser. In comparison, Vue components don't require any polyfills and work consistently in all supported browsers (IE9 and above). When needed, Vue components can also be wrapped inside a native custom element. | ||
| 1. La spécification des Web Components est toujours à l'état de brouillon, et n'est pas implémentée nativement dans tous les navigateurs. En comparaison, les composants de Vue n'ont besoin d'aucuns polyfills et fonctionnent de la même manière dans tous les navigateurs supportés (IE9 et supérieurs). Quand cela est nécessaire, les composants de Vue peuvent également être implémentés à l'intérieur d'un custom element natif. |
There was a problem hiding this comment.
aucuns polyfills -> aucun polyfill
custom élément => élément personnalisé natif ?
src/v2/guide/index.md
Outdated
|
|
||
| 2. Vue components provide important features that are not available in plain custom elements, most notably cross-component data flow, custom event communication and build tool integrations. | ||
| 2. Les composants de Vue fournissent des fonctionnalités importantes qui ne sont pas disponible dans les custom elements standard, comme notablement le flux de données multi-composant, la communication événementielle personnalisée et les outils de build intégrés. |
There was a problem hiding this comment.
éléments personnalisés ?
standard => standards
"multi-composant" => "inter-composants"
MachinisteWeb
requested review from
PierreAmmeloot
and removed request for
zyhou
|
Bien, si vous souhaitez encore changer des choses. Je pense qu'il est important de peaufiner la première page de la doc dans le sens ou c'est celle qui donne envie de continuer ou non. Et merci pour toute votre aide, j'apprends beaucoup. |
src/v2/guide/index.md
Outdated
|
|
||
| In Vue, a component is essentially a Vue instance with pre-defined options. Registering a component in Vue is straightforward: | ||
| Dans Vue, un composant est essentiellement une instance de Vue avec des options prédéfinies. Déclarer un composant avec Vue est très rapide : |
There was a problem hiding this comment.
rapide -> simple ( c'est le sens du mot straightforward)
src/v2/guide/index.md
Outdated
|
|
||
| In a large application, it is necessary to divide the whole app into components to make development manageable. We will talk a lot more about components [later in the guide](components.html), but here's an (imaginary) example of what an app's template might look like with components: | ||
| Dans une large application, il est nécessaire de diviser l'application entière en composants afin de rendre le développement plus abordable. Nous parlerons des composants plus précisément [plus tard dans le guide](components.html), mais en attendant voici un exemple (imaginaire) de ce a quoi un template d'application pourrait ressemblé avec des composants : |
There was a problem hiding this comment.
large application -> ne se dit pas en français. Grosse application ?
There was a problem hiding this comment.
Dans une application plus conséquente ?
There was a problem hiding this comment.
"une application conséquente", je trouve ça aussi pas très naturel. Dans le boulot on parle de "gros projets", de "gros sites" ou de "grosses applis". Je trouve pas plus proche. C'est que tu trouves ça pas joli ?
There was a problem hiding this comment.
PS : à mon avis il faut un terme qui souligne très nettement et sans ambiguité que Vue peut être utilisé pour de gros projets et des applications de grande taille, surtout dans l'intro. L'introduction anglaise fait bien passer au lecteur l'idée que si Vue est facile à apprendre et à injecter dans un nouveau projet, il n'en est pas moins capable de propulser des trucs bien costauds.
There was a problem hiding this comment.
large = gros, une grosse appli, rien de péjoratif ou de familier ici
There was a problem hiding this comment.
J'avais grillé que « app » c'étais pas quelque chose de commun et qu'on disait application mais maintenant que tu le marque, on dit souvent « appli ».
Est ce qu'on devrait traduire « application » par « application » et « app » pal « appli » ?
Ok pour « grosse application » en tout cas (et oui @nyl-auster j'avais l'impression que c'était « légèrement » péjoratif dans le sens grosse = usine à gaz).
src/v2/guide/index.md
Outdated
|
|
||
| Vue (pronounced /vjuː/, like **view**) is a **progressive framework** for building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable. The core library is focused on the view layer only, and is very easy to pick up and integrate with other libraries or existing projects. On the other hand, Vue is also perfectly capable of powering sophisticated Single-Page Applications when used in combination with [modern tooling](single-file-components.html) and [supporting libraries](https://github.com/vuejs/awesome-vue#libraries--plugins). | ||
| Vue (prononcé /vjuː/, comme le terme anglais **view**) est un **framework évolutif** pour construire des interfaces utilisateur. À la différence des autres frameworks monolithiques, Vue est conçu pour partir des bases et être progressivement pris en main. Le cœur de la bibliothèque est concentré uniquement sur la partie vue, et il est vraiment simple de l'intégrer avec d'autres bibliothèques ou projets existants. D'un autre côté, Vue est tout à fait capable de faire tourner des applications web monopages quand il est couplé avec [des outils modernes](single-file-components.html) et [des bibliothèques complémentaires](https://github.com/vuejs/awesome-vue#libraries--plugins). |
There was a problem hiding this comment.
pour partir des bases -> déjà discuté sur mon désaccord sur cette traduction plus haut, je propose de demander l'avis d'une troisieme personne pour trancher les deux sens (pour moi c'est "conçu dès la base" mais je peux me tromper)
There was a problem hiding this comment.
« Conçu dès la base pour être progressivement pris en main » est top (j'aimais pas dès le début) ! Et je pense que tu as raison mais je serais plus rassuré avec un troisième avis pour être bien sur que « la base » fait référence à « l'intention de conception » et pas à « un point de départ duquel on évolue ».
There was a problem hiding this comment.
n°3 me voilà :)
Une traduction plus littérale de "from the ground up" pourrait être "du sol au plafond" mais dans le contexte présent, je traduirai plutôt par "dès l'origine". @nyl-auster a bien compris l'idée, ça veut dire que ça a été pensé comme tel dès les premières fondations.
There was a problem hiding this comment.
La traduction d'un ami britannique : "Vue a été conçu et pensé pour pouvoir être adopté de manière incrémentale"
src/v2/guide/index.md
Outdated
| } | ||
| }) | ||
| </script> | ||
| {% endraw %} | ||
|
|
||
| We have already created our very first Vue app! This looks pretty similar to just rendering a string template, but Vue has done a lot of work under the hood. The data and the DOM are now linked, and everything is now **reactive**. How do we know? Just open your browser's JavaScript console (right now, on this page) and set `app.message` to a different value. You should see the rendered example above update accordingly. | ||
| Nous venons tout juste de créer notre première application Vue ! Ça ressemble au rendu d'une chaîne de caractères dans un template, mais sous le capot, Vue effectue un réel travail. Les données et le DOM sont maintenant couplés, et tout est à présent **réactif**. Comment s'en rendre compte ? Ouvrez juste la console JavaScript de votre navigateur (là maintenant, sur cette page) et attribuez à `app.message` différentes valeurs. Vous devriez voir le rendu de l'exemple en cours se mettre à jour en concordance. |
There was a problem hiding this comment.
il manque les nuances des "pretty similar" et "just" -> "ça ressemble à un simple rendu" ...
src/v2/guide/index.md
Outdated
|
|
||
| Vue (pronounced /vjuː/, like **view**) is a **progressive framework** for building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable. The core library is focused on the view layer only, and is very easy to pick up and integrate with other libraries or existing projects. On the other hand, Vue is also perfectly capable of powering sophisticated Single-Page Applications when used in combination with [modern tooling](single-file-components.html) and [supporting libraries](https://github.com/vuejs/awesome-vue#libraries--plugins). | ||
| Vue (prononcé /vjuː/, comme le terme anglais **view**) est un **framework évolutif** pour construire des interfaces utilisateur. À la différence des autres frameworks monolithiques, Vue est conçu pour partir des bases et être progressivement pris en main. Le cœur de la bibliothèque est concentré uniquement sur la partie vue, et il est vraiment simple de l'intégrer avec d'autres bibliothèques ou projets existants. D'un autre côté, Vue est tout à fait capable de faire tourner des applications web monopages quand il est couplé avec [des outils modernes](single-file-components.html) et [des bibliothèques complémentaires](https://github.com/vuejs/awesome-vue#libraries--plugins). |
There was a problem hiding this comment.
Mes retours :
- View en italic et non en gras.
- "partir des bases" > "partir de la base"
- "concentré uniquement sur la partie vue" > c'est la "vue" du modèle vue contrôleur (MVC) ? Si oui, ce n'est pas clair.
- "monopages" > "monopage"
- "frontend" > en italique
There was a problem hiding this comment.
pourquoi monopage au singulier ? l'adjectif s'accorde avec applications
There was a problem hiding this comment.
je passe view en gras-italic, et frontend en italic. Je garde l'accord de monopages. Pour partir des bases on a une autre alternative.
Pour le « vue » c'est concentré sur la partie rendu de manière plus large car Vue de ce que j'en est compris couvre en Standalone MVVM (Vue et VueModel) et en Runtime Only MVVM (VueModel) [même si c'est pas aussi tranché que ça]. Mais je pense pas que ça ai vocation à être aussi clair que ça, cette parti étant expliqué dans « installation ».
src/v2/guide/index.md
Outdated
|
|
||
| <p class="tip">The official guide assumes intermediate level knowledge of HTML, CSS, and JavaScript. If you are totally new to frontend development, it might not be the best idea to jump right into a framework as your first step - grasp the basics then come back! Prior experience with other frameworks helps, but is not required.</p> | ||
| <p class="tip">Ce guide officiel présuppose que vous ayez un niveau intermédiaire de connaissance en HTML, CSS et JavaScript. Si vous êtes complètement nouveau dans le développement frontend, ce n'est peut-être pas la solution la plus judicieuse de vous lancer dans un framework pour vos premiers pas — aussi complétez vos bases avant de revenir ! Bien qu'une première expérience avec d'autres frameworks puisse être utile, cela n'est pas obligatoire.</p> |
There was a problem hiding this comment.
Mes retours :
- "frontend" > en italique
src/v2/guide/index.md
Outdated
|
|
||
| ``` html | ||
| <script src="https://unpkg.com/vue/dist/vue.js"></script> | ||
| ``` | ||
|
|
||
| The [Installation](installation.html) page provides more options of installing Vue. Note that we **do not** recommend beginners to start with `vue-cli`, especially if you are not yet familiar with Node.js-based build tools. | ||
| La page d'[installation](installation.html) vous offre d'autres manières d'installer Vue. Notez que nous **ne** recommandons **pas** aux débutants de commencer avec `vue-cli`, surtout si vous n'êtes pas encore familier avec les outils de build basés sur Node.js. |
| @@ -35,7 +35,7 @@ At the core of Vue.js is a system that enables us to declaratively render data t | |||
| var app = new Vue({ | |||
| el: '#app', | |||
| data: { | |||
| message: 'Hello Vue!' | |||
| message: 'Hello Vue !' | |||
There was a problem hiding this comment.
Pourquoi ne pas traduire le message en Français, si le message reste en anglais laisser le "!" collé au texte.
There was a problem hiding this comment.
En fait c'est justement parce qu'il est traduit en français. Mais j'ai considéré que Le Hello World était passé dans le vocabulaire informatique français : « Hey, on va commencer notre application avec un Hello World ! »
Je conserve
| @@ -47,58 +47,58 @@ var app = new Vue({ | |||
| var app = new Vue({ | |||
| el: '#app', | |||
| data: { | |||
| message: 'Hello Vue!' | |||
| message: 'Hello Vue !' | |||
There was a problem hiding this comment.
Pourquoi ne pas traduire le message en Français, si le message reste en anglais laisser le "!" collé au texte.
src/v2/guide/index.md
Outdated
|
|
||
| In a large application, it is necessary to divide the whole app into components to make development manageable. We will talk a lot more about components [later in the guide](components.html), but here's an (imaginary) example of what an app's template might look like with components: | ||
| Dans une large application, il est nécessaire de diviser l'application entière en composants afin de rendre le développement plus abordable. Nous parlerons des composants plus précisément [plus tard dans le guide](components.html), mais en attendant voici un exemple (imaginaire) de ce a quoi un template d'application pourrait ressemblé avec des composants : |
There was a problem hiding this comment.
- "large application" > "applications complexe", "logiciels complexe"
- "ressemblé" > "ressembler"
There was a problem hiding this comment.
On a convenu « grosse applications ».
Merci pour ressembler.
src/v2/guide/index.md
Outdated
|
|
||
| You may have noticed that Vue components are very similar to **Custom Elements**, which are part of the [Web Components Spec](http://www.w3.org/wiki/WebComponents/). That's because Vue's component syntax is loosely modeled after the spec. For example, Vue components implement the [Slot API](https://github.com/w3c/webcomponents/blob/gh-pages/proposals/Slots-Proposal.md) and the `is` special attribute. However, there are a few key differences: | ||
| Vous avez peut-être remarqué que les composants de Vue sont très similaires aux **Custom Elements**, qui sont une partie de la [spécification des Web Components](http://www.w3.org/wiki/WebComponents/). C'est parce que la syntaxe de Vue est vaguement inspirée de cette spécification. Par exemple, les composants de Vue implémentent l'[API Slot](https://github.com/w3c/webcomponents/blob/gh-pages/proposals/Slots-Proposal.md) et l'attribut spécial `is`. Cependant, il y a quelques différences clés : |
There was a problem hiding this comment.
- "quelques différences clés" > "quelques différences essentielles"
src/v2/guide/index.md
Outdated
|
|
||
| 1. The Web Components Spec is still in draft status, and is not natively implemented in every browser. In comparison, Vue components don't require any polyfills and work consistently in all supported browsers (IE9 and above). When needed, Vue components can also be wrapped inside a native custom element. | ||
| 1. La spécification des Web Components est toujours à l'état de brouillon, et n'est pas implémentée nativement dans tous les navigateurs. En comparaison, les composants de Vue n'ont besoin d'aucun polyfill et fonctionnent de la même manière dans tous les navigateurs supportés (IE9 et supérieurs). Quand cela est nécessaire, les composants de Vue peuvent également être implémentés à l'intérieur d'un élément personnalisé natif. |
There was a problem hiding this comment.
- "polyfill" > en italique avec un "s"
There was a problem hiding this comment.
pourquoi au pluriel ? aucun est singulier
There was a problem hiding this comment.
je vais le mettre en italic cela dit
src/v2/guide/index.md
Outdated
|
|
||
| 2. Vue components provide important features that are not available in plain custom elements, most notably cross-component data flow, custom event communication and build tool integrations. | ||
| 2. Les composants de Vue fournissent des fonctionnalités importantes qui ne sont pas disponibles dans les éléments personnalisés standards, notamment le flux de données entre composants, la communication par événements personnalisés et l'intégration avec les outils de build. |
src/v2/guide/index.md
Outdated
|
|
||
| We've just briefly introduced the most basic features of Vue.js core - the rest of this guide will cover them and other advanced features with much finer details, so make sure to read through it all! | ||
| Nous venons juste d'introduire brièvement les fonctionnalités les plus basiques du cœur de Vue.js — le reste de ce guide va les traiter plus en détail, ainsi que d'autres fonctionnalités avancées. Donc assurez-vous de le lire jusqu'au bout ! |
There was a problem hiding this comment.
- "Donc assurez-vous" > "Assurez-vous donc"
- Vue a été conçu et pensé pour pouvoir être adopté de manière incrémentale - Pour une grosse application, il est nécessaire de la diviser entièrement en composants - construire de plus grosses applications - ressembler - essentielles - Assurez-vous donc
|
Ok je lis tout ça une dernière fois d'un bloc voir si tout est cohérent et je merge. |
Relecture, discussion, tout ça quoi :)