SlideShare a Scribd company logo
Pushpendu Purkait
Software Consultant
pushpendu@knoldus.com
Getting Started
With
AureliaJs
Agenda
1. What is Aurelia
2. Benefits
3. AureliaJs Vs. AngularJs 2.0
4. Getting Set Up
5. Demo
What is Aurelia ?
• Aurelia is a next generation UI framework.
• It is for browser, mobile and desktop.
• It can enable you to not only create amazing
UI, but do it in a way that is maintainable,
testable and extensible.
Benefits
• We can use ES6/ES5, Typescript.
• It lets you build components with plain JavaScript.
• Convention over Configuration to follow solid patterns and reduce
the amount of code
• Simple, But Not Simplistic
• Promotes the "-ilities"- Testability, maintainability, extensibility,
learnability, etc.
• Focused on next generation JavaScript and Web Components, and
avoiding unnecessary abstractions that obscure the underlying web
• It provides typeScript kits for biginners.
AureliaJS Vs. AngularJS 2.0
• We have to keep in mind that AngularJs 2.0 is not finished
yet. So it will not be fair to compare them at this time.
Getting Set Up
• We can simply download the project skeleton
of the project to start development.
– http://aurelia.io/downloads/kit-es2016.zip
• Start NodeJS server.**
– npm install http-server -g
– http-server -o -c-1
**It is assumed that you have installed NodeJs in your system.
Reference
• http://aurelia.io/docs.html#/aurelia/framework/1.0.0-b
• https://github.com/aurelia
Thanks

More Related Content

Getting Started With AureliaJs

  • 2. Agenda 1. What is Aurelia 2. Benefits 3. AureliaJs Vs. AngularJs 2.0 4. Getting Set Up 5. Demo
  • 3. What is Aurelia ? • Aurelia is a next generation UI framework. • It is for browser, mobile and desktop. • It can enable you to not only create amazing UI, but do it in a way that is maintainable, testable and extensible.
  • 4. Benefits • We can use ES6/ES5, Typescript. • It lets you build components with plain JavaScript. • Convention over Configuration to follow solid patterns and reduce the amount of code • Simple, But Not Simplistic • Promotes the "-ilities"- Testability, maintainability, extensibility, learnability, etc. • Focused on next generation JavaScript and Web Components, and avoiding unnecessary abstractions that obscure the underlying web • It provides typeScript kits for biginners.
  • 5. AureliaJS Vs. AngularJS 2.0 • We have to keep in mind that AngularJs 2.0 is not finished yet. So it will not be fair to compare them at this time.
  • 6. Getting Set Up • We can simply download the project skeleton of the project to start development. – http://aurelia.io/downloads/kit-es2016.zip • Start NodeJS server.** – npm install http-server -g – http-server -o -c-1 **It is assumed that you have installed NodeJs in your system.

Editor's Notes

  1. Well, it's actually simple. Aurelia is just JavaScript. However, it's not yesterday's JavaScript, but the JavaScript of tomorrow. By using modern tooling we've been able to write Aurelia from the ground up in ECMAScript 2016. This means we have native modules, classes, decorators and more at our disposal...and you have them too.
  2. So, Aurelia is a set of modern, modular JavaScript libraries for building UI...and it's open source. Great. There are other projects that might describe themselves in a similar way, so what makes Aurelia unique? Clean and Unobtrusive - Aurelia is the only framework that lets you build components with plain JavaScript. The framework stays out of your way so your code remains clean and easy to evolve over time. Convention over Configuration - Simple conventions help developers follow solid patterns and reduce the amount of code they have to write and maintain. It also means less fiddling with framework APIs and more focus on their app. Simple, But Not Simplistic - Aurelia is simple to learn, but extremely powerful. Because of the simple, consistent design, developers are able to learn a very small set of patterns and APIs that unlock limitless possibilities. Promotes the "-ilities" - Testability, maintainability, extensibility, learnability, etc. These are often referred to as the "-ilities". Aurelia's design helps developers naturally write code that exhibits these desirable characteristics. Amazingly Extensible - Aurelia is highly modular and designed to be customized easily. Almost every aspect of Aurelia is extensible, meaning developers will never hit a roadblock or have to "hack" the framework to succeed.
  3. However, it’s difficult to compare the two at this point because Angular 2.0 is not finished and we’ve only seen what has been work-in-progress. Therefore, I don’t think it’s too fair to do an apples-to-apples comparison.
  4. Node Js server will update automatically. Usually we add any js file but here we create project with skeleton. Run HTTP server with this command---------------http-server -o -c-1