2017-02-22 13:09:39 -05:00
|
|
|
@title
|
|
|
|
Learning Angular
|
|
|
|
|
|
|
|
@intro
|
2017-03-11 08:44:25 -05:00
|
|
|
A suggested path through the documentation for Angular newcomers.
|
2017-02-22 13:09:39 -05:00
|
|
|
|
|
|
|
@description
|
|
|
|
|
2017-03-27 11:08:53 -04:00
|
|
|
|
2017-03-30 15:04:18 -04:00
|
|
|
|
2017-02-22 13:09:39 -05:00
|
|
|
<figure>
|
2017-03-31 19:57:13 -04:00
|
|
|
<img src="assets/images/devguide/intro/people.png" width="200px" height="152px" alt="Us" align="left" style="margin-left:-40px;margin-right:10px"></img>
|
2017-02-22 13:09:39 -05:00
|
|
|
</figure>
|
|
|
|
|
2017-03-31 19:57:13 -04:00
|
|
|
|
|
|
|
|
2017-02-22 13:09:39 -05:00
|
|
|
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">
|
|
|
|
|
2017-03-31 19:57:13 -04:00
|
|
|
1. [Setup](guide/setup "Setup locally withe Quickstart seed") for local Angular development, if you haven't already done so.
|
2017-02-22 13:09:39 -05:00
|
|
|
|
2017-03-11 10:36:40 -05:00
|
|
|
1. Take the [*Tour of Heroes* tutorial](tutorial "Tour of Heroes").
|
2017-02-22 13:09:39 -05:00
|
|
|
|
2017-03-11 10:36:40 -05:00
|
|
|
The *Tour of Heroes* takes you step-by-step from [setup](guide/setup)
|
2017-02-22 13:09:39 -05:00
|
|
|
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.
|
|
|
|
|
2017-03-31 19:57:13 -04:00
|
|
|
1. {@a architecture}Read the [Architecture](guide/architecture) overview for the big picture.
|
2017-02-22 13:09:39 -05:00
|
|
|
|
2017-03-11 10:36:40 -05:00
|
|
|
1. [The Root Module](guide/appmodule) introduces the `NgModule` class that tells Angular how to compile and run your application.
|
2017-02-22 13:09:39 -05:00
|
|
|
|
2017-03-11 10:36:40 -05:00
|
|
|
1. [Displaying Data](guide/displaying-data) shows how data binding puts component property values on screen.
|
2017-02-22 13:09:39 -05:00
|
|
|
|
2017-03-11 10:36:40 -05:00
|
|
|
1. [User Input](guide/user-input) explains how to respond to user-initiated DOM events.
|
2017-02-22 13:09:39 -05:00
|
|
|
|
2017-03-11 10:36:40 -05:00
|
|
|
1. [Forms](guide/forms) covers data entry and validation within the UI.
|
2017-02-22 13:09:39 -05:00
|
|
|
|
2017-03-11 10:36:40 -05:00
|
|
|
1. [Dependency Injection](guide/dependency-injection) is the way to build large, maintainable applications
|
2017-02-22 13:09:39 -05:00
|
|
|
from small, single-purpose parts.
|
|
|
|
|
2017-03-11 10:36:40 -05:00
|
|
|
1. [Template Syntax](guide/template-syntax) is a comprehensive study of Angular template HTML.
|
2017-02-22 13:09:39 -05:00
|
|
|
|
|
|
|
After reading the above sections, feel free to skip around among the other pages on this site.
|
|
|
|
|
2017-03-27 11:08:53 -04:00
|
|
|
|
|
|
|
~~~ {.l-sub-section}
|
|
|
|
|
2017-03-31 19:57:13 -04:00
|
|
|
|
|
|
|
|
2017-02-22 13:09:39 -05:00
|
|
|
### Next Step
|
|
|
|
|
2017-03-11 10:36:40 -05:00
|
|
|
Try the [tutorial](tutorial "Tour of Heroes") if you're ready to start coding or
|
2017-03-31 19:57:13 -04:00
|
|
|
visit the [Architecture](guide/architecture "Basic Concepts") page if you prefer to learn the basic concepts first.
|
2017-03-27 11:08:53 -04:00
|
|
|
|
|
|
|
~~~
|
|
|
|
|