Learning Angular

A suggested path through the documentation for Angular newcomers.

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.

1. Setup for local Angular development, if you haven't already done so.

2. Take the Tour of Heroes tutorial.

   The Tour of Heroes takes you step-by-step from setup 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.

3. Read the Architecture overview for the big picture.

4. The Root Module introduces the NgModule class that tells Angular how to compile and run your application.

5. Displaying Data shows how data binding puts component property values on screen.

6. User Input explains how to respond to user-initiated DOM events.

7. Forms covers data entry and validation within the UI.

8. Dependency Injection is the way to build large, maintainable applications from small, single-purpose parts.

9. Template Syntax 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.

Next Step

Try the tutorial if you're ready to start coding or visit the Architecture page if you prefer to learn the basic concepts first.