Search

#### Docs

- Guide
  - Overview
  - Setup
  - Learning Angular
  - Architecture
  - Displaying Data
  - User Input
  - Forms
  - Dependency Injection
  - Template Syntax
- Tutorial
  - Introduction
  - 0. The Starter App
  - 1. The Hero Editor
  - 2. Master/Detail
  - 3. Multiple Components
  - 4. Services
  - 5. Routing
  - 6. HTTP
- Advanced
  - Attribute Directives
  - Component Styles
  - Deployment
  - Hierarchical Injectors
  - HTTP Client
  - Lifecycle Hooks
  - Pipes
  - Router
  - Security
  - Structural Directives
  - Testing

#### Components

- Components Gallery

#### Resources

- Cheat Sheet
- Glossary
- FAQ
- Tools
- Community and Support

#### Reference

- Videos
- API Documentation

new_releases We're currently in the progress of migrating this site from Angular version 5.3.1 to 7.0.0. Package versions might be out-of-date or inconsistent! Visit the repo for more info.

# Learning Angular 6.0

You don’t have to read the documentation straight through, but here’s a possible learning path if you’re new to Angular:

1. Set up your environment, which leads you through creating, running, and modifying a simple AngularDart app.

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 app: 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. Read Displaying Data to see how data binding puts component property values on screen.

5. Read User Input to learn how to respond to user-initiated DOM events.

6. Read Forms, which covers data entry and validation within the UI.

7. Read Dependency Injection to learn how to build large, maintainable apps from small, single-purpose parts.

8. Scan Template Syntax, a comprehensive study of Angular template HTML.

Then 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 overview if you prefer to learn the basic concepts first.

### Extra note

Sometimes if you can’t find documentation about something for AngularDart, you can try to look for the same thing for Angular TS as the two frameworks are architecturally similar (and both developed at Google!).