This document discusses how to use automation tools like NPM, GulpJS, Yeoman, and Grunt to speed up the web development process. It recommends using these tools to compile CSS, create watchers, lint code, run unit tests, concatenate and minify JavaScript and CSS files, and scaffold entire applications from templates. The document provides demonstrations of Gulp and Yeoman to automate common development tasks and optimize project build cycles.

1. Dial up your flow
Crank out more bits for the web with automation tools
@weseklund
4/7/16

2. What exactly are we talking about?
- Speed up your development process
- Automate different processes most developers do already
- Leverage your build cycle to save time
- Optimize your project
- Moar time for fun :D

3. What do we need?
- Your favorite editor/IDE
- NPM (NodeJS)
- GulpJS
- Yeoman

4. WAIT
WHAT’S NPM AND GULP???

6. Then what’s Grunt?

8. Let’s make a site

9. How can Gulp help?

10. - Compile your CSS preprocessor
- Create watchers
- Linting
- Unit testing
- JS/CSS Concatenation
- Minification

11. (demo)

12. Ok, now unlearn all of that and just use yeoman… lol

13. What’s that?
- An abstraction for your abstractions!
- Can scaffold an entire application for you
- Create generators will all your automation processes from one command
- Share your generators with your team

14. (demo)

15. Thanks!
@weseklund