Yeoman 

What's Yeoman?

  • Helps you kickstart new projects
  • prescribes best practices/tools to help you stay productive

Yeoman workflow

  • promotoed through official generators
  • robust and opinionated client-side stack (whatever that means)
  • Contains tools and frameworks that can help developers quickly build beautiful web applications
  • Includes support for linting, testing, minification
Yo GULP NPM
​yo scaffolds out a new application, writing your build configuration (e.g Gulpfile) and pulling in relevant build tasks and package manager dependencies (e.g npm) that you might need for your build. The Build System is used to build, preview and test your project. Gulp and Grunt are two popular options. The Package Manager is used for dependency management, so that you no longer have to manually download and manage your scripts. npm and Bower are two popular options.

Enter Fountain Webapp Generator

This Yeoman generator allows you to start any Webapp with the best Developer Experience out of the box!

So this is how I'm feeling:

"Yeoman sounds soooo dreamy...."

Step 1:  Choose a Framework

Step 2:  Choose a Module Management System

Step 3:  Choose JS preprocessor.  

Step 4:  Choose a CSS preprocessor

Step 5:  Choose whether you want a sample app

Step 6:  Do you want a router?  I don't even know what this is...so I selected none.

All done (dusting hands off).  I just knew I was about to become so productive!

But...then things didn't work because I didn't see the part about installing sub-generators and felt really bad for awhile.

After mucking around for awhile, I discovered I needed to install a sub-generator and saw an example of how to run one.

And I was happy again.

Fountain Web App vs. Angular Seed

sub-generators available:

yo --generators

but wait a second.  Why isn't there one for creating a controller?  What happened to the controller?

And...now that I have sub-generators installed, how does the generated code compare to the angular-seed code?

yeoman generator component

angular-seed router component.  

Ugh...a little like comparing apples to oranges

Conclusion

  • Yeoman Fountain-Webapp Generators provide a lot of functionality out of the box, but I don't know enough about angular to be able to appreciate it, yet.
  • Utilizes Gulp, WebPack, NPM, Angular 1.5.  Seems like you can simply use the generator to stub things out and that you can ignore the rest.
  • Marsha Brady Rocks.
Made with Slides.com