diff --git a/.remarkignore b/.remarkignore index 668cea7f3..b9999de62 100644 --- a/.remarkignore +++ b/.remarkignore @@ -25,6 +25,7 @@ guides/**/*.md !guides/components/block-content.md !guides/components/built-in-components.md !guides/components/component-arguments-and-html-attributes.md +!guides/components/index.md !guides/components/looping-through-lists.md !guides/configuring-ember/build-targets.md !guides/getting-started/anatomy-of-an-ember-app.md diff --git a/guides/components/block-content.md b/guides/components/block-content.md index 4c97efcba..85c037249 100644 --- a/guides/components/block-content.md +++ b/guides/components/block-content.md @@ -34,7 +34,7 @@ Pour rendre ça plus concret, examinons deux composants similaires qui représen

Tomster - heure locale : 16h56 + heure locale : 16:56

@@ -148,9 +148,9 @@ Vous pouvez penser à `{{yield}}` comme à un espace réservé au contenu de la

@@ -165,7 +165,7 @@ Vous pouvez penser à `{{yield}}` comme à un espace réservé au contenu de la @username="Zoey" @isCurrentUser={{true}} - @avatarTitle="L'avatar de Zoey" + @avatarTitle="Avatar de Zoey" @avatarInitial="Z" >

Hey !

diff --git a/guides/components/index.md b/guides/components/index.md index c6ec43c84..6d0b52fa2 100644 --- a/guides/components/index.md +++ b/guides/components/index.md @@ -1,85 +1,79 @@ -At its core, Ember's UIs are _HTML_ driven - every part of the UI that -is shown to the user is defined in an HTML template somewhere in your -application. Because of this, templates are central to Ember, and one of the -most important parts of the framework. +Les interfaces utilisateur (ou _UI_ pour _User Interfaces_) d'Ember sont basées sur le HTML, c'est-à-dire que chaque partie de l'UI montrée à l'utilisateur est définie dans un _template_ HTML, quelque part dans votre app. Les _templates_ sont, pour cette raison, une brique centrale d'Ember, et l'une des parties les plus importantes du _framework_. -We'll discuss the capabilities and core concepts of templates in the following -chapters, but before we do that, we should get started with the basics. The -simplest way to get started on an Ember template is with some HTML! +Dans les chapitres suivants, nous discuterons les capacités et les principaux concepts autour des _templates_ ; mais avant ça, commençons par les bases. Le moyen le plus simple de commencer un _template_ Ember, c'est avec du HTML ! -## The Application Template +## Le _template_ de l'application -The central template in an Ember application is the `app/templates/application.hbs` -file. We can copy HTML into this file, and it will work without any changes. For -instance, you can copy the following example HTML for a simple messaging app: +Le _template_ principal dans une application Ember est le fichier `app/templates/application.hbs`. On peut copier du HTML dans ce fichier, il fonctionnera tel quel. Par exemple, copiez le HTML de l'exemple suivant pour une app de messagerie très simple : ```html {data-filename=app/templates/application.hbs}

Tomster - their local time is 4:56pm + heure locale : 16:56

- Hey Zoey, have you had a chance to look at the EmberConf brainstorming doc - I sent you? + Hey Zoey, as-tu eu l'occasion de regarder le document + de brainstorming pour l'EmberConf que je t'ai envoyé ?

Zoey

-

Hey!

+

Hey !

- I love the ideas! I'm really excited about where this year's EmberConf is - going, I'm sure it's going to be the best one yet. Some quick notes: + J'adore les idées ! Je suis vraiment enthousiaste de voir la + direction que prend l'EmberConf cette année, je suis sûre que ce + sera la meilleure de toutes. + Quelques notes rapides :

  • - Definitely agree that we should double the coffee budget this year (it - really is impressive how much we go through!) + Tout à fait d'accord sur le fait qu'on devrait doubler le budget + café cette année (c'est vraiment impressionnant tout ce qu'on + boit !)
  • - A blimp would definitely make the venue very easy to find, but I think - it might be a bit out of our budget. Maybe we could rent some spotlights - instead? + Un dirigeable rendrait certainement le lieu très facile à trouver, + mais je pense que c'est peut-être un peu hors budget. On + pourrait peut-être louer des projecteurs à la place ?
  • - We absolutely will need more hamster wheels, last year's line was - way too long. Will get on that now before rental season hits - its peak. + On a absolument besoin de plus de roues pour hamster, l'année dernière + la file d'attente était beaucoup trop longue. Je vais m'occuper + de ça maintenant, avant que la saison des locations soit à son pic.
-

Let me know when you've nailed down the dates!

+

Dis-moi quand tu auras fixé les dates !

``` -You can _serve_ the app by running `ember s` in your terminal, which will make -the local copy of your application available to view in your web browser. +Vous pouvez "servir" l'app en exécutant `ember s` dans votre terminal, ce qui rendra la copie locale de votre app disponible pour votre navigateur web. -If you serve the app and go to `localhost:4200` in your web browser, you'll see -the HTML rendered. At this point, it will still be unstyled. +Si vous servez l'app et allez sur `localhost:4200` dans votre navigateur, vous verrez le HTML affiché. Pour l'instant, il n'aura aucun style. -To style the application, copy the following CSS into `app/styles/app.css`: +Pour ajouter du style à l'application, copiez le CSS suivant dans `app/styles/app.css` : ```css {data-filename=styles/app.css} body { @@ -174,50 +168,43 @@ form > button { } ``` -![screenshot of styled message app](/images/ember-core-concepts/messaging-app-1.png) +![capture d'écran de l'app de messagerie avec le style](/images/ember-core-concepts/messaging-app-1.png) -You start building parts of an Ember application using HTML, so if you already -know HTML and CSS, you know how to build a basic Ember application! +La construction d'une application Ember commence par l'utilisation de HTML, donc si vous connaissez déjà le HTML et le CSS, alors vous savez déjà construire une application Ember basique ! -You can even use SVG or web components without any changes. As long as your HTML -is valid, Ember will render it. +Vous pouvez même utiliser des SVG ou des _web components_ tels quels. Tant que votre HTML est valide, Ember l'affiche. -# Self-Closing Tags +# Balises auto-fermantes -In addition to normal HTML syntax, Ember allows you to use self-closing syntax -(`
`) as a shorthand for an opening and closing tag (`
`). +En plus de la syntaxe HTML classique, Ember permet l'utilisation d'une syntaxe auto-fermante (`
`) comme raccourci pour les balises ouvrantes et fermantes (`
`).
-
Zoey says...
+
Zoey dit...
- You don't need to use this syntax for "void" HTML - tags such as img or br, which are already - defined as self-closing by the HTML specification, but you can use this syntax - as a shorthand for tags that are not self-closing. + Vous n'avez pas besoin d'utiliser cette syntaxe pour les balises HTML dites "vides" comme img ou br, car elles sont déjà définies comme auto-fermantes par les spécifications HTML. En revanche, vous pouvez utiliser cette syntaxe comme raccourci pour les balises qui ne sont pas auto-fermantes par définition.
-# Supported Features +# Fonctionnalités supportées -This means that all of the following HTML features work as-is: +Toutes les fonctionnalités suivantes de HTML fonctionnent telles quelles : -- Web components +- _Web components_ - SVG -- HTML comments -- White space (following the same rules as normal HTML) -- Special HTML elements like `` and `
` ou `