Introduction To Aurelia

What is Aurelia?

Aurelia is a client-side JavaScript framework. It supports ES6, ES7. It is used to transpile the data for compatible browsers.

Aurelia

Some of the key features are below.

  • ES6/ES7 transpiled support
  • Other than Polyfills, no external dependencies
  • Code is highly modularized, only use what you need
  • Adaptive rich two-way binding
  • Simple conventions
  • Advanced client side router via Durandeljs
  • jspm for package management
  • MVVM Architecture
  • Web Components

Aurelia anticipates common application needs and provides simple conventions. Aurelia 1.0 was released about two weeks ago and a lot of things have changed.

This tool has been added as support for mobile applications. We can declare Aurelia like the following.


index.html

 

 
  1. <body aurelia-app>  
  2.     <div class="splash">  
  3.         <div class="information">Aurelia Navigation Skeleton</div> <i class="fa fa-spinner fa-spin"></i> </div>  
  4.     <script src="jspm_packages/system.js"></script>  
  5.     <script src="config.js"></script>  
  6.     <script>  
  7.         System.import('aurelia-bootstrapper');  
  8.     </script>  
  9. </body>  

While Aurelia is a front-end framework targeting the software design of your application, Aurelia UX is a user experience framework dealing mostly with the UI/UX design of your application.