Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Barcamp Hamburg 2013 - Yeoman

Barcamp Hamburg 2013 - Yeoman

Gerrit Wanderer

November 15, 2013
Tweet

Other Decks in Technology

Transcript

  1. typical workflow download external libraries and frameworks setup dev and

    test environment write code and refresh browser all the time manually test on various screen resolutions solve common problems (i. e. responsive images & sprites) make code production ready (minify and concatenate) writing boilerplates
  2. Yo Scaffolds a boilerplate for various projects (AngularJS, Mobile-First, Twitter

    Bootstrap, NodeJS) Grunt Build-processes for your project (minify, concatenate, resize images, compiling and testing) Bower Dependency management for packages and libraries
  3. Example: the AngularJS generator • Predefined WebApp structure for models,

    views, controllers, assets and tests • Command Line Generators available for AngularJS components (controllers, directives, routes …) • running testing environment with Mocha, Jasmine and PhantomJS
  4. Example: the AngularJS generator All together it feels like you

    create WebApps with rails • Predefined WebApp structure for models, views, controllers, assets and tests • Command Line Generators available for AngularJS components (controllers, directives, routes …) • running testing environment with Mocha, Jasmine and PhantomJS
  5. • have a consistent WebApp structure • improve your skills

    with generators (best practice) • It’s easier to follow the spirit of AngularJS and TestdrivenDevelopment benefits?