Overview

A guided tour of Aurelia fundamentals; start here before diving into the deeper topic guides.

Use this section as your orientation to Aurelia. Each topic builds on the last, moving from first render through composition patterns, state management, and the services that power real applications.

How to Navigate

• Start with the introductions to see Aurelia's templating flavor and ergonomics in action.

• Pick the boot path (full app vs. enhancement) that matches your project.

• Add capabilities incrementally: routing, composition, observation, without waiting for a rewrite.

• Dip into advanced topics last, once the fundamentals are comfortable.

Topic Map

Theme	Read this first	Follow with
Templates & syntax	Built-in template features	Class & style binding, Attribute transferring
Bootstrapping	App configuration & startup	Enhance
Navigation	Choosing a router	Router fundamentals, navigation, lifecycle, and advanced guides for each router package
Composition patterns	Template controllers	Dynamic composition, Portalling elements
State & observation	Understanding the binding system	Observation overview, Watching data
Services & runtime hooks	Dependency injection primer	App tasks, Task queue, Event aggregator, Logging
Deep dives	None	Framework internals

Suggested Learning Path

1. Skim the templating introductions to get comfortable with Aurelia's binding language.

2. Choose your startup approach: full SPA bootstrap or incremental enhancement.

3. Layer on routing once you have more than one screen.

4. Explore composition and state tools to keep components small and expressive.

5. Wire in services and lifecycle hooks as the app grows in complexity.

6. Only then crack open the framework internals for architecture digging or advanced debugging.

Each article calls out prerequisites and links forward so you can keep learning without losing the big picture.