Rock'n Rails - Front-end com Rails

12

Click here to load reader

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

Page 1: Rock'n Rails - Front-end com Rails

FRONT-END COM RAILS

RAMON BISPOhttp://ramonpage.com

@ramonpage

Page 2: Rock'n Rails - Front-end com Rails

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

@RAMONPAGE

http://haml-lang.com/

Page 3: Rock'n Rails - Front-end com Rails

ENTENDENDO PRÉ-PROCESSADORES

@RAMONPAGE

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

COMPASS http://compass-style.org/

Page 4: Rock'n Rails - Front-end com Rails

DICA N. 1

@RAMONPAGE

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

Page 5: Rock'n Rails - Front-end com Rails

DICA N. 2

@RAMONPAGE

SASS AJUDA BASTANTE NO TRABALHO EM WEBAPPS.

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

Page 6: Rock'n Rails - Front-end com Rails

DICA N. 3

@RAMONPAGE

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

Page 7: Rock'n Rails - Front-end com Rails

ASSET PACKAGING NO RAILS

@RAMONPAGE

Page 8: Rock'n Rails - Front-end com Rails

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

Page 9: Rock'n Rails - Front-end com Rails

@RAMONPAGE

RAILS 3.1+

ASSET PIPELINE

config.assets.enabled = true

Page 10: Rock'n Rails - Front-end com Rails

@RAMONPAGE

RAILS 3.1+ASSET PIPELINE FINGERPRINTING

/stylesheets/styles.css?2509895876

styles.css => styles-908e25f4bf641868d8683022a5b62f54.css

Page 11: Rock'n Rails - Front-end com Rails

@RAMONPAGE

MAIS SOBRE ASSET PIPELINE

RAILS GUIDES

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

Page 12: Rock'n Rails - Front-end com Rails

OBRIGADO!

RAMON BISPOhttp://ramonpage.com

@ramonpage