yeoman intro
DESCRIPTION
Yeoman 1.0 is more than just a tool. It's a workflow; a collection of tools and best practices working in harmony to make developing for the web even better. Our workflow is comprised of three tools for improving your productivity and satisfaction when building a web app: yo (the scaffolding tool), grunt (the build tool) and bower (for package management).TRANSCRIPT
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!