Developing
Web Applications
with
Aurelia & Firebase

Jay Bienvenu

http://bienv.com - http://github.com/jbnv

Aurelia

http://aurelia.io/

A JavaScript client framework for mobile, desktop and Web designed to leverage simple conventions and empower creativity.

Firebase

https://firebase.google.com/

An application platform with tools and infrastructure. Initially a realtime database with API; now a full suite for app development.

Why do we need

yet another

Web application

framework?

Aurelia: What is it?

• Just JavaScript.
• Not yesterday's JavaScript, but the JavaScript of tomorrow.
• Written from the ground up in ECMAScript 2016.
• Native modules, classes, decorators and more.

http://aurelia.io/hub.html#/doc/article/aurelia/framework/latest/what-is-aurelia/1

< Put some code here >

Aurelia: Benefits

http://aurelia.io/hub.html#/doc/article/aurelia/framework/latest/what-is-aurelia/1

< Put some code here >

Build components with plain JavaScript. The framework stays out of your way so your code remains clean and manageable.

Clean and Unobtrusive

Aurelia: Benefits

http://aurelia.io/hub.html#/doc/article/aurelia/framework/latest/what-is-aurelia/1

Simple conventions
⇒ Developers follow solid patterns.
⇒ Less code to write and maintain.
⇒ Less fiddling with framework APIs;

more focus on app.

Convention over Configuration

Aurelia: Benefits

http://aurelia.io/hub.html#/doc/article/aurelia/framework/latest/what-is-aurelia/1

Developers learn

a small set of patterns and APIs,

unlock limitless possibilities.

Simple,
but not simplistic

Aurelia: Benefits

http://aurelia.io/hub.html#/doc/article/aurelia/framework/latest/what-is-aurelia/1

Testability
Maintainability
Extensibility
Learnability
Mobility

Promotes the "-ilities" 

Aurelia: Benefits

http://aurelia.io/hub.html#/doc/article/aurelia/framework/latest/what-is-aurelia/1

Designed to be highly modular and easily customized.
Almost every aspect of Aurelia is extensible.
No hacking the framework.

Use your favorite third-party library or framework.
jQuery, React, Polymer, Bootstrap, etc.

Extensible & Integratible

Aurelia: Benefits

http://aurelia.io/hub.html#/doc/article/aurelia/framework/latest/what-is-aurelia/1

✅ Next-generation JavaScript
✅ Web Components
❌ Unnecessary abstractions

Focused on Web Standards

Aurelia: Benefits

http://aurelia.io/hub.html#/doc/article/aurelia/framework/latest/what-is-aurelia/1

An official product of Blue Spire Inc.
Enterprise support available.

Thriving community and ecosystem.

Gitter | StackOverflow

An Official Product
with Commercial Support