A brief introduction to the Yeoman workflow, including some useful links and tips for getting started. This presentation was delivered at the April 14 Meetup of the Seattle University Web Developers Meetup (http://www.meetup.com/Seattle-University-Web-Developers-Meetup/). The Yeoman workflow provides not only a useful development environment and setup, but a ready learning tool that you can use to explore brand new approaches and architectures. Easily scaffolding projects enables you to see the way others approach organizing their work and setting up their workflow, which allows you to become a better developer.

1. Meet
Yeoman
Shawn Rider
Seattle University
Web, Application, and Technology Development
‘Allo!

2. Websites are Great!
Build sites! Share content! Sell products! Change the world!

4. Web Dev is Difficult

5. In the old days…

6. Websites continue to get
more complex.

7. There are so many
possibilities in web dev:

8. A Fortunate Confluence of Events
• Standards have been broadly adopted
• Open source web development solutions are dominant
• Technologies continue to break boundaries and blend worlds
previously kept separate
• Most people want to do generally the same thing

9. Sysadmins have put effort
into making better toolchains.

10. But what about the
development?

11. The Yeoman Workflow
http://yeoman.io

12. Yeoman, specifically
• Scaffolding tool
• Allows you to quickly create
a project skeleton using a
pre-created “generator”
• Sets up configs and
connections between project
components
• http://yeoman.io

13. Grunt, specifically
• Build management tool
• Allows you to define
commands to process,
compile, test, or deploy
your project.
• http://gruntjs.com/

14. Bower, specifically
• Package management
tool
• Reads list of specified
dependency packages to
install
• Manages updates and
removal of packages
• http://bower.io/

15. Lots of Support

16. A tool for production

17. A tool for learning

18. How to get started?

19. Install Node.js
• Instructions available at https://nodejs.org/
• If you’re on a Mac, Homebrew is the recommended
way to install node.js: http://brew.sh/

20. Install Yo + Friends
• Yeoman.io has a great Getting Started guide: http://
yeoman.io/learning/index.html

21. Find and Install Generators
• Find generators using the Yeoman search: http://
yeoman.io/generators/

22. Generate Amazing Websites

23. Happy Hacking!
Shawn Rider
@shawnr
http://shawnrider.com