• Use virtualbox 
• Consistent, shared dev environment
• Say goodbye to "works on my machine"
  
• Work locally, develop virtually

• Lightweight, highly extensible
• Multiple cursors
• Easy duplication
• Easy find, replace 
• http://www.sublimetext.com/
  

• Snippets/Abbreviations
• Lorem Ipsum generator
• Wrap with Abbreviation
• Quick close tag
• http://docs.emmet.io/
  

• Maintain consistent rules for white spaces
• Plugins for every editor you might work on

• Include a .editorconfig file in your repo 
  
• http://editorconfig.org/#example-file

• Watch files for changes 
• Reload your browser
• Perfect when developing
   with multiple monitors

• Requires a compiler for development
• Compilation takes care of best practices 
• Keeps code smaller, more readable and maitainable

• Prevent regression - Open / Close principle 
  
• TDD / BDD 

test("root lists first page of posts", function(){
 visit("/");
  andThen(function() {
    equal(find(".post").length, 5, "The first page should have 5 posts");
    // Assuming we know that 5 posts display per page and that there are more than 5 posts
  });
});

• Phantom 
• Imagemagick

• Environment specific builds - dev vs production
• Lint / Hint
• Compile files using preprocessor
• Concat and minify 
• Copy files to dist folder 
• Clear assets folder 
• Watch for changes and live reload browser
• Run integration tests 
• Run visual tests 
• Repeat

• Add package.json and Gruntfile.js
• grunt
• Ignore node_modules in .gitignore

Sample package.json

   "grunt-contrib-clean": "~0.5.0",
    "grunt-contrib-sass": "~0.7.0",
    "grunt-contrib-concat": "~0.3.0",
    "grunt-contrib-connect": "~0.7.1",
    "grunt-contrib-copy": "~0.5.0",
    "grunt-contrib-jasmine": "~0.6.3",
    "grunt-contrib-jst": "~0.6.0",
    "grunt-contrib-uglify": "~0.4.0",
    "grunt-contrib-watch": "~0.6.1",

• npm install
  

• Separate vendor dependencies 
• Don't track vendor code in your repo
• Recursively track dependencies 
• Avoid redundancies
• Track updates through semantic versioning

• git like syntax 
• yo angular
• yo ember 
• yo webapp