Essentials

Aurelia is a modern JavaScript framework that empowers you to build exceptional web applications with clean, maintainable code. If you're familiar with HTML, CSS, and modern JavaScript/TypeScript, this essentials guide will introduce you to Aurelia's core concepts and get you productive quickly.

This section provides a practical overview of Aurelia's fundamental building blocks. Each concept links to comprehensive documentation where you can dive deeper, but these essentials give you everything needed to start building with confidence.

What Makes Aurelia Different

Aurelia stands out by embracing web standards and keeping things simple:

  • Standards-based: Built on modern web standards without unnecessary abstractions

  • Convention over configuration: Intuitive patterns that reduce boilerplate

  • Powerful templating: Rich binding system with excellent performance

  • Dependency injection: Clean, testable architecture out of the box

Core Concepts

Components are the building blocks of your Aurelia application. Learn how to create reusable UI elements with clean separation between view and view-model logic.

Aurelia's templating system provides powerful data binding, event handling, and conditional rendering with a syntax that feels natural and expressive.

Aurelia's dependency injection system promotes clean architecture by managing your application's services and their dependencies automatically.

Understand how Aurelia's observation system automatically tracks changes and updates your UI efficiently without virtual DOM overhead.

Next Steps

Ready to build something? Try our Quick Start Guide to create your first Aurelia application. For comprehensive coverage of all features, explore the full documentation sections on Templates, Components, and Getting to Know Aurelia.

The Tutorials section contains step-by-step guides for building real applications, while Developer Guides covers advanced topics and best practices.

Last updated

Was this helpful?