This document provides an overview of how to build web applications using various tools. It discusses concepts like boilerplates, libraries, dependencies, assets, coding, testing, and deploying. Specific tools mentioned include Bower for front-end package management, Grunt for running tasks like the development server, asset optimization, and testing. The document also briefly discusses essential front-end concepts, demoing the process, testing, and deployment options.

1. How to build
webapps
with TOOLS

2. Heads up
• Lots of tools
• Lots of conventions
◦ Done by better people
• Lots of procedures
◦ Solved problems you won't even face
• Lots of alternatives
• Very few lines of code
◦ Need to know what happens under the
hood
◦ Go with the flow
◦ Generalize the problem -> Search

3. Concepts
1. Create a boilerplate / structure
2. Add libraries/dependencies/assets
3. Code
4. Test
5. Deploy

4. Tools

5. Scaffold the
application
Configurations
Adding new assets
YO

6. Bower
Front End Package
management
Dependencies
Possible conflicts
Update packages

7. GRUNT
Run Tasks
Running the server
Watch for changes
Minification/Uglification
Deployment
Running tests

8. Essentials
FE
MVC
Minification
Concatenation
Uglification
Sprite generation
Server
API
Socket IO

9. Demo

10. What happens down the line
Watch for changes
Auto reload
Wire dependencies
Add Preprocessors
Coffee
Less / Sass
Testing
Server hosting

11. Testing
Completely test driven
Unit tests
Integration Testing

12. Deployment
All deployment related tasks
Minification
Randomization
Sprite generation
Heroku and Openshift are inbuilt

13. Questions