Dial up your flowCrank out more bits for the web with automation tools

@weseklund4/7/16

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

What do we need?

- Your favorite editor/IDE

- NPM (NodeJS)

- GulpJS

- Yeoman

WAITWHAT’S NPM AND GULP???

Then what’s Grunt?

Let’s make a site

How can Gulp help?

- Compile your CSS preprocessor

- Create watchers

- Linting

- Unit testing

- JS/CSS Concatenation

- Minification

- Image Compression/Optimization

- … or write your own automation tool

(demo)

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

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

(demo)

Thanks!@weseklund