Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
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