anchor.diff:    col(width="15%")
     col
     tr(style=top)
  -    td <b>Tutorial</b>
  +    td <b>Tutorial</b> <b>教程</b>
       td
         :marked
           A step-by-step, immersive approach to learning Angular. 
  
positive.code:         the foundation for every chapter and sample in this documentation,
          followed by the [*Tour of Heroes* tutorial](../tutorial) that
          introduces the major features of Angular in an application context.
    tr(style=top)
      td <b>Basics</b>
      td
        :marked
          The essential ingredients of Angular development.
    tr(style=top)
      td <b>Developer Guide</b>
      td
        :marked
          In depth analysis of Angular features and development practices.
    tr(style=top)
      td <b>Cookbook</b>
      td
        :marked
          Recipes for specific application challenges, mostly code snippets with a minimum of exposition.
    tr(style=top)
      td <b>Reference</b>
      td
        :marked
          Angular-specific reference material, most notably the [API Guide](../api)
          with its authoritative details about each member in the Angular libraries.
    tr(style=top)
      td <b>Resources</b>
      td
        :marked
          Other places to go for help and information.
  :marked
    # Learning Path
    We don't have to read the guide straight through.  Most chapters stand on their own. 
     
    We recommend a learning path for those new to Angular. 
    Most of that path runs through the *Basics* section:
  
    1. Read the [Architecture Overview](architecture.html) to get the big picture.
    
    1. Try the [QuickStart](../quickstart.html). The QuickStart is the "Hello, World" of Angular 2. 
    It shows us how to setup the libraries and tools we'll need to write *any* Angular app. 
    
    1. Take the *Tour of Heroes* [Tutorial](../tutorial) which picks up from where the QuickStart leaves off 
    and builds a simple data-driven app. 
    Simple, yes, but with the essential characteristics we'd expect of a professional application:
    a sensible project structure, data binding, master/detail, services, dependency injection, navigation, and remote data access. 
    
      Return to the *Basics* section and continue in the suggested order:
      
    1. [Displaying Data](displaying-data.html) explains how to get information on to the screen.
    
    1. [User Input](user-input.html) covers the basics of responding to user behavior.
    
    1. [Forms](forms.html) handle user data entry and validation within the UI.
    
    1. [Dependency Injection](dependency-injection.html) is the way we build large, maintainable applications
    from small, single purpose parts.
    
    1. [Template Syntax](template-syntax.html) is a comprehensive study of Angular template HTML. 
  
    With this foundation, we can read and understand any chapter in the guide.
  // #enddocregion how-to-read-2
  // #docregion the-rest
  :marked
    # Code Samples
    
    Every chapter includes code snippets that we can reuse in our own applications. 
    These snippets are excerpts from a sample application that accompanies the chapter.
    
    Look for a link to a running version of that sample near the top of each page
    such as this [live example](/resources/live-examples/architecture/ts/plnkr.html) from the [Architecture](architecture.html) chapter.
  
negative.code: <a id="learning-path"></a>
  :marked
    # Organization
    # 组织结构
    
    The documentation is divided into major thematic sections, each
    a collection of chapters devoted to that theme.
    
    本文档被分成了几个主题区域，每一组中的章节都是围绕所属主题的。
  // #enddocregion how-to-read-1
  // #docregion how-to-read-2
  - var top="vertical-align:top"
  