MelbJS March 2015 – The Ember Developer Experience

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

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

Want more?

C8fccffc013096c4b465b50c284a5208?s=48 poteto
0
110
C8fccffc013096c4b465b50c284a5208?s=48 poteto
0
1.4k
C8fccffc013096c4b465b50c284a5208?s=48 poteto
2
2k
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
4
300
A9a491b0fcbe0fbce3d64063a37add99?s=48 rmw
1
170
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
0
110
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenhchung
5
220
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
5
180
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
2
250
C35e01544a0dd94a2cf1619ee8a42ebb?s=48 clairelew
3
480
6bb82b13cda86d3b821fa44100335ddf?s=48 thoeni
1
130
B3ace07412a5178ea778e7eec161fc0a?s=48 jcasabona
4
220

Transcript

  1. 1.

    The Ember Developer Experience MELBJS MARCH Lauren Elizabeth Tan @sugarpirate_

    @poteto
  2. 2.

    Lauren Elizabeth Tan Designer & Front End Developer

  3. 3.

    Developer Experience?

  4. 4.

    Modern web dev is hard

  5. 5.
    None
  6. 6.
    None
  7. 7.
    None
  8. 8.

    Let's play a game

  9. 9.

    Round 1 – Modules

  10. 10.

    VS webpack browserify

  11. 11.

    Round 2 – Front End Package Management

  12. 12.

    VS npm bower

  13. 13.

    Round 3 – Task Runners

  14. 14.

    VS grunt gulp

  15. 15.

    Round 4 – Flux Flavours

  16. 16.

    VS flux fluxible reflux fluxxor ...

  17. 17.

    Round 5 – ES6 Transpilers

  18. 18.

    VS babel (aka 6to5) traceur

  19. 19.

    Round 6 – Test Framework

  20. 20.

    VS jest mocha jasmine

  21. 21.

    …

  22. 22.

    2 weeks later…

  23. 23.
    None
  24. 24.
    None
  25. 25.

    Meanwhile in Ember land…

  26. 26.

    $ ember new my-new-app

  27. 27.
    None
  28. 28.
    None
  29. 29.
    None
  30. 30.

    Convention over configuration

  31. 31.

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

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

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

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

    Demo

  34. 34.

    Ember Inspector

  35. 35.
    None
  36. 36.
    None
  37. 37.

    Where to from here?

  38. 38.

    Ember 2.0 Landing June 12th

  39. 39.

    HTMLBars

  40. 40.

    FastBoot™ No more DOM dependency – SSR

  41. 41.
    None
  42. 42.

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

    number of dynamic nodes ...less runtime analysis
  43. 43.

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

  44. 44.
    None
  45. 45.

    Convention over configuration

  46. 46.

    Stability over Stagnation

  47. 47.

    react-cli?

  48. 48.

    @sugarpirate_

  49. 49.

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

  50. 50.

    Thank you! Lauren Elizabeth Tan @sugarpirate_ @poteto