Frontline - Rails3.1

http://objetiva.co/

Fron Imagem por Hunter Killer http://bit.ly/q0xm7i

Ruby on Rails 3.1

Quem trabalha com web ? ENQUETE

Quem CONHECE HTML, JS e CSS ? ENQUETE

BACKEND HTTPFrontend

2 principaisPROBLEMASem Des. de Software

Performance

PerformanceDesenvolvedor

PerformanceDesenvolvedor Máquina

Performance Da máquina

Solução em+- 14 passos

• MENOS REQUISIÇÕES• CSS e JS EXTERNOS• MINIMIZE JS E CSS• SCRIPTS DUPLICADOS• CSS NO TOPO• SCRIPTS NO FINAL• CACHE OTIMIZADO• COMPACTAÇÃO• CDN - EXPRESSÕES CSS AJAX CACHE• E-TAGS EVITE REDIRECIONAMENTOS• AJAX CACHE REDUZA PESQUISAS DNS

Solução Railsem 0 Passos

Performance dodesenvolvedor

CSS e Javascript Dinâmicos

app/assets/stylesheets/forms.css.erb.myInput { background-image: <%= asset_path image.png %>;}#logo { background: url(<%= asset_data_uri logo.png %>);}

.content-navigation { border-color: #3bbfce; color: #2b9eab;}.border { padding: 8px; margin: 8px; border-color: #3bbfce;}

#main { padding: 0px; border: 1px solid #aec1d0; background: white; position: relative; @include border-radius(10px, 10px, 10px, 10px);}

@mixin box-shadow($options, $ie:true) { box-shadow: $options; -moz-box-shadow: $options; -webkit-box-shadow: $options;}

#dashboardBody { .warning { margin: 10px 0 0 0; padding: 0; color: #514721; background-color: #fff6bf; a { color: #098aa4; } a:hover { text-decoration: underline; } }}

#bedsBody { li.bed { position: relative; display: inline-block; @include border-radius(5px); &.available { background-color: #e1ffdc; border: 1px solid #a0e897; color: #2e9d30; } &.occupied { background-color: #ffc1c3; border: 1px solid #d4888a; color: #b43c41; }}

"CoffeeScript is well done and more convenient to use than Javascript" Brendan Eich - criador do Javascript http://bit.ly/qucelc

var square = function(x) { return x * x;}

var square = function(x) { x * x;}

square = function(x) x * x

square = (x) -> x * x

var square;square = function(x) { return x * x;};

class Speaker say: -> console.log "----"class BrazilianSpeaker extends Speaker say: -> console.log "OlÃ¡ pessoal!" super()class AmericanSpeaker extends Speaker say: -> console.log "Hello folks!" super()speaker = new BrazilianSpeakerspeaker.say()

Muito além da beleza

• Convenções claras• Sem colisões e escopo global• Sem confusões com this• Bem menos código• Código expressa a lógica• Mesmas vantagens de JS

"CoffeeScript isn’t just aboutprettier code. It’s about beingmore conﬁdent that you got it right the ﬁrst time" Trevor Burnham - CoffeeScript Book PragProg http://bit.ly/o915Fo

conclusão

slides: http://objetiva.co/publications

twitter: danielvlopesemail: daniel@objetiva.co

http://objetiva.co	1771
http://candidosalesg.wordpress.com	47
http://www.objetiva.co	39
http://translate.googleusercontent.com	36
http://horaextrabh.org	11
http://feeds.feedburner.com	6
http://flavors.me	6
http://localhost:9292	3
http://candidosg.com	3
http://www.hanrss.com	1
http://localhost	1

Frontline - Rails3.1

by Daniel Lopes on Aug 26, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

11 Embeds 1,924

Statistics

Frontline - Rails3.1 — Presentation Transcript