MelbJS March 2015 – The Ember Developer Experience

C8fccffc013096c4b465b50c284a5208?s=47 Lauren Tan
March 11, 2015
Programming
2
310

MelbJS March 2015 – The Ember Developer Experience

Presented at MelbJS Melbourne, 11th March 2015 by @sugarpirate_

C8fccffc013096c4b465b50c284a5208?s=128

Lauren Tan

March 11, 2015
Tweet

More Decks by Lauren Tan

See All by Lauren Tan
C8fccffc013096c4b465b50c284a5208?s=48 poteto
0
120
C8fccffc013096c4b465b50c284a5208?s=48 poteto
0
1.4k
C8fccffc013096c4b465b50c284a5208?s=48 poteto
2
2k
C8fccffc013096c4b465b50c284a5208?s=48 poteto
0
580
C8fccffc013096c4b465b50c284a5208?s=48 poteto
1
100
C8fccffc013096c4b465b50c284a5208?s=48 poteto
13
1.7k
C8fccffc013096c4b465b50c284a5208?s=48 poteto
2
280
C8fccffc013096c4b465b50c284a5208?s=48 poteto
14
2.4k
C8fccffc013096c4b465b50c284a5208?s=48 poteto
5
840

Other Decks in Programming

See All in Programming
F0493f5bcb4cc9fdccc54ae3e8ab6bd0?s=48 matsu7874
0
190
1fe64ebb176498be5f73ab51986c6b7b?s=48 davidfowl
9
3k
49833977598de9524fa85cacb93a42ce?s=48 philcalcado
0
110
D79e3b0b78ca7027eb61d73028d45ad6?s=48 uchi_k
2
360
Dcbf2269af2483cabf43128ad1718c11?s=48 grapecity_dev
0
160
51f4d2341131b6b9bfa996bdb9b8dfa8?s=48 showmant
3
290
44f37c1fe3a6a56376bb41a338741355?s=48 ahiru
3
290
3f4e0340909015791f1712c52b116da7?s=48 tamadon
1
310
F6baf93a0833a98bdc8184c214f4c468?s=48 rgoswami
0
120
58d2fa98345951d9a57fdd6cfd5d0f64?s=48 aszx87410
0
450
D4b7a3e2ed10f86e0b52498713ba2601?s=48 ubiratansoares
5
430
841002bf24bb562253de7eb3c17ceae6?s=48 kyomo
1
150

Featured

See All Featured
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
392
60k
Af6a12710770ad9a7cfd08c97efd40d3?s=48 pedronauck
649
110k
4262b9cfacfb6b2c77f23e1d0310cd3e?s=48 myddelton
105
10k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
682
180k
91cefdf141106fa10674aae74ce05890?s=48 yeseniaperezcruz
297
30k
E76911cbe088e5b850d966de3fc7435b?s=48 robhawkes
52
2.7k
79acae287842acf29084005533a7fb3b?s=48 hursman
104
9.1k
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
85
8.4k
1519587b1a0febb658c36c94f6272b0d?s=48 roundedbygravity
241
20k
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
190
8.7k
A0517b08532aec8ab2aae3f65d40ad86?s=48 hannesfritz
27
880
A60068bce2e73de3a37ca9d2dbe36092?s=48 bryan
29
3.2k

Transcript

  1. The Ember Developer Experience MELBJS MARCH Lauren Elizabeth Tan @sugarpirate_

    @poteto

  2. Lauren Elizabeth Tan Designer & Front End Developer

  3. Developer Experience?

  4. Modern web dev is hard

  5. None
  6. None
  7. None

  8. Let's play a game

  9. Round 1 – Modules

  10. VS webpack browserify

  11. Round 2 – Front End Package Management

  12. VS npm bower

  13. Round 3 – Task Runners

  14. VS grunt gulp

  15. Round 4 – Flux Flavours

  16. VS flux fluxible reflux fluxxor ...

  17. Round 5 – ES6 Transpilers

  18. VS babel (aka 6to5) traceur

  19. Round 6 – Test Framework

  20. VS jest mocha jasmine

  21. …

  22. 2 weeks later…

  23. None
  24. None

  25. Meanwhile in Ember land…

  26. $ ember new my-new-app

  27. None
  28. None
  29. None

  30. Convention over configuration

  31. Convention over configuration • asset compilation – broccoli.js • es6

    modules • ember-qunit • bower for front-end dependencies • npm for internal dependencies

  32. Convention over configuration (cont.) • content security policy • live-reload

    • generators & blueprints • easy environment flags • easy builds • development server with express, mocks & proxies

  33. Demo

  34. Ember Inspector

  35. None
  36. None

  37. Where to from here?

  38. Ember 2.0 Landing June 12th

  39. HTMLBars

  40. FastBoot™ No more DOM dependency – SSR

  41. None

  42. O(N) N = number of DOM elements O(M) M =

    number of dynamic nodes ...less runtime analysis

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

  44. None

  45. Convention over configuration

  46. Stability over Stagnation

  47. react-cli?

  48. @sugarpirate_

  49. We're hiring! lauren@homely.com.au @sugarpirate_

  50. Thank you! Lauren Elizabeth Tan @sugarpirate_ @poteto