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

MelbJS March 2015 – The Ember Developer Experience

Avatar for Lauren Tan Lauren Tan
March 11, 2015
Programming
1
470

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
Tweet

More Decks by Lauren Tan

See All by Lauren Tan
Just Use Any: js.la Edition
Avatar for Lauren Tan poteto
0
240
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.3k
EmberFest 2017 - Ember @ Netflix
Avatar for Lauren Tan poteto
1
270
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
760
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.5k

Other Decks in Programming

See All in Programming
生成AIを使ったコードレビューで定性的に品質カバー
Avatar for Chiaki Okamoto chiilog
1
300
Best-Practices-for-Cortex-Analyst-and-AI-Agent
Avatar for ryotaro.ikeda@finatext.com ryotaroikeda
1
120
CSC307 Lecture 07
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
560
nilとは何か 〜interfaceの構造とnil!=nilから理解する〜 / Understanding nil in Go Interface Representation and Why nil != nil
Avatar for kuro kuro_kurorrr
0
100
AWS re:Invent 2025参加 直前 Seattle-Tacoma Airport(SEA)におけるハードウェア紛失インシデントLT
Avatar for tetutetu214 tetutetu214
2
120
Metaprogramming isn't real, it can't hurt you
Avatar for Masafumi Okura okuramasafumi
0
120
PJのドキュメントを全部Git管理にしたら、一番喜んだのはAIだった
Avatar for oga_aiichiro nanaism
0
190
Railsの気持ちを考えながらコントローラとビューを整頓する/tidying-rails-controllers-and-views-as-rails-think
Avatar for MOROHASHI Kyosuke moro
3
230
OCaml 5でモダンな並列プログラミングを Enjoyしよう!
Avatar for Haochen Kotoi-Xie haochenx
0
160
AI & Enginnering
Avatar for codelynx codelynx
0
140
Data-Centric Kaggle
Avatar for ねぼすけAI isax1015
2
820
kintone + ローカルLLM = ?
Avatar for ITO Akihiro akit37
0
110

Featured

See All Featured
Designing for Performance
Avatar for Lara Hogan lara
611
70k
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
140
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
1k
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.3k
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
2
260
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
Avatar for Tech SEO Connect techseoconnect
PRO
0
120
Money Talks: Using Revenue to Get Sh*t Done
Avatar for Nikki Halliwell nikkihalliwell
0
160
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
2.8k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
82
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
Avatar for Ines Montani inesmontani
PRO
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! [email protected] @sugarpirate_

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