Generadores propios con Yeoman

Presentación utilizada en la charla del grupo meetup MadridJS

Transcript

1. GENERADORES PROPIOS CON YEOMAN @felixzapata @adesis
2. SOBRE MÍ Desarrollador Senior Front End y Consultor de Accesibilidad Web. Coorganizador del grupo meetup Accesibilidad Spain. Coorganizador del grupo meetup AngularJS Madrid. Organizador del grupo meetup WordPress Madrid. Organizador del grupo meetup Madrid Sass & Compass. Aerotranstornado: piloto online P1 y controlador S1 en la red VATSIM.
3. UN PANORAMA BASTANTE INTERESANTE
4. UN VISTAZO ATRÁS Mi opinión es que tal vez la aparición de Yeoman y Grunt es tan importante como cuando apareció Firebug. Es decir, ¿seríais capaz de trabajar ahora sin Firebug por ejemplo? Siempre hemos checho generadores sin darnos cuenta realmente.
5. YEOMAN Un yeoman consultado el listado de generadores.
6. NOS REFERIMOS A ÉSTO
7. ¿QUÉ ES? Un conjunto de herramientas que nos ayuda a no tener crear un proyecto desde cero. Consta de tres patas: 1. Yo: un sistema que nos ayuda a crear la base de un proyecto y a configurar tareas de Grunt. 2. Grunt: lo veremos más adelante en esta presentación. 3. Bower: un gestor de paquetes de tecnologías web, que nos facilita la distribución.
8. GRUNT Me gusta más esta imagen para Grunt
9. ¿QUÉ ES? Una herramienta basada en JavaScript que se ejecuta vía consola y que nos ayuda a automatizar tareas de carácter repetitivo. Por ejemplo, grunt release nos permite subir de versión en nuestro proyecto buscando por nosotros la versión en el fichero de configuración de Bower, hacer el commit, el push, etc... Al igual que los generadores, podemos crear nuestras propias tareas también.
10. HAGAMOS UN GENERADOR https://github.com/felixzapata/ejemplos-charla-madridjs
11. NECESITAMOS INSTALAR LO NECESARIO Instalamos yo y el generador de generadores n p m i n s t a l l - g y o g e n e r a t o r - g e n e r a t o r
12. ENLACES DE INTERÉS Generate a Generator The Yeoman Monthly Digest #1 Day 24: Yeoman Ember--The Missing Tutorial GruntThe JavaScript Task Runner Day 5: GruntJS--Let Someone Else Do My Tedious Repetitive Tasks
13. ENLACES DE INTERÉS Grunt for People Who Think Things Like Grunt are Weird and Hard Inquirer.js prompt system
14. ANTES DE HACER UNO DESDE CERO... veamos los que están hechos
15. IMÁGENES UTILIZADAS Diapositiva 3 Diapositiva 5 Diapositiva 6 Diapositiva 8