Learn AURELIA with Real Code Examples

Install via npm: `npm install aurelia`

Use Aurelia CLI: `npm install -g aurelia-cli`

`au new project-name` to scaffold

`au run --watch` for development

Use Aurelia Inspector for debugging

Install Node.js

Install Aurelia CLI

Use VSCode with ES/TS tooling

Enable CLI bundler

Run `au run` to verify setup

aurelia.json - build config

package.json - dependencies

src/app.js - root VM

src/app.html - root view

webpack.config.js or vite.config.js

au new project-name

au run --watch

au build --env prod

au generate element

au test

Use aurelia-i18n plugin

JSON translation files

Dynamic locale switching

Date/number formatting

RTL support built via CSS

Semantic HTML encouraged

ARIA attributes supported

Keyboard accessibility via handlers

Screen reader-friendly markup

Template linting possible via tools

Regular CSS or SASS

Tailwind or Bootstrap

Shadow DOM components

Dynamic classes with `class.bind`

Animations via CSS or libraries

Aurelia Store

Services with DI

Binding for local state

Observable patterns

Custom events and messaging

Services for API communication

Fetch/axios for requests

Binding behaviors for data flow

Reactive updates via binding engine

Local or session storage integration