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
58
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
40
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
「 SharePoint 難しい」ってよく聞くけど、そんなに言うなら8歳の息子に試してもらった
taichinakamura
2
790
AWS⼊社という選択肢、⾒えていますか
iwamot
2
1.1k
元旅行会社の情シス部員が教えるおすすめなre:Inventへの行き方 / What is the most efficient way to re:Invent
naospon
2
260
フロントエンド メタフレームワーク 選定の際に考えたこと
yuppeeng
0
590
Engineering at LY Corporation
lycorp_recruit_jp
0
260
全社横断データ活用推進のコツと その負債とのつき合い方
masatoshi0205
0
160
AWS パートナー企業でテクニカルサポートに従事して 3年経ったので思うところをまとめてみた
kazzpapa3
1
210
国土交通省 データコンペ参加者向け勉強会
takehikohashimoto
0
380
プロポーザルのつくり方 〜個人技編〜 / How to come up with proposals
ohbarye
4
310
[FOSS4G 2024 Japan LT] LLMを使ってGISデータ解析を自動化したい!
nssv
1
160
Intuneお役立ちツールのご紹介
sukank
3
740
GraphRAGを用いたLLMによるパーソナライズド推薦の生成
naveed92
0
190
Featured
See All Featured
Rails Girls Zürich Keynote
gr2m
93
13k
Keith and Marios Guide to Fast Websites
keithpitt
409
22k
The Invisible Side of Design
smashingmag
297
50k
Typedesign – Prime Four
hannesfritz
40
2.4k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.4k
Intergalactic Javascript Robots from Outer Space
tanoku
268
27k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
92
16k
Code Reviewing Like a Champion
maltzj
520
39k
No one is an island. Learnings from fostering a developers community.
thoeni
19
3k
Optimizing for Happiness
mojombo
376
69k
Teambox: Starting and Learning
jrom
133
8.8k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
665
120k
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