YOU ARE DOWNLOADING DOCUMENT

Please tick the box to continue:

Transcript
Page 1: Yeoman intro

Yeoman

Frontend Meetup Budapest, October Gergely Nemeth @nthgergo

Page 2: Yeoman intro

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

Page 3: Yeoman intro

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

Page 4: Yeoman intro

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

Page 5: Yeoman intro

Yo

Frontend Meetup, October

Gergely Nemeth | @nthgergo

Page 6: Yeoman intro

Yo● scaffolding tool

● install globally with:

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

● generators

Frontend Meetup, October

Gergely Nemeth | @nthgergo

Page 7: Yeoman intro

Grunt

Frontend Meetup, October

Gergely Nemeth | @nthgergo

Page 8: Yeoman intro

Grunt● javascript taskrunner

● why? automate repetitive tasks

○ linting

○ compiling

○ minification

○ testing

○ etc...

● more plugins from NPM

Frontend Meetup, October

Gergely Nemeth | @nthgergo

Page 9: Yeoman intro

Bower● front-end package management

Frontend Meetup, October

Gergely Nemeth | @nthgergo

Page 10: Yeoman intro

Bower● front-end package management

● runs over:

○ Git

○ Http(s) URL

○ Zip

○ NPM

Frontend Meetup, October

Gergely Nemeth | @nthgergo

Page 11: Yeoman intro

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

Page 12: Yeoman intro

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

Frontend Meetup, October

Gergely Nemeth | @nthgergo

Page 13: Yeoman intro

Frontend Meetup, October

Gergely Nemeth | @nthgergo

Thanks!


Related Documents