Herramientas y Best Practices para ser un buen Front-End

Post on 20-Jul-2015

164 views 0 download

Transcript of Herramientas y Best Practices para ser un buen Front-End

Aprovechando lo mejor de la web

William MéndezOpen Source Web Developer

Avanet Member / Web Development Manager at Mozilla - Ecuador.

wilo@avanet.org | wilo@mozilla.ec | @willirocker | wmendezc.wordpress.com

Preprocesadores de Css

+

Qué necesitamos para poder tener estos pre-procesadores

http://www.nodejs.org/

npm -g install

Qué necesitamos para poder tener estos pre-procesadores

https://www.ruby-lang.org/es/

gem install compass

Ventajas que aportan

Te evitas de repetir tu código.

Herramientas para compilar a Css con los pre procesadores

https://mhs.github.io/scout-app/

http://koala-app.com/

Pre procesadores Js

http://coffeescript.org/

http://www.dartlang.org/

Compatibilidad con los Navegadores

Compatibilidad con los Navegadores

http://caniuse.com/

Compatibilidad con los Navegadores

Normalize.csshttps://necolas.github.io/normalize.css/

http://modernizr.com/

Template Engines

Frameworks MV*

Uso de las DevTools

Uso de las DevTools

http://getfirebug.com/

Automatizando las Tareas

Demo

https://github.com/Wilo/bar

campMilagro2014

¿Preguntas?

Gracias por su Atención :D