1. Yeoman + Grunt + Bower
A better threesome!

2. Yeoman
Open source - client side - development stack
Helps developers to kick start building high quality web apps
Scaffolding tool - generates boiler plates with libraries
Runs as a command line interface written in - nodejs
Yeoman.io
Yeoman was released at Google I/O 2012.

3. Grunt
A Javascript Task Runner - Automation tool
The less work you have to do when performing repetitive tasks like
● Minification
● Compilation
● Unit testing
the easier your job becomes.
Gruntjs.com

4. Bower
A package manager, works by
● Fetching and installing packages
● Taking care of hunting, finding
● Downloading, and saving
the stuff you’re looking for.
Bower keeps track of these packages in a manifest file
bower.json
Bower.io

5. Let’s get started

6. nodejs & npm
Windows
nodejs.org/ - download and install
Linux
sudo apt-get install nodejs
sudo apt-get install npm

7. yo
Install Yeoman
npm install -g yo
Install default generator
npm install -g generator-webapp

8. Grunt
Install Grunt
npm install -g grunt-cli

9. Bower
Install Bower
npm install -g bower

10. Let’s start building

11. Go to your desired project folder and run - $ yo
Choose the generator as webapp
Run $ grunt serve and watch the magic
Build the default web-app

12. Let’s dive deep

13. Manage with Bower
Get a package
$ bower install <package-name>
Get and save dependency in bower.json
$ bower install <package-name> -S
See all dependencies
$ bower list

14. Build distributables
$ grunt build
Makes the dist folder
App is now ready for deployment

15. Thank you
Session by Raveen Harith Perera & Milindu Sanoj Kumarage
Google I/O Rewind 2015 Sri Lanka