Yeoman

Frontend Meetup Budapest, October Gergely Nemeth @nthgergo

Why Yeoman?“Yeoman is a robust and opinionated client-side stack, comprising tools and

frameworks that can help developers quickly build beautiful web applications.”

Frontend Meetup, October

Gergely Nemeth | @nthgergo

Why Yeoman?“Yeoman is a robust and opinionated client-side stack, comprising tools and

frameworks that can help developers quickly build beautiful web applications.”

● scaffolding, write less with Yo

● build, preview and test with Grunt

● dependency management with Bower

Frontend Meetup, October

Gergely Nemeth | @nthgergo

Why Yeoman?“Yeoman is a robust and opinionated client-side stack, comprising tools and

frameworks that can help developers quickly build beautiful web applications.”

● scaffolding, write less with Yo

● build, preview and test with Grunt

● dependency management with Bower

● maintained separately

● play well together, all part of the Yeoman workflow

Frontend Meetup, October

Gergely Nemeth | @nthgergo

Yo

Frontend Meetup, October

Gergely Nemeth | @nthgergo

Yo● scaffolding tool

● install globally with:

○ npm install -g yo (includes Grunt and Bower)

● generators

Frontend Meetup, October

Gergely Nemeth | @nthgergo

Grunt

Frontend Meetup, October

Gergely Nemeth | @nthgergo

Grunt● javascript taskrunner

● why? automate repetitive tasks

○ linting

○ compiling

○ minification

○ testing

○ etc...

● more plugins from NPM

Frontend Meetup, October

Gergely Nemeth | @nthgergo

Bower● front-end package management

Frontend Meetup, October

Gergely Nemeth | @nthgergo

Bower● front-end package management

● runs over:

○ Git

○ Http(s) URL

○ Zip

○ NPM

Frontend Meetup, October

Gergely Nemeth | @nthgergo

Bower● front-end package management

● runs over:

○ Git

○ Http(s) URL

○ Zip

○ NPM

● maintained by Twitter and the open-source community

● configuration in bower.json

○ devDependencies

Frontend Meetup, October

Gergely Nemeth | @nthgergo

Showtime!https://github.com/gergelyke/Yeoman-demo

Frontend Meetup, October

Gergely Nemeth | @nthgergo

Frontend Meetup, October

Gergely Nemeth | @nthgergo

Thanks!