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
53
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
43
Zilla: Criação de um Design System escalável em um produto com milhões de acessos
danilovaz
0
290
Ember - Por que você ainda não está usando?
danilovaz
0
36
Flexbox
danilovaz
1
260
Organização CSS
danilovaz
0
130
Front-end To Back-Enders
danilovaz
0
160
Analfabetismo Tecnológico
danilovaz
0
100
Other Decks in Technology
See All in Technology
エンジニア候補者向け資料2024.04.24.pdf
macloud
0
3.4k
AWSやJAWS-UGとの出会いを振り返る
yoyoyopg
1
120
GrafanaMeetup_AmazonManagedGrafanaのアクセス制御機能とマルチテナント環境下でのアクセス制御について
daitak
0
440
How to Lead? Testimonial of a Lead Android Engineer
oleur
1
120
Tellus の衛星データを見てみよう #mf_fukuoka
kongmingstrap
0
320
M5と自作基板をくっつけてみた〜M5 Japan Tour 2024 Spring 福冈 (Fukuoka|福岡)〜
keropiyo
0
190
【基本】データベース設計
oracle4engineer
PRO
2
230
開発パフォーマンスを最大化するための開発体制
ham0215
7
1.2k
障害対応をちょっとずつよくしていくための 演習の作りかた
heleeen
1
1.8k
MixIT 2024 - Pulumi : Gérer son infra avec son langage de programmation préféré
ju_hnny5
1
120
【SORACOM UG 東海】あらゆるモノがつながる社会へ、IoT と SORACOM
soracom
PRO
1
160
AWSに詳しくない人でも始められるコスト最適化ガイド
yuhta28
2
410
Featured
See All Featured
Clear Off the Table
cherdarchuk
85
310k
BBQ
matthewcrist
80
8.8k
Visualization
eitanlees
137
14k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
275
13k
Optimizing for Happiness
mojombo
370
69k
Fontdeck: Realign not Redesign
paulrobertlloyd
76
4.9k
Fireside Chat
paigeccino
22
2.6k
Large-scale JavaScript Application Architecture
addyosmani
504
110k
Designing for Performance
lara
601
67k
What's in a price? How to price your products and services
michaelherold
238
11k
Designing on Purpose - Digital PM Summit 2013
jponch
111
6.5k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
358
22k
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