Slide 1

Slide 1 text

The Ember Developer Experience MELBJS MARCH Lauren Elizabeth Tan @sugarpirate_ @poteto

Slide 2

Slide 2 text

Lauren Elizabeth Tan Designer & Front End Developer

Slide 3

Slide 3 text

Developer Experience?

Slide 4

Slide 4 text

Modern web dev is hard

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

Let's play a game

Slide 9

Slide 9 text

Round 1 – Modules

Slide 10

Slide 10 text

VS webpack browserify

Slide 11

Slide 11 text

Round 2 – Front End Package Management

Slide 12

Slide 12 text

VS npm bower

Slide 13

Slide 13 text

Round 3 – Task Runners

Slide 14

Slide 14 text

VS grunt gulp

Slide 15

Slide 15 text

Round 4 – Flux Flavours

Slide 16

Slide 16 text

VS flux fluxible reflux fluxxor ...

Slide 17

Slide 17 text

Round 5 – ES6 Transpilers

Slide 18

Slide 18 text

VS babel (aka 6to5) traceur

Slide 19

Slide 19 text

Round 6 – Test Framework

Slide 20

Slide 20 text

VS jest mocha jasmine

Slide 21

Slide 21 text

Slide 22

Slide 22 text

2 weeks later…

Slide 23

Slide 23 text

No content

Slide 24

Slide 24 text

No content

Slide 25

Slide 25 text

Meanwhile in Ember land…

Slide 26

Slide 26 text

$ ember new my-new-app

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

Convention over configuration

Slide 31

Slide 31 text

Convention over configuration • asset compilation – broccoli.js • es6 modules • ember-qunit • bower for front-end dependencies • npm for internal dependencies

Slide 32

Slide 32 text

Convention over configuration (cont.) • content security policy • live-reload • generators & blueprints • easy environment flags • easy builds • development server with express, mocks & proxies

Slide 33

Slide 33 text

Demo

Slide 34

Slide 34 text

Ember Inspector

Slide 35

Slide 35 text

No content

Slide 36

Slide 36 text

No content

Slide 37

Slide 37 text

Where to from here?

Slide 38

Slide 38 text

Ember 2.0 Landing June 12th

Slide 39

Slide 39 text

HTMLBars

Slide 40

Slide 40 text

FastBoot™ No more DOM dependency – SSR

Slide 41

Slide 41 text

No content

Slide 42

Slide 42 text

O(N) N = number of DOM elements O(M) M = number of dynamic nodes ...less runtime analysis

Slide 43

Slide 43 text

ember-router ember-cli ember-inspector ember-fastboot ember-glimmer ember 2.0 June 12th, 2015

Slide 44

Slide 44 text

No content

Slide 45

Slide 45 text

Convention over configuration

Slide 46

Slide 46 text

Stability over Stagnation

Slide 47

Slide 47 text

react-cli?

Slide 48

Slide 48 text

@sugarpirate_

Slide 49

Slide 49 text

We're hiring! [email protected] @sugarpirate_

Slide 50

Slide 50 text

Thank you! Lauren Elizabeth Tan @sugarpirate_ @poteto