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

MelbJS March 2015 – The Ember Developer Experience

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Lauren Tan Lauren Tan
March 11, 2015
Programming
490
1

MelbJS March 2015 – The Ember Developer Experience

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

Avatar for Lauren Tan

Lauren Tan

March 11, 2015

More Decks by Lauren Tan

See All by Lauren Tan
Just Use Any: js.la Edition
Avatar for Lauren Tan poteto
0
260
TSConf 2019: Just Use Any - How to Win Colleagues and Influence Your Boss
Avatar for Lauren Tan poteto
0
2.1k
DotJS 2018 - Learning to Love Type Systems
Avatar for Lauren Tan poteto
2
2.9k
Swipe Left, Uncaught TypeError: Learning to Love Type Systems
Avatar for Lauren Tan poteto
0
1.4k
EmberFest 2017 - Ember @ Netflix
Avatar for Lauren Tan poteto
1
300
CodeEurope 2017 – Monoliths to Services with Elixir and Phoenix
Avatar for Lauren Tan poteto
13
2.5k
EmberConf 2017 – Confessions of an Ember Addon Author
Avatar for Lauren Tan poteto
2
790
ElixirConf 2016 - From Front-End to Full Stack with Elixir & Phoenix
Avatar for Lauren Tan poteto
14
3.2k
EmberCamp 2016 – I Can Write My App With No Handlebars: Declarative Templating in Ember
Avatar for Lauren Tan poteto
5
1.6k

Other Decks in Programming

See All in Programming
2年かけて Deno に DOMMatrix を実装した話 / How I implemented DOMMatrix in Deno over two years
Avatar for petamoriken / 森建 petamoriken
0
210
改善しないと、タスクが回らない。 “てんこ盛りポジション” を引き継いだ情シスの、入社3ヶ月の業務改善録
Avatar for Kurumi Watabe krm963
0
260
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
570
<title><a id="</title>君はこのHTMLをパースできるか"></a></title> #雑LT_study
Avatar for pizzacat83 pizzacat83
0
140
torikago - Ruby::Boxで照らすモジュラモノリスの実行境界
Avatar for nori se4weed
1
370
SlackアプリとLambdaの 連携を構築した話
Avatar for pawn pawn_4_s
1
120
言葉の格闘技のススメ～紙とペンと言葉から始める、キャリアの描き方～
Avatar for 進捗ゼミ progresscicada
2
140
S3 を使うアプリケーションをローカル完結で動かすことに全力を注いでみた / Running S3 Apps Offline
Avatar for Daisuke Garaike contour_gara
0
460
自動化したのに回らないテスト運用の壁ーAI時代の品質責任と生産性
Avatar for Masahiko Funaki(舟木 将彦) mfunaki
0
130
型も通る、synthも通る、それでも危ない 〜AIのCDKの権限とコストを機械で検証する〜 / It Passes Type Checks, It Passes Synth Checks, but It’s Still Risky — Automatically Verifying Permissions and Costs in AI’s CDK —
Avatar for shiro seike seike460
PRO
1
550
複数の Claude Code が"放置"されてしまう問題をCLI ダッシュボードを自作して解決した話
Avatar for sumihiro3 sumihiro3
1
680
Cloudflare is Agents
Avatar for chimame chimame
0
160

Featured

See All Featured
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
Avatar for Aleyda Solis aleyda
1
1.3k
Ten Tips & Tricks for a 🌱 transition
Avatar for Manu Carrasco Molina stuffmc
0
160
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
2
1.3k
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
1
170
SEO Brein meetup: CTRL+C is not how to scale international SEO
Avatar for Linda Hogenes lindahogenes
1
2.8k
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
240
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
Groundhog Day: Seeking Process in Gaming for Health
Avatar for Sebastian Deterding codingconduct
0
270
Lessons Learnt from Crawling 1000+ Websites
Avatar for Charles Meaden charlesmeaden
PRO
1
1.5k
Efficient Content Optimization with Google Search Console & Apps Script
Avatar for Katarina Dahlin katarinadahlin
PRO
1
790
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
133
19k
From π to Pie charts
Avatar for Rasagy Sharma rasagy
0
270

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! [email protected] @sugarpirate_

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