intro-to-yeoman-talk



intro-to-yeoman-talk

0 0


intro-to-yeoman-talk

talk given at viennajs meetup 29/01/2014

On Github pferdefleisch / intro-to-yeoman-talk

Front end development is finally fun

by @mraaroncruz

http://aaroncruz.com

Tools

I love tools I like to build my own to do things like

  • remind me to turn off my time tracking software
  • search a bunch of whois at once
  • ~ 100 bash aliases
  • whenever I have to do the same thing twice

Front end dev has been painful

wget your dependencies

Enter Bower

manages dependencies for

  • javascript
  • CSS
  • Font Libraries ex. Font Awesome

Tons of great things came along

  • SASS
  • CoffeeScript
  • Compass
  • Livereload
  • Sprockets/Javascript Concat tools

Enter Grunt

Grunt is a task running tool similar to

  • jake (javascript)
  • make (C, others)
  • rake (ruby)

Common tasks with grunt

  • watching for file changes > some action
  • compiling SASS or Coffeescript
  • restarting you application server
  • concatting javascript/CSS files
  • whatever the hell you want (easy to make custom tasks)

So what is Yeoman?

Grunt + Bower

a match made in heaven

But wait... There's MORE

Yeoman itself is a project generator

  • angular express
  • Flask (python web framework similar to express)
  • laravel PHP framework
  • this slide deck (inception?)

So many community plugins

http://yeoman.io/community-generators.html

We will build an express app using angular

Pure Awesomeness

Thank you

@mraaroncruzhttp://github.com/pferdefleisch