Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
MelbJS March 2015 – The Ember Developer Experience
Search
Lauren Tan
March 11, 2015
Programming
500
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
MelbJS March 2015 – The Ember Developer Experience
Presented at MelbJS Melbourne, 11th March 2015 by @sugarpirate_
Lauren Tan
March 11, 2015
More Decks by Lauren Tan
See All by Lauren Tan
Just Use Any: js.la Edition
poteto
0
290
TSConf 2019: Just Use Any - How to Win Colleagues and Influence Your Boss
poteto
0
2.2k
DotJS 2018 - Learning to Love Type Systems
poteto
2
2.9k
Swipe Left, Uncaught TypeError: Learning to Love Type Systems
poteto
0
1.4k
EmberFest 2017 - Ember @ Netflix
poteto
1
310
CodeEurope 2017 – Monoliths to Services with Elixir and Phoenix
poteto
13
2.6k
EmberConf 2017 – Confessions of an Ember Addon Author
poteto
2
810
ElixirConf 2016 - From Front-End to Full Stack with Elixir & Phoenix
poteto
14
3.2k
EmberCamp 2016 – I Can Write My App With No Handlebars: Declarative Templating in Ember
poteto
5
1.6k
Other Decks in Programming
See All in Programming
AIを上手に使っていこうとしたら越境せざるを得なくなった話 〜実践1年で見えた境界を越えなければならない理由と進め方〜 / Crossing borders with AI
tomoyakitaura
4
1.2k
AI Agent時代のリアーキテクチャ戦略と実践
hokaccha
9
4.5k
JPUG勉強会 OSSデータベースの内部構造を理解しよう(第2回)
oga5
0
230
SREの越境 / SRE Collaboration
y0hgi
0
180
20260914 AIエージェント時代のPlatform Engineering LLM基盤とプロダクトの責務境界線
kanfab1
6
1.9k
Java 27新機能 / Java 27 new features
kishida
2
140
選挙速報を多くのユーザーへ 届ける Live Activities 設計
hamayokokuririn
0
140
世界の中心で、AI(App Intents)をさけぶ ー App Intents中心設計の実践ガイド
touyou
0
570
自分的「カンファレンスの楽しみ方」
syumai
0
200
Streamlitで実現する自然言語データアプリ開発
ayumu_yamaguchi
0
280
thread_parallel_with_free-threaded_Python_and_NumPy.pdf
riku_sakamoto
0
330
Snowflakeで業務アプリを作ろう。 Snowflakeのアプリ機能解説&実践ガイド
ayumu_yamaguchi
1
280
Featured
See All Featured
[RailsConf 2023] Rails as a piece of cake
palkan
59
7k
Raft: Consensus for Rubyists
vanstee
142
7.7k
KATA
mclloyd
PRO
35
15k
Tips & Tricks on How to Get Your First Job In Tech
honzajavorek
1
740
How to make the Groovebox
asonas
2
2.4k
Agile that works and the tools we love
rasmusluckow
331
22k
svc-hook: hooking system calls on ARM64 by binary rewriting
retrage
2
570
The Curious Case for Waylosing
cassininazir
1
510
A better future with KSS
kneath
240
18k
YesSQL, Process and Tooling at Scale
rocio
174
15k
30 Presentation Tips
portentint
PRO
1
400
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
38
3k
Transcript
The Ember Developer Experience MELBJS MARCH Lauren Elizabeth Tan @sugarpirate_
@poteto
Lauren Elizabeth Tan Designer & Front End Developer
Developer Experience?
Modern web dev is hard
None
None
None
Let's play a game
Round 1 – Modules
VS webpack browserify
Round 2 – Front End Package Management
VS npm bower
Round 3 – Task Runners
VS grunt gulp
Round 4 – Flux Flavours
VS flux fluxible reflux fluxxor ...
Round 5 – ES6 Transpilers
VS babel (aka 6to5) traceur
Round 6 – Test Framework
VS jest mocha jasmine
…
2 weeks later…
None
None
Meanwhile in Ember land…
$ ember new my-new-app
None
None
None
Convention over configuration
Convention over configuration • asset compilation – broccoli.js • es6
modules • ember-qunit • bower for front-end dependencies • npm for internal dependencies
Convention over configuration (cont.) • content security policy • live-reload
• generators & blueprints • easy environment flags • easy builds • development server with express, mocks & proxies
Demo
Ember Inspector
None
None
Where to from here?
Ember 2.0 Landing June 12th
HTMLBars
FastBoot™ No more DOM dependency – SSR
None
O(N) N = number of DOM elements O(M) M =
number of dynamic nodes ...less runtime analysis
ember-router ember-cli ember-inspector ember-fastboot ember-glimmer ember 2.0 June 12th, 2015
None
Convention over configuration
Stability over Stagnation
react-cli?
@sugarpirate_
We're hiring!
[email protected]
@sugarpirate_
Thank you! Lauren Elizabeth Tan @sugarpirate_ @poteto