Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Choose Ember.js - Version 2
Search
Taras Mankovski
February 29, 2016
Programming
2
63
Choose Ember.js - Version 2
Taras Mankovski
February 29, 2016
Tweet
Share
More Decks by Taras Mankovski
See All by Taras Mankovski
Delightful user experiences with Ember and WordPress
tarasm
0
100
Why choose Ember?
tarasm
2
85
How to learn Ember
tarasm
9
1.2k
Other Decks in Programming
See All in Programming
負債になりにくいCSSをデザイナとつくるには?
fsubal
9
2.4k
第3回関東Kaggler会_AtCoderはKaggleの役に立つ
chettub
3
950
sappoRo.R #12 初心者セッション
kosugitti
0
240
個人アプリを2年ぶりにアプデしたから褒めて / I just updated my personal app, praise me!
lovee
0
340
[JAWS-UG横浜 #80] うわっ…今年のServerless アップデート、少なすぎ…?
maroon1st
1
180
AIの力でお手軽Chrome拡張機能作り
taiseiue
0
170
GoとPHPのインターフェイスの違い
shimabox
2
170
Immutable ActiveRecord
megane42
0
140
Grafana Loki によるサーバログのコスト削減
mot_techtalk
1
120
Kubernetes History Inspector(KHI)を触ってみた
bells17
0
220
Conform を推す - Advocating for Conform
mizoguchicoji
3
690
AWSマネコンに複数のアカウントで入れるようになりました
yuhta28
2
160
Featured
See All Featured
Visualization
eitanlees
146
15k
Side Projects
sachag
452
42k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
30
4.6k
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.5k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Measuring & Analyzing Core Web Vitals
bluesmoon
6
240
Making Projects Easy
brettharned
116
6k
Transcript
This slide was intentionally left blank.
— Great Presenter DON’T START A PRESENTATION TALKING ABOUT YOURSELF.
” “
TARAS MANKOVSKI
HELP PEOPLE LEARN EMBER EMBERSHERPA
LANGUAGES BEFORE EMBER Python PHP CSS JavaScript
BEFORE EMBER
BEFORE EMBER $25,000-$50,000 projects
BEFORE EMBER
Small clients BEFORE EMBER don’t care about quality
BEFORE EMBER http:/ /travel.aarp.org/content/dam/travel/destination-images/grand-canyon-national-park/2014-01/1400-grand-canyon-national-park-hiker.jpg
BEFORE EMBER Wanted to do big things
BEFORE EMBER Wanted to do big things To grow To
learn To be valued
LACKED EXPERIENCE THE PROBLEM Single Page App Complex JavaScript Architecture
DONEC QUIS NUNC
FRAMEWORK FOR BIG THINGS THE PROMISE
CONVENTIONS THE PROMISE
BEST PRACTICES THE PROMISE
TOOLING THE PROMISE
DONEC QUIS NUNC
CONSISTENT TOOLING EMBER.JS
COMMUNITY SOLUTIONS EMBER.JS
BIG PROJECTS EMBER.JS
WHAT DID I DO?
HOW DO I FEEL?
WHY AM I HERE?
LAST 3 MONTHS 100 EMBER DEVELOPERS
LAST 3 MONTHS 80+ EMBER APPS
DONEC QUIS NUNC
None
None
None
None
HOW IS THIS POSSIBLE?
TOOLING
TOOLING
TOOLING Not an Ember Problem
TOOLING
EMBER-CLI ES Support
EMBER-CLI CSS Preprocessors
EMBER-CLI Development
EMBER-CLI Testing Browser CI Server Terminal
EMBER-CLI Deployment
EMBER-CLI Generators
CONVENTIONS
CONVENTIONS ember new my-app
CONVENTIONS URL is Web
CONVENTIONS Easy Upgrades
PRIMITIVES
PRIMITIVES Definition
PRIMITIVES If helper
PRIMITIVES If helper
PRIMITIVES each helper
PRIMITIVES each helper
PRIMITIVES ember-modal-dialog
PRIMITIVES ember-modal-dialog
ADDONS ECOSYSTEM
ADDONS ECOSYSTEM emberaddons.com
ADDONS ECOSYSTEM ember addon <name>
HOW DID THIS HAPPEN?
HOW DID IT HAPPEN? Consistent Gradual Iterative Effort over 4
years
LEARNING FROM OTHERS
LEARNING FROM OTHERS Nested UI Template Rendering
LEARNING FROM OTHERS User on-boarding Directives
LEARNING FROM OTHERS One Way Data Flow Virtual DOM
BEING EARLY ADOPTERS
BEING EARLY ADOPTERS Used by Router Provided Polyfil
BEING EARLY ADOPTERS Before Babel.js Using Transpilers
DONEC QUIS NUNC LOOKING FORWARD
LOOKING FORWARD Engines App into App App as Component App
as Addon
LOOKING FORWARD FastBoot `ember fastboot` Server Side Rendering Progressive Enhancement
for 99%
LOOKING FORWARD One Way Data Flow Enabled by default Enforced
by framework
WHAT DOES THIS MEAN FOR YOU?
WHAT DOES THIS MEAN FOR YOU? Adoption
WHAT DOES THIS MEAN FOR YOU? Jobs 5 Local companies
jobs.emberjs.com
WHAT DOES THIS MEAN FOR YOU? Career Framework What is
your 5 year plan?
CHOOSE FRAMEWORK THAT DELIVERS
CHOOSE EMBER.JS @EMBERSHERPA