Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

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
510
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
330
TSConf 2019: Just Use Any - How to Win Colleagues and Influence Your Boss
Avatar for Lauren Tan poteto
0
2.2k
DotJS 2018 - Learning to Love Type Systems
Avatar for Lauren Tan poteto
2
3k
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
330
CodeEurope 2017 – Monoliths to Services with Elixir and Phoenix
Avatar for Lauren Tan poteto
13
2.6k
EmberConf 2017 – Confessions of an Ember Addon Author
Avatar for Lauren Tan poteto
2
820
ElixirConf 2016 - From Front-End to Full Stack with Elixir & Phoenix
Avatar for Lauren Tan poteto
14
3.3k
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
Vue.jsで作る空間解析アプリとCapacitorプラグインのData Bridge
Avatar for Hal hal_spidernight
1
110
コードレビューのボトルネックを"する側"と"される側"の両面から解消する
Avatar for yub0n yub0n
2
1.7k
dotNET_vulnclicker_intro.pdf
Avatar for Tomohiko Morita deka_morita
0
150
contenteditable と日本語入力に向き合う
Avatar for taki colorful12
0
220
AIがコードを書いてくれる時代、我々は何を確かめるのか
Avatar for Yosuke Furukawa yosuke_furukawa
PRO
12
4.5k
Groovy as a human and AI friendly programming language
Avatar for paulking paulk
0
120
最近”作らせてる” ローカルAIアプリの話
Avatar for ITO Akihiro akit37
0
500
Event is what happens
Avatar for MOROHASHI Kyosuke moro
2
1.6k
Seven New Principles of Software Engineering
Avatar for Yegor Bugayenko yegor256
0
330
AI時代のTerminal環境を UNIX哲学で設計・運用する
Avatar for yasunori yasunori0418
1
250
現場と育てるRailsモデリング 〜Spreadsheetから始めたモデル設計〜
Avatar for siroemk siroemk
2
960
AWS CDKのカスタムリソースでContinuum（旧Security Agent）を実装した話 | Implementing Continuum (formerly Security Agent) via AWS CDK Custom Resource
Avatar for アキキー | Akihisa Ikeda akihisaikeda
2
170

Featured

See All Featured
BBQ
Avatar for Matthew Crist matthewcrist
90
10k
Abbi's Birthday
Avatar for Violet Bock coloredviolet
4
10k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.9k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.9k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
7k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.5k
Are puppies a ranking factor?
Avatar for Jono Alderson jonoalderson
2
4.1k
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.6k
Building an army of robots
Avatar for Kyle Neath kneath
307
47k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
203
77k

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