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
Ember.js: Passado, presente e futuro
Search
Danilo Vaz
September 16, 2017
Technology
0
66
Ember.js: Passado, presente e futuro
Light Talk Front in Vale 2017: uma breve história sobre o passado, presente e futuro do Ember.js
Danilo Vaz
September 16, 2017
Tweet
Share
More Decks by Danilo Vaz
See All by Danilo Vaz
React: O que ninguém te conta
danilovaz
0
45
Zilla: Criação de um Design System escalável em um produto com milhões de acessos
danilovaz
0
350
Ember - Por que você ainda não está usando?
danilovaz
0
50
Flexbox
danilovaz
1
270
Organização CSS
danilovaz
0
140
Front-end To Back-Enders
danilovaz
0
170
Analfabetismo Tecnológico
danilovaz
0
130
Other Decks in Technology
See All in Technology
FastConnect の冗長性
ocise
1
9.6k
データ基盤の成長を加速させる:アイスタイルにおける挑戦と教訓
tsuda7
3
650
スクラムのイテレーションを導入してチームの雰囲気がより良くなった話
eccyun
0
110
Googleマップ/Earthが一般化した 地図タイルのイマ
mapconcierge4agu
1
200
地方拠点で エンジニアリングマネージャーってできるの? 〜地方という制約を楽しむオーナーシップとコミュニティ作り〜
1coin
1
130
現場で役立つAPIデザイン
nagix
29
10k
AWSでRAGを実現する上で感じた3つの大事なこと
ymae
3
1k
開発スピードは上がっている…品質はどうする? スピードと品質を両立させるためのプロダクト開発の進め方とは #DevSumi #DevSumiB / Agile And Quality
nihonbuson
1
1.3k
2.5Dモデルのすべて
yu4u
2
610
Developer Summit 2025 [14-D-1] Yuki Hattori
yuhattor
19
5.1k
APIファーストで実現する運用性の高い IoT プラットフォーム: SORACOMのアプローチ
soracom
PRO
0
240
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
6
57k
Featured
See All Featured
Become a Pro
speakerdeck
PRO
26
5.1k
What's in a price? How to price your products and services
michaelherold
244
12k
The World Runs on Bad Software
bkeepers
PRO
67
11k
KATA
mclloyd
29
14k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.5k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
3
310
A designer walks into a library…
pauljervisheath
205
24k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
Visualization
eitanlees
146
15k
How STYLIGHT went responsive
nonsquared
98
5.3k
Gamification - CAS2011
davidbonilla
80
5.1k
Transcript
None
/danilovaz @_danilovaz
None
None
None
None
None
It's more important to reduce the effort of maintenance than
it's to reduce the effort of implementation. Max Kanat-Alexander, Code Quality
None
None
None
None
<html> <head> <script src="/public/ember.js"></script> </head> <body> <script type="text/x-handlebars"> Hello, <strong>{{firstName}}
{{lastName}}</strong>! </script> <script type="text/x-handlebars" data-template-name="say-hello"> <div class="my-cool-control">{{name}}</div> </script> <script> App.ApplicationController = Ember.Controller.extend({ firstName: "Trek", lastName: "Glowacki" }); </script> </body> </html>
<div id="ember162" class="ember-view"> <h2>Welcome to Ember.js</h2> <script id="metamorph-1-start" type="text/x-placeholder"></script> <script
id="metamorph-0-start" type="text/x-placeholder"></script> <ul> <script id="metamorph-5-start" type="text/x-placeholder"></script> <script id="metamorph-2-start" type="text/x-placeholder"></script> <li> <script id="metamorph-6-start" type="text/x-placeholder"></script> red <script id="metamorph-6-end" type="text/x-placeholder"></script> </li> <script id="metamorph-2-end" type="text/x-placeholder"></script> <script id="metamorph-3-start" type="text/x-placeholder"></script> </ul> <script id="metamorph-0-end" type="text/x-placeholder"></script> <script id="metamorph-1-end" type="text/x-placeholder"></script> </div>
<div> <h2>Welcome to Ember.js</h2> <ul> <li>red</li> </ul> </div>
<div id="logo"> <img {{bind-attr src=logoUrl}} alt="Logo"> </div>
<div id="logo"> <img src="{{logoUrl}}" alt="Logo"> </div>
None
fonte: http://yehudakatz.com/2017/04/05/the-glimmer-vm-boots-fast-and-stays-fast/
None
import Ember from 'ember'; export default Ember.Component.extend({ tagName: 'input', attributeBindings:
['disabled', 'type:kind'], disabled: false, kind: 'range', classNameBindings: 'type', type: 'primary' });
import Component from '@glimmer/component'; export default class extends Component {
type = 'primary' }
None
None
None
@mtmr0x
None
Diversidade e Equalidade
None