clase58.md

Máster en Programación FullStack con JavaScript y Node.js

JS, Node.js, Frontend, Backend, Firebase, Express, Patrones, HTML5_APIs, Asincronía, Websockets, Testing

Yeoman

The Yeoman workflow comprises three types of tools for improving your productivity and satisfaction when building a web app: the scaffolding tool (yo), the build tool (Grunt, Gulp, etc) and the package manager (like Bower and npm).

• Yeoman Instalation Working Flow
• Yeoman - Generator-webapp
• Yeoman - Santa Barbara JavaScript Meetup
• Automating Your Front-end Workflow with Yeoman 1.0 (Addy Osmani)

Yeoman: Instalación

Instalamos Yeoman global (incluye Grunt, Bower...)

  npm install yo -g

Instalamos globalmente el generador de proyectos web

  npm install --global generator-gulp-webapp

En la carpeta deseada lanzamos el generador para que se cree un pryecto completo

  yo gulp-webapp

Acabada la instalación con exito

  gulp serve

Preparando todo para producción

  gulp

Yeoman: Gestión de errores

Verificamos que es lo que no funciona.

  yo doctor

Resultado esperado:

Yeoman Doctor
Running sanity checks on your system

✔ Global configuration file is valid
✔ Node.js version
✔ No .bowerrc file in home directory
✔ No .yo-rc.json file in home directory
✔ npm version
✔ NODE_PATH matches the npm root

Yeoman: Generadores Populares

• Web Oficial
• Markdown version by Ulises Gasconhttps://gist.github.com/UlisesGascon/61eee71846e8150c4bfe6cf4209d5449

Ejercicios

1 - Utilizaremos un Generador para crear la landing de un producto/idea/servicio o incluso nuesro propio portfolio y lo hostearemos con Github Pages

  // Tu solución