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
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
AI時代、エンジニアはどう育つのか -未経験エンジニアの成長を間近で見て考えたこと-
Avatar for ta-hasunuma thasu0123
0
210
VibeCodingからAgenticWorkflowへ
Avatar for starfish719 starfish719
0
220
Detecting Compromised CI with eBPF and Cilium Tetragon
Avatar for Liz Rice lizrice
0
130
Built Our Own Background Agent at LayerX
Avatar for LayerX layerx
PRO
9
4.8k
AI時代に設計が 最大の生産性レバーになる 意図駆動開発とデータを消さない設計｜Don't Delete Your Data or Your Intent — Design as the Deepest Lever in the AI Era
Avatar for Tomohisa Takaoka tomohisa
1
660
その節約、円になってますか？
Avatar for isamu asakawa isamumumu
1
680
komatsuna「分散システムにおけるバグ分析手法」
Avatar for こまつな komatsunaqa
0
230
AWS CDK を「作」ってみた 〜フルスクラッチで見えた CDK の裏側〜 / aws-cdk-from-scratch
Avatar for k.goto gotok365
3
2.8k
琵琶湖の水は止められてもNet--HTTPのリトライは止められない / You might be able to stop the water flow of Lake Biwa but you can't stop Net::HTTP retries
Avatar for luccafort luccafort
PRO
0
550
Terraform標準の組織で AWS CDKをどう使うか
Avatar for mu7889yoon / Yuta Nakamura mu7889yoon
1
470
AI時代のPHPer生存戦略 ～「言語、もうなんでもよくない？」に本気で向き合う～
Avatar for viviON vivion
0
240
PHP Application における Kubernetes 内 gRPC 通信
Avatar for Shin Ohno ganchiku
0
580

Featured

See All Featured
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
2
240
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
56k
Darren the Foodie - Storyboard
Avatar for Kevinho.art khoart
PRO
3
3.5k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
Avatar for Szymon Słowik szymonslowik
1
1.2k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
8.2k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
23k
Visualization
Avatar for Eitan Lees eitanlees
152
17k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
210k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.5k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
40k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
37
6.5k

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