Building modern web applications with Aurelia

In the early days of my carrier as a Java developer most web applications where build using frameworks generating html (and JavaScript) on the server side. However, times are changing and nowadays most of us Java developers are branching out to new territories when building web applications. Angular, Ember, React or Polymer, they are quickly becoming part of the Java developer's toolbox.

In this presentation I will introduce you to yet another JavaScript framework for developing modern web applications; Aurelia. Written in tomorrow's JavaScript it is one of the least obtrusive frameworks out there. In a few slides and some code I hope to convince you why I think it is a worthy alternative.

Transcript

1. A JavaScript client framework for mobile, desktop and web leveraging simple conventions and empowering creativity
2. Agenda • Aurelia, what, who and why • Aurelia in action
3. Rob Eisenberg • .NET dude • DurandalJS • Angular 2
4. Aurelia; what? • Durandal.next • Forward thinking framework build with ES6/7 • Collection of collaborating libraries • Based on Web standards • Open Source MIT license
5. Durandal Inc. • Consultancy, support and training • Aurelia Interface
6. Getting started • Skeleton app • Aurelia CLI
7. Aurelia CLI
8. Bootstrapping
9. Binding
10. Binding <input value.bind=“expression”> ${expression} <input value.bind=“name” class.bind=“valid ? ‘’ : ‘red’”>
11. Binding directions • one-time • one-way • two-way • bind
12. Binding demo
13. Custom Elements
14. Custom Elements <my-element></my-element>
15. Component lifecycle 1. constructor 2. created(owningView: View, myView: View) 3. bind(bindingContext: Object, overrideContext: Object) 4. attached() 5. detached() 6. unbind()
16. Custom Attributes
17. Custom Attributes <span red>This text is red</span>
18. Custom Elements and Attributes demo
19. Value Converters
20. Value Convertors ${date | dateFormat:’dd-mm-yyyy’} ${city | upperCase}
21. Binding behaviour
22. Binding behaviour <input value.bind=“searchQuery & debounce”>
23. Value Converters and Binding Behaviour demo
24. Router
25. Router configureRouter(config, router) <router-view>
26. Router demo
27. Dependency injection
28. Event aggregator
29. Event aggregator demo
30. Plugins • Validation • i18n • Dialog • 3th party
31. Integration
32. Polymer demo
33. The Future • Release 1.0 imminent • Aurelia Interface • Aurelia CLI
34. Thanks! http://aurelia.io