Ember.js at AirHelp - Speaker Deck

Slide 1

Slide 1 text

emberjs airhelp infoShare 2015

Slide 2

Slide 2 text

Ember.js at AirHelp @groodt infoShare 2015 Intro

Slide 3

Slide 3 text

@groodt infoShare 2015 Ember.js at AirHelp Greg roodt @groodt

Slide 4

Slide 4 text

@groodt infoShare 2015 Ember.js at AirHelp www.getairhelp.com

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

Ember.js at AirHelp @groodt infoShare 2015 Modern Web Applications

Slide 7

Slide 7 text

GMail

Slide 8

Slide 8 text

facebook

Slide 9

Slide 9 text

airbnb

Slide 10

Slide 10 text

whats different? @groodt infoShare 2015 Ember.js at AirHelp ‣ Not only documents anymore ‣ Look and behave like mobile or desktop apps

Slide 11

Slide 11 text

HOw do we build them? @groodt infoShare 2015 Ember.js at AirHelp ‣ architecture ‣ separation of concerns ‣ frameworks

Slide 12

Slide 12 text

popular frameworks @groodt infoShare 2015 Ember.js at AirHelp ‣ ember.js ‣ angularjs ‣ react

Slide 13

Slide 13 text

ember.js @groodt infoShare 2015 Ember.js at AirHelp A framework for creating ambitious web applications emberjs.com

Slide 14

Slide 14 text

ember.js - Vital Statistics @groodt infoShare 2015 Ember.js at AirHelp MV* MVC + Powerful router DEPENDENCIES jQuery (runtime) TEMPLATING HTMLBars BINDING 2-way data binding SIZE 108K (v1.12.1 gzip)

Slide 15

Slide 15 text

ember.js - who uses it? @groodt infoShare 2015 Ember.js at AirHelp ‣ Zendesk ‣ groupon ‣ square ‣ heroku

Slide 16

Slide 16 text

angularjs @groodt infoShare 2015 Ember.js at AirHelp HTML enhanced for web apps! angularjs.org

Slide 17

Slide 17 text

angularjs - Vital Statistics @groodt infoShare 2015 Ember.js at AirHelp MV* MVC (No router out of box) DEPENDENCIES None (runtime) TEMPLATING HTML (custom attributes and elements) BINDING 2-way data binding SIZE 48K (v1.3.16 gzip)

Slide 18

Slide 18 text

angularjs - who uses it? @groodt infoShare 2015 Ember.js at AirHelp ‣ google ‣ new relic ‣ ibm ‣ virgin america

Slide 19

Slide 19 text

react @groodt infoShare 2015 Ember.js at AirHelp A JavaScript library for building user interfaces facebook.github.io/react/

Slide 20

Slide 20 text

react - Vital Statistics @groodt infoShare 2015 Ember.js at AirHelp MV* View only (fast DOM diﬀ) DEPENDENCIES None (runtime) TEMPLATING JSX (JavaScript + XML) BINDING 1-way data binding (simpler reasoning) SIZE 36K (v0.13.3 gzip)

Slide 21

Slide 21 text

react - who uses it? @groodt infoShare 2015 Ember.js at AirHelp ‣ facebook ‣ instagram ‣ airbnb ‣ yahoo

Slide 22

Slide 22 text

Ember.js at AirHelp @groodt infoShare 2015 emberjs at AirHelp

Slide 23

Slide 23 text

evolution @groodt infoShare 2015 Ember.js at AirHelp ‣ Where did we start?

Slide 24

Slide 24 text

No content

Slide 25

Slide 25 text

No content

Slide 26

Slide 26 text

No content

Slide 27

Slide 27 text

No content

Slide 28

Slide 28 text

No content

Slide 29

Slide 29 text

No content

Slide 30

Slide 30 text

No content

Slide 31

Slide 31 text

enter Emberjs @groodt infoShare 2015 Ember.js at AirHelp

Slide 32

Slide 32 text

emberjs - Pros @groodt infoShare 2015 Ember.js at AirHelp ‣ separation of concerns ‣ convention over configuration ‣ powerful router ‣ traditional inheritance ‣ clear roadmap ‣ fantastic open source leadership

Slide 33

Slide 33 text

emberjs - cons @groodt infoShare 2015 Ember.js at AirHelp ‣ convention over configuration / learning curve ‣ larger download ‣ rendering performance

Slide 34

Slide 34 text

emberjs - glimmer Rendering engine @groodt infoShare 2015 Ember.js at AirHelp ‣ glimmer: dom diffing for ember ‣ more optimised than react ‣ www.isemberfastyet.com ‣ ships with ember 1.13 and ember 2.0 ‣ planned release tomorrow!

Slide 35

Slide 35 text

emberjs - nifty tools @groodt infoShare 2015 Ember.js at AirHelp ‣ ember-cli ‣ ember inspector

Slide 36

Slide 36 text

No content

Slide 37

Slide 37 text

No content

Slide 38

Slide 38 text

recap @groodt infoShare 2015 Ember.js at AirHelp ‣ Users expect more ‣ Great tools out there ‣ airhelp uses ember

Slide 39

Slide 39 text

thank you @groodt