anchor.diff:    :marked
       A Provider creates a new instance of a dependency for the Dependency Injection system.
       It relates a lookup token to code - sometimes called a "recipe" - that can create a dependency value.
  +    
  +    Un _Provider_ (Fournisseur) crée une nouvelle instance d'une dépendance dans le système d'Injection de Dépendances.
  +    Il relie une clé (_token_) à du code - parfois appelé une "recette" - qui peut créer la dépendance.
   
       For example, `new Provider(Foo, {useClass: Foo})` creates a `Provider`
       that relates the `Foo` token to a function that creates a new instance of the `Foo` class.
  +    
  +    Par exemple, `new Provider(Foo, {useClass: Foo})` crée un `Provider`
  +    qui relie la clé `Foo` à la fonction qui crée une nouvelle instance de la classe `Foo`.
   
       There are other ways to create tokens and recipes.
       See [Dependency Injection](#dependency-injection) chapter to learn more.
  +    
  +    Il y a d'autres façons de créer des clés et des recettes.
  +    Voir le chapitre sur l'[Injection de Dépendances](#dependency-injection) pour en savoir plus.
   
   .l-main-section
   <a id="Q"></a>
   <a id="R"></a>
   :marked
     ## Router
  +  
  +  ## Routeur
   .l-sub-section
     :marked
       Most applications consist of many screens or [views](#view).
       The user navigates among them by clicking links and buttons
       and taking other similar actions that cause the application to
       replace one view with another.
  +    
  +    La plupart des applications consiste en de nombreux écrans ou [vues](#view).
  +    L'utilisateur navigue entre ceux-ci en cliquant sur des liens et des boutons
  +    et par d'autres actions similaires qui conduisent l'application à
  +    remplacer une vue par une autre.
   
       The Angular [Component Router](/docs/ts/latest/guide/router.html) is a richly featured mechanism for configuring
       and managing the entire view navigation process including the creation and destruction
       of views.
  +    
  +    Le [Routeur de Composant](/docs/ts/latest/guide/router.html) d'Angular est un mécanisme riche en fonctionnalité pour configurer
  +    et gérer le procédé complet de navigation, incluant la création et la destruction
  +    des vues.
   :marked
     ## Routing Component
  +  
  +  ## Composant de route
   .l-sub-section
     :marked
       A [Component](#component) with an attached router.
  +    
  +    Un [Composant](#component) attaché à un routeur.
   
       In most cases, the component became attached to a [router](#router) by means
       of a `#{atSym}RouterConfig` #{decorator} that defined routes to views controlled by this component.
  +    
  +    Dans la plupart des cas, le composant devient attaché à un routeur grâce
  +    au décorateur`#{atSym}RouterConfig` qui définit des routes pour les vues controllées par ce composant. 
   
       The component's template has a `RouterOutlet` element where it can display views produced by the router.
  +    
  +    Le template de ce composant a un élément `RouterOutlet` où il peut afficher les vues produites par le routeur. 
   
       It likely has anchor tags or buttons with `RouterLink` directives that users can click to navigate.
  +    
  +    Il a vraissemblablement des ancres ou boutons avec la directive `RouterLink` que les utilisateurs peuvent cliquer pour naviguer.
   
   <a id="S"></a>
   .l-main-section
   // #enddocregion n-s-1
   :marked
  +  ## Scoped Package
  +  
     ## Scoped Package
   .l-sub-section
     :marked
       Angular modules are delivered within *scoped packages* such as `@angular/core`, `@angular/common`, `@angular/platform-browser-dynamic`,
       `@angular/http`, and `@angular/router`.
  +    
  +    Les modules Angular sont livrés dans des *scoped packages* comme `@angular/core`, `@angular/common`, `@angular/platform-browser-dynamic`,
  +    `@angular/http`, et `@angular/router`.
   
       A [*scoped package*](https://docs.npmjs.com/misc/scope) is a way to group related *npm* packages.
  +    
  +    Un [*scoped package*](https://docs.npmjs.com/misc/scope) est une façon de regrouper des packages *npm* liés.
   
       We import a scoped package the same way we'd import a *normal* package.
       The only difference, from a consumer perspective,
       is that the package name begins with the Angular *scope name*, `@angular`.
  +    
  +    On importe un scoped package de la même façon que l'on importe un package *normal*.
  +    La seule différence, du point de vue du consommateur,
  +    est que le nom du package commence par le nom de scope d'Angular, `@angular`.
   
     +makeExcerpt('architecture/ts/app/app.component.ts', 'import', '')
   // #docregion n-s-2
   
   :marked
     ## Structural Directive
  +  
  +  ## Directives structurelles
   .l-sub-section
     :marked
       A category of [Directive](#directive) that can
       shape or re-shape HTML layout, typically by adding, removing, or manipulating
       elements and their children.
  +    
  +    Une catégorie de [Directive](#directive) qui peuvent
  +    façonner ou re-façonner le layout HTML, typiquement en ajoutant, supprimant, ou manipulant
  +    des éléments et leurs enfants.
   
       The `ngIf` "conditional element" directive and the `ngFor` "repeater" directive are
       good examples in this category.
  +    
  +    La directive "élément conditionnel" `ngIf` et la directive "répétition" `ngFor` sont
  +    de bons exemples de cette catégorie.
   // #enddocregion n-s-2
   
   // #docregion t1
  
positive.code: .l-main-section
  :marked
    ## View
  .l-sub-section
    :marked
      A view is a portion of the screen that displays information and responds
      to user actions such as clicks, mouse moves, and keystrokes.
  
      Angular renders a view under the control of one or more [Directives](#directive),
      especially  [Component](#component) directives and their companion [Templates](#template).
      The Component plays such a prominent role that we often
      find it convenient to refer to a component as a view.
  
      Views often contain other views and any view might be loaded and unloaded
      dynamically as the user navigates through the application, typically
      under the control of a [router](#router).
  
  .l-main-section
  <a id="W"></a>
  
negative.code:     display in a [view](#view). We use the `#{atSym}Pipe` !{decorator}
      to associate the pipe function with a name. We then can use that
      name in our HTML to declaratively transform values on screen.
      
      Un _pipe_ (tube) Angular est une fonction qui transforme des valeurs d'entrée en valeurs de sortie pour
      les afficher dans une [vue](#view). On utilise le décorateur `#{atSym}Pipe`
      pour associer la fonction du pipe avec un nom. On peut ensuite utiliser
      ce nom dans notre HTML pour transformer declarativement les valeurs à l'écran.
  
      Here's an example that uses the built-in `currency` pipe to display
      a numeric value in the local currency.
      
      Voici un exemple qui utilise le pipe `currency` fourni par le framework pour afficher
      une valeur numérique dans la monnaie locale.
  
    code-example(language="html" escape="html").
      <label>Price: </label>{{product.price | currency}}
    :marked
      Learn more in the chapter on [pipes](/docs/ts/latest/guide/pipes.html) .
      
      Apprenez-en plus dans le chapitre sur les [pipes](/docs/ts/latest/guide/pipes.html).
  
  :marked
    ## Provider
  