Yeoman intro

1,101 views

Published on

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).

0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,101
On SlideShare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
25
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Yeoman intro

  1. 1. Yeoman Frontend Meetup Budapest, October Gergely Nemeth @nthgergo
  2. 2. 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
  3. 3. 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
  4. 4. 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
  5. 5. Yo Frontend Meetup, October Gergely Nemeth | @nthgergo
  6. 6. Yo ● scaffolding tool ● install globally with: ○ ● npm install -g yo (includes Grunt and Bower) generators Frontend Meetup, October Gergely Nemeth | @nthgergo
  7. 7. Grunt Frontend Meetup, October Gergely Nemeth | @nthgergo
  8. 8. Grunt ● javascript taskrunner ● why? automate repetitive tasks ○ ○ compiling ○ minification ○ testing ○ ● linting etc... more plugins from NPM Frontend Meetup, October Gergely Nemeth | @nthgergo
  9. 9. Bower ● front-end package management Frontend Meetup, October Gergely Nemeth | @nthgergo
  10. 10. Bower ● front-end package management ● runs over: ○ Git ○ Http(s) URL ○ Zip ○ NPM Frontend Meetup, October Gergely Nemeth | @nthgergo
  11. 11. 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
  12. 12. Showtime! https://github.com/gergelyke/Yeoman-demo Frontend Meetup, October Gergely Nemeth | @nthgergo
  13. 13. Thanks! Frontend Meetup, October Gergely Nemeth | @nthgergo

×