Automatizando el Desarrollo Front-End utilizando Grunt

"Automating the front-end development workflow using Grunt" is an introductory talk about using Grunt to reduce repetitive development tasks such as: running tests, image optimization, concatenating, minifying, deployment and so on.

Language: Spanish.
Repository: https://github.com/rmariuzzo/grunt-talk
Event: https://www.facebook.com/events/1465352030402544/

Transcript

1. Automatizando el Desarrollo Front-End utilizando Grunt Rubens Mariuzzo — @rmariuzzo
2. Objetivos ★ Conocer Grunt. ★ Utilizar Grunt. ★ Automatizar tareas repetitivas con Grunt.
3. Conociendo Grunt
4. ¿Qué es Grunt? ★ JavaScript Task Runner. ★ Corre con NodeJS. ★ Instalable vía NPM. ★ Ejecutable vía línea de comandos.
5. ¿Qué es Grunt? Grunt está compuesto de dos componentes: – Grunt CLI. – Grunt Task Runner.
6. grunt-0.4.5 grunt-cli grunt-0.4.3 grunt-0.4.4
7. Node Package Manager instala globalmente Grunt CLI npm install -g grunt-cli
8. npm install grunt --save-dev Node Package Manager instala Grunt guarda Grunt como dependencia de desarrollo
10. Utilizando Grunt
11. Hello World desde Grunt module.exports = function(grunt) { grunt.registerTask('default', function() { grunt.log.write('Hello World from Grunt!'); }); }; nombre de la tarea tarea a ejecutar Gruntfile.js
12. Hello World desde Grunt grunt default nombre de la tarea
13. Achievement Unlocked Hello World desde Grunt
14. Automatizando tareas repetitivas
15. Automatizando tareas repetitivas con Grunt ✓ Minification. ✓ Preprocessing. ✓ Unit Testing. ✓ Linting. ✓ Ejecución de comandos. ✓ Creación de web server. ✓ Deployment. ✓ Compresión / optimización de imágenes. ✓ Concatenación.
17. Automatizando tareas de CSS ✓ Concatenar. ✓ Minificar. ✓ Agregar información de autoría. ✓ Refrescar navegadores.
18. Automatizando tareas de JS ✓ Detectar errores y potenciales problemas. ✓ Concatenar. ✓ Minificar. ✓ Ejecutar unit tests.
19. EOF end of file