Grunt & Frontend Ops
Miguel Lomelí
Backend Developer
miguel@lomeli.mx
Github: mlomeli
Slides: Grunt & FrontEnd Ops Web Site
Qué es Frontend Ops?
Ingenería de front end.
Surge como una necesidad ante los nuevos retos del desarrollo de FrontEnd.
Mismos conceptos de DevOps, diferentes herramientas.
Manejo de dependencias
Builds y deployments
Pruebas Automatizadas
Revisiones automáticas de código/css
Responsabilidades en el código.
Manejo de dependencias y paquetes.
Tus herramientas trabajando juntas.
NPM
Librerías de NodeJs.
Bower
Librerías para Frontend.
Escribir código, abrir browser, refresh, refresh, refresh, abrir developer tools, ver log, ver código fuente, escribir código, hacer pruebas. Volver a empezar.
Porqué seguimos trabajando así?
Grunt
Grunt es una herramienta para correr tareas repetitivas automáticamente.
Working with Grunt
Performance Testing Tools
YSlow, PageSpeed Insights
grunt.loadNpmTasks('grunt-yslow');
grunt.loadNpmTasks('grunt-pagespeed');
Gracias
Miguel Lomelí
Recursos:
Client-side workflow using Drupal Omega 4
Temas que usan algunas de estas herramientas