Upgrade to Pro — share decks privately, control downloads, hide ads and more …

MelbJS March 2015 – The Ember Developer Experience

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

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
Just Use Any: js.la Edition
C8fccffc013096c4b465b50c284a5208?s=48 poteto
0
170
TSConf 2019: Just Use Any - How to Win Colleagues and Influence Your Boss
C8fccffc013096c4b465b50c284a5208?s=48 poteto
0
1.6k
DotJS 2018 - Learning to Love Type Systems
C8fccffc013096c4b465b50c284a5208?s=48 poteto
2
2.3k
Swipe Left, Uncaught TypeError: Learning to Love Type Systems
C8fccffc013096c4b465b50c284a5208?s=48 poteto
0
710
EmberFest 2017 - Ember @ Netflix
C8fccffc013096c4b465b50c284a5208?s=48 poteto
1
130
CodeEurope 2017 – Monoliths to Services with Elixir and Phoenix
C8fccffc013096c4b465b50c284a5208?s=48 poteto
13
1.9k
EmberConf 2017 – Confessions of an Ember Addon Author
C8fccffc013096c4b465b50c284a5208?s=48 poteto
2
450
ElixirConf 2016 - From Front-End to Full Stack with Elixir & Phoenix
C8fccffc013096c4b465b50c284a5208?s=48 poteto
14
2.6k
EmberCamp 2016 – I Can Write My App With No Handlebars: Declarative Templating in Ember
C8fccffc013096c4b465b50c284a5208?s=48 poteto
5
960

Other Decks in Programming

See All in Programming
Get Ready for Jakarta EE 10
B489790e1a844284d7cd1fa2cd6e021f?s=48 ivargrimstad
0
1.6k
Java アプリとAWS の良い関係 - AWS でJava アプリを実行する一番簡単な方法教えます / AWS for Javarista
1370bcc20551cb822f51b212201de303?s=48 kanamasa
2
1.2k
1時間半で克服するJavaScriptの非同期処理/async_javascript_kokufuku
338259af0e093b5d91e9dc7afbcdd0d5?s=48 marchin1989
2
600
A Philosophy of Software Design 後半
D76231a2114896dfcc7b79ac69558b79?s=48 yosuke_furukawa
PRO
10
2.6k
短納期でローンチした新サービスをJavaで開発した話/launched new service using Java
B887cc104275187588fae7d58790563e?s=48 eichisanden
6
1.9k
Baseline Profilesでアプリのパフォーマンスを向上させる / Improve app performance with Baseline Profiles
37618b4d60cf3d1f43f7196253264edc?s=48 numeroanddev
0
220
Meet Swift Regex
0b26590a0a8b0f1da140ed5de9b68379?s=48 usamik26
0
280
Running Laravel/PHP on AWS (AWS Builders Day Taiwan 2022)
2f42f32689c8244280dd01d864f92079?s=48 dwchiang
0
130
Improving Developer Experience Through Tools and Techniques 2022
A6942d4cbda185db86d1323f837ad2de?s=48 krzysztofzablocki
0
420
こそこそアジャイル導入しようぜ！
08c43eecaeb20bad17d63e0e6964d9c2?s=48 ichimichi
0
1.1k
Terraform Plan/Apply結果の自動通知
92a1e043fcefaed6e1b89182b1cd34a5?s=48 ymmy02
0
280
Beyond Micro Frontends: Frontend Moduliths for the Enterprise @enterjs2022
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
PRO
0
110

Featured

See All Featured
Code Review Best Practice
3d6ace9554821d552146413bcdf874f6?s=48 trishagee
43
9k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Fd55de4174accaf3b4f030e43a8a70c6?s=48 marcduiker
4
500
How GitHub (no longer) Works
78b475797a14c84799063c7cd073962f?s=48 holman
296
140k
CSS Pre-Processors: Stylus, Less & Sass
7559f6cff1f5efc2d210965febd4d71c?s=48 bermonpainter
349
27k
Build The Right Thing And Hit Your Dates
016edace78ffe826f2348d1e0c504afd?s=48 maggiecrowley
19
1.2k
Debugging Ruby Performance
D47656e20ff5e42f125fc5ea0fd636c6?s=48 tmm1
65
10k
Unsuck your backbone
B83d5b590577969ee79a5ad845411a7d?s=48 ammeep
659
55k
Docker and Python
Ecdea9b9714877b86cee08458f085481?s=48 trallard
27
1.6k
Principles of Awesome APIs and How to Build Them.
B47b288784fda77a94aeb234ca743c24?s=48 keavy
113
15k
We Have a Design System, Now What?
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
35
2.9k
Git: the NoSQL Database
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
PRO
415
59k
How STYLIGHT went responsive
F716e5f737fcfb03f2cf8d1a184f1dbe?s=48 nonsquared
85
3.9k

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