Rock'n Rails - Front-end com Rails

Post on 20-Jun-2015

1.422 views 0 download

Transcript of Rock'n Rails - Front-end com Rails

FRONT-END COM RAILS

RAMON BISPOhttp://ramonpage.com

@ramonpage

O HAML E AS RAZÕES PARA USÁ-LO

@RAMONPAGE

http://haml-lang.com/

ENTENDENDO PRÉ-PROCESSADORES

@RAMONPAGE

COFFEESCRIPT http://jashkenas.github.com/coffee-script/SASS http://sass-lang.com/

COMPASS http://compass-style.org/

DICA N. 1

@RAMONPAGE

NÃO SE PRENDA A MODISMOS. USE-OS QUANDO NECESSÁRIO OU SE ASSIM VOCÊ / SUA EQUIPE DECIDIR

DICA N. 2

@RAMONPAGE

SASS AJUDA BASTANTE NO TRABALHO EM WEBAPPS.

JÁ EM PROJETOS SIMPLES, O SEU USO ACABA SE TORNANDO INDIFERENTE.

DICA N. 3

@RAMONPAGE

CUIDADO: COFFESCRIPT PODE SER UMA FORMA LINDAMENTE DESNECESSÁRIA DE ESCREVER JS.

ASSET PACKAGING NO RAILS

@RAMONPAGE

UM POUCO DE HISTÓRIARails < 3.1

- Jammit http://documentcloud.github.com/jammit/- Asset Packager https://github.com/sbecker/asset_packager

Rails 3.1+

- Sprockets https://github.com/sstephenson/sprockets

@RAMONPAGE

@RAMONPAGE

RAILS 3.1+

ASSET PIPELINE

config.assets.enabled = true

@RAMONPAGE

RAILS 3.1+ASSET PIPELINE FINGERPRINTING

/stylesheets/styles.css?2509895876

styles.css => styles-908e25f4bf641868d8683022a5b62f54.css

@RAMONPAGE

MAIS SOBRE ASSET PIPELINE

RAILS GUIDES

http://guides.rubyonrails.org/asset_pipeline.html

OBRIGADO!

RAMON BISPOhttp://ramonpage.com

@ramonpage