edda524d0d
# Conflicts: # .travis.yml # public/_includes/_footer.jade # public/_includes/_hero-home.jade # public/_includes/_next-item.jade # public/_includes/_util-fns.jade # public/_includes/_version-dropdown.jade # public/docs/_examples/package.json # public/docs/_examples/quickstart/dart/lib/app_component.dart # public/docs/_examples/quickstart/e2e-spec.ts # public/docs/_examples/quickstart/js/app/app.component.js # public/docs/_examples/quickstart/ts/app/app.component.ts # public/docs/_examples/quickstart/ts/index.html # public/docs/_examples/toh-5/dart/lib/dashboard_component.html # public/docs/_examples/toh-5/dart/lib/hero_detail_component.dart # public/docs/dart/latest/_util-fns.jade # public/docs/dart/latest/guide/_data.json # public/docs/dart/latest/guide/index.jade # public/docs/dart/latest/quickstart.jade # public/docs/index.jade # public/docs/js/latest/quickstart.jade # public/docs/ts/_cache/glossary.jade # public/docs/ts/_cache/guide/dependency-injection.jade # public/docs/ts/_cache/guide/index.jade # public/docs/ts/_cache/quickstart.jade # public/docs/ts/_cache/tutorial/toh-pt5.jade # public/docs/ts/latest/_data.json # public/docs/ts/latest/_quickstart_repo.jade # public/docs/ts/latest/cli-quickstart.jade # public/docs/ts/latest/cookbook/_data.json # public/docs/ts/latest/cookbook/a1-a2-quick-reference.jade # public/docs/ts/latest/cookbook/aot-compiler.jade # public/docs/ts/latest/cookbook/dynamic-form.jade # public/docs/ts/latest/glossary.jade # public/docs/ts/latest/guide/_data.json # public/docs/ts/latest/guide/architecture.jade # public/docs/ts/latest/guide/attribute-directives.jade # public/docs/ts/latest/guide/browser-support.jade # public/docs/ts/latest/guide/change-log.jade # public/docs/ts/latest/guide/dependency-injection.jade # public/docs/ts/latest/guide/displaying-data.jade # public/docs/ts/latest/guide/forms.jade # public/docs/ts/latest/guide/index.jade # public/docs/ts/latest/guide/lifecycle-hooks.jade # public/docs/ts/latest/guide/ngmodule.jade # public/docs/ts/latest/guide/npm-packages.jade # public/docs/ts/latest/guide/router.jade # public/docs/ts/latest/guide/server-communication.jade # public/docs/ts/latest/guide/style-guide.jade # public/docs/ts/latest/guide/template-syntax.jade # public/docs/ts/latest/guide/testing.jade # public/docs/ts/latest/guide/typescript-configuration.jade # public/docs/ts/latest/guide/upgrade.jade # public/docs/ts/latest/guide/user-input.jade # public/docs/ts/latest/quickstart.jade # public/docs/ts/latest/tutorial/_data.json # public/docs/ts/latest/tutorial/index.jade # public/docs/ts/latest/tutorial/toh-pt1.jade # public/docs/ts/latest/tutorial/toh-pt3.jade # public/docs/ts/latest/tutorial/toh-pt5.jade # public/docs/ts/latest/tutorial/toh-pt6.jade # public/events.jade # public/resources/images/devguide/quickstart/hello-angular.png # scripts/cache.sh # tools/plunker-builder/indexHtmlTranslator.js
45 lines
2.0 KiB
Plaintext
45 lines
2.0 KiB
Plaintext
block includes
|
|
include ../_util-fns
|
|
|
|
figure
|
|
img(src="/resources/images/devguide/intro/people.png" width="200px" height="152px" alt="Us" align="left" style="margin-left:-40px;margin-right:10px" )
|
|
:marked
|
|
Everyone learns differently.
|
|
You don't have to read the documentation straight through. Most pages stand on their own.
|
|
Those new to Angular may wish to follow this popular learning path.
|
|
<br class="l-clear-left">
|
|
|
|
:marked
|
|
1. [Setup](setup.html "Setup locally withe Quickstart seed") for local Angular development, if you haven't already done so.
|
|
|
|
1. Take the [*Tour of Heroes* tutorial](../tutorial "Tour of Heroes").
|
|
|
|
The *Tour of Heroes* takes you step-by-step from [setup](setup.html)
|
|
to a full-featured example that 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. <a id="architecture"></a>Read the [Architecture](architecture.html) overview for the big picture.
|
|
<li if-docs="ts"><p>
|
|
[The Root Module](appmodule.html) introduces the `NgModule` class that tells Angular how to compile and run your application.
|
|
</p></li>
|
|
|
|
1. [Displaying Data](displaying-data.html) shows how data binding puts component property values on screen.
|
|
|
|
1. [User Input](user-input.html) explains how to respond to user-initiated DOM events.
|
|
|
|
1. [Forms](forms.html) covers 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, feel free to skip around among the other pages on this site.
|
|
|
|
.l-sub-section
|
|
:marked
|
|
### Next Step
|
|
|
|
Try the [tutorial](../tutorial "Tour of Heroes") if you're ready to start coding or
|
|
visit the [Architecture](architecture.html "Basic Concepts") guide if you prefer to learn the basic concepts first.
|