Skip to content

_Index

Learn Aurelia step by step. This guide covers Dependency Injection, routing, templating, custom elements, and building modern JavaScript applications with practical examples.

Aurelia is a modern JavaScript framework focused on clean code and convention-over-configuration. It uses plain JavaScript classes for components, dependency injection for service management, and a powerful templating engine with custom elements and attributes.

Back to Home

Published Topics

Aurelia Introduction — What Is Aurelia and Why Use It

Learn what Aurelia is, its convention over configuration approach, dependency injection, routing, and modern JavaScript framework design.

✓ Live

Aurelia Installation — Setting Up Your Aurelia Project

Learn Aurelia installation: CLI setup, project scaffolding, dev server, build configuration, and exploring the generated project structure.

✓ Live

Aurelia App Configuration — Setting Up Your Application Shell

Learn Aurelia app configuration: main.ts, feature plugins, component registration, environment variables, and application bootstrap lifecycle.

✓ Live

Aurelia Components — Building Views with ViewModels and Templates

Learn Aurelia components: ViewModel classes, HTML templates, lifecycle hooks, data binding, and the component creation workflow.

✓ Live

Aurelia Custom Elements — Reusable UI Components

Learn Aurelia custom elements: element creation, bindable properties, options, content projection, and building a component library.

✓ Live

Aurelia Custom Attributes — Enhancing HTML Elements

Learn Aurelia custom attributes: attribute creation, value binding, options, lifecycle, and adding behavior to existing HTML elements.

✓ Live

Aurelia Templating — Advanced Template Features

Learn Aurelia templating: template composition, part replacement, template controllers, conditional rendering, and advanced binding patterns.

✓ Live

Aurelia Value Converters — Transforming Data for Display

Learn Aurelia value converters: creating converters, parameterized converters, chaining, and transforming data between ViewModel and View.

✓ Live

Aurelia Binding Commands — One-Way, Two-Way, and Beyond

Learn Aurelia binding commands: one-way, two-way, one-time, delegate, trigger, call, and when to use each binding strategy.

✓ Live

Aurelia Conditional Rendering — If, Show, and Dynamic Content

Learn Aurelia conditional rendering: if.bind, show.bind, conditional expressions, switch patterns, and dynamic template composition.

✓ Live

Aurelia List Rendering — Displaying Collections with Repeat

Learn Aurelia list rendering: repeat.for, context variables, array manipulation, performance optimization, and dynamic list patterns.

✓ Live

Aurelia Composition — Dynamic Component Loading

Learn Aurelia composition: compose element, dynamic view-models, passing models, context binding, and building dynamic dashboards.

✓ Live

Aurelia Dependency Injection — Managing Services and Dependencies

Learn Aurelia dependency injection: @inject decorator, container hierarchy, singleton vs transient, factory patterns, and testing with DI.

✓ Live

Aurelia Routing — Navigating Between Pages

Learn Aurelia routing: route configuration, navigation, parameters, child routers, route hooks, and building multi-page applications.

✓ Live

Aurelia Router Lifecycle — Navigation Hooks and Guards

Learn Aurelia router lifecycle: activate, canActivate, deactivate, canDeactivate, pipeline steps, and controlling navigation flow.

✓ Live

Aurelia Child Routers and Nested Routes

Learn to organize complex application views using Aurelia child routers and nested route configurations for multi-level navigation.

✓ Live

Aurelia HTTP Client with Fetch and HttpClient

Master server communication in Aurelia using the HttpClient wrapper and native Fetch API for RESTful API integration and error handling.

✓ Live

Aurelia Form Validation with aurelia-validation

Implement robust form validation in Aurelia using the official validation plugin with declarative rules, custom validators, and real-time feedback.

✓ Live

Testing Aurelia Applications with Unit and Integration Tests

Write comprehensive tests for Aurelia components, services, and routes using Jasmine, Karma, and the Aurelia testing utilities.

✓ Live

Aurelia Capstone Project: Building a Task Management Application

Build a complete task management application with Aurelia combining components, routing, HTTP, validation, and testing into one production-ready project.

✓ Live

All 20 topics in _Index are published.