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
59
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
330
Ember - Por que você ainda não está usando?
danilovaz
0
43
Flexbox
danilovaz
1
270
Organização CSS
danilovaz
0
140
Front-end To Back-Enders
danilovaz
0
170
Analfabetismo Tecnológico
danilovaz
0
120
Other Decks in Technology
See All in Technology
Why App Signing Matters for Your Android Apps - Android Bangkok Conference 2024
akexorcist
0
130
【令和最新版】AWS Direct Connectと愉快なGWたちのおさらい
minorun365
PRO
5
760
Flutterによる 効率的なAndroid・iOS・Webアプリケーション開発の事例
recruitengineers
PRO
0
120
プロダクト活用度で見えた真実 ホリゾンタルSaaSでの顧客解像度の高め方
tadaken3
0
180
SREが投資するAIOps ~ペアーズにおけるLLM for Developerへの取り組み~
takumiogawa
1
420
Adopting Jetpack Compose in Your Existing Project - GDG DevFest Bangkok 2024
akexorcist
0
110
20241120_JAWS_東京_ランチタイムLT#17_AWS認定全冠の先へ
tsumita
2
300
飲食店データの分析事例とそれを支えるデータ基盤
kimujun
0
150
Python(PYNQ)がテーマのAMD主催のFPGAコンテストに参加してきた
iotengineer22
0
500
ISUCONに強くなるかもしれない日々の過ごしかた/Findy ISUCON 2024-11-14
fujiwara3
8
870
データプロダクトの定義からはじめる、データコントラクト駆動なデータ基盤
chanyou0311
2
330
AIチャットボット開発への生成AI活用
ryomrt
0
170
Featured
See All Featured
A designer walks into a library…
pauljervisheath
204
24k
Side Projects
sachag
452
42k
Practical Orchestrator
shlominoach
186
10k
Building Adaptive Systems
keathley
38
2.3k
Designing for humans not robots
tammielis
250
25k
Raft: Consensus for Rubyists
vanstee
136
6.6k
Producing Creativity
orderedlist
PRO
341
39k
Designing Experiences People Love
moore
138
23k
Scaling GitHub
holman
458
140k
10 Git Anti Patterns You Should be Aware of
lemiorhan
655
59k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
159
15k
The Invisible Side of Design
smashingmag
298
50k
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