<commit_before>block includes
  include ../_util-fns

// #docregion intro
- var langName = current.path[1] == 'ts' ? 'TypeScript' : 'JavaScript'
figure
  img(src="/resources/images/devguide/intro/people.png" alt="Us" align="left" style="width:200px; margin-left:-40px;margin-right:10px" )
:marked
  This is a practical guide to Angular for experienced programmers who
  are building client applications in HTML and #{langName}.

  <br clear="all">
// #enddocregion intro

// #docregion how-to-read-1
<a id="learning-path"></a>
:marked
  # Organization

  The documentation is divided into major thematic sections, each
  a collection of pages devoted to that theme.
// #enddocregion how-to-read-1
// #docregion how-to-read-2
- var top="vertical-align:top"
table(width="100%")
  col(width="15%")
  col
  tr(style=top)
    td <b>QuickStart</b>
    td
      :marked
        The foundation for every page and sample in this documentation.
  tr(style=top)
    td <b>Tutorial</b>
    td
      :marked
        A step-by-step, immersive approach to learning Angular 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>API Reference</b>
    td
      :marked
        Authoritative details about each member of the Angular libraries.
:marked
  # Learning path
  You don't have to read the guide straight through.  Most pages stand on their own.

  For those new to Angular, the recommended learning path runs through the *Basics* section:

  1. For the big picture, read the [Architecture](architecture.html) overview.

  1. Try [QuickStart](../quickstart.html). QuickStart is the "Hello, World" of Angular.
  It shows you how to set up the libraries and tools you'll need to write *any* Angular app.

  1. Take the *Tour of Heroes* [tutorial](../tutorial), which picks up where QuickStart leaves off,
  and builds a simple data-driven app. The app demonstrates the essential characteristics of a professional application:
  a sensible project structure, data binding, master/detail, services, dependency injection, navigation, and remote data access.

  1. [Displaying Data](displaying-data.html) explains how to display information on the screen.

  1. [User Input](user-input.html) covers how Angular responds to user behavior.

  1. [Forms](forms.html) handles user data entry and validation within the UI.

  1. [Dependency Injection](dependency-injection.html) is the way to build large, maintainable applications
  from small, single-purpose parts.

  1. [Template Syntax](template-syntax.html) is a comprehensive study of Angular template HTML.

  After reading the above sections, you can skip to any other pages on this site.
// #enddocregion how-to-read-2
// #docregion the-rest
:marked
  # Code samples

  Each page includes code snippets that you can reuse in your applications.
  These snippets are excerpts from a sample application that accompanies the page.<commit_msg>docs(overview): update to new organization (#2405)<commit_after>block includes
  include ../_util-fns

// #docregion intro
- var langName = current.path[1] == 'ts' ? 'TypeScript' : 'JavaScript'
figure
  img(src="/resources/images/devguide/intro/people.png" alt="Us" align="left" style="width:200px; margin-left:-40px;margin-right:10px" )
:marked
  This is a practical guide to Angular for experienced programmers who
  are building client applications in HTML and #{langName}.

  <br clear="all">
// #enddocregion intro

// #docregion how-to-read-1
<a id="learning-path"></a>
:marked
  # Organization

  The documentation is divided into major thematic sections, each
  a collection of pages devoted to that theme.
// #enddocregion how-to-read-1
// #docregion how-to-read-2
- var top="vertical-align:top"
table(width="100%")
  col(width="15%")
  col
  tr(style=top)
    td <b>QuickStart</b>
    td
      :marked
        The foundation for every page and sample in this documentation.
  tr(style=top)
    td <b>Guide</b>
    td
      :marked
        The essential ingredients of Angular development.
  tr(style=top)
    td <b>API Reference</b>
    td
      :marked
        Authoritative details about each member of the Angular libraries.
  tr(style=top)
    td <b>Tutorial</b>
    td
      :marked
        A step-by-step, immersive approach to learning Angular that
        introduces the major features of Angular in an application context.
  tr(style=top)
    td <b>Advanced</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.
:marked
  # Learning path
  You don't have to read the guide straight through.  Most pages stand on their own.

  For those new to Angular, the recommended learning path runs through the *Guide* section:

  1. For the big picture, read the [Architecture](architecture.html) overview.

  1. Try [QuickStart](../quickstart.html). QuickStart is the "Hello, World" of Angular.
  It shows you how to set up the libraries and tools you'll need to write *any* Angular app.

  1. Take the *Tour of Heroes* [tutorial](../tutorial), which picks up where QuickStart leaves off,
  and builds a simple data-driven app. The app demonstrates the essential characteristics of a professional application:
  a sensible project structure, data binding, master/detail, services, dependency injection, navigation, and remote data access.

  1. [Displaying Data](displaying-data.html) explains how to display information on the screen.

  1. [User Input](user-input.html) covers how Angular responds to user behavior.

  1. [Forms](forms.html) handles user data entry and validation within the UI.

  1. [Dependency Injection](dependency-injection.html) is the way to build large, maintainable applications
  from small, single-purpose parts.

  1. [Template Syntax](template-syntax.html) is a comprehensive study of Angular template HTML.

  After reading the above sections, you can skip to any other pages on this site.
// #enddocregion how-to-read-2
// #docregion the-rest
:marked
  # Code samples

  Each page includes code snippets that you can reuse in your applications.
  These snippets are excerpts from a sample application that accompanies the page.
{'fraction_non_alphanumeric': 0.08888228299643282, 'fraction_numerical': 0.00802615933412604, 'mean_word_length': 3.5496957403651117, 'pattern_counts': {'":': 0, '<': 33, '<?xml version=': 0, '>': 33, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 1, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6186812', 'n_tokens_mistral': 1991, 'n_tokens_neox': 1840, 'n_words': 779}