Bower
DEVELOP AND DEPLOY THE AUTOMATED, ORGANIZED WAY
+
Getting everyone on the same page
Manual source management
Auto source management
Source Control
Github
Team management and permissions
Fork repos from "machine user"
Webhooks to deploy when pushed
Source Organization
modularize
Separation of concerns
Multiple devs working on different pieces of the whole
Easier to organize, easier to document
So many dependencies
jQuery
Angular
Bootstrap
Foundation
Underscore.js
LESS
SASS
lodash
- jQuery UI
- jQuery Mobile
- jQuery Cookie
- jQuery LazyLoad
- Gridster
- angular-scroll
- angular-filter
- UI-Utils
- UI-Bootstrap
- UI-Router
- UI-Gmap
- NG-Grid
Dependencies' dependencies?
jQuery
Angular
Multiple versions of dependencies?
Ugh. Enough already.
NodeJS tools
A platform to make web development easier
Web Servers
Network applications
Local applications
Bower
Easy dependency management
Common third-party packages
Your own repos on github
Private repos or compressed files
Grunt
A fully customizable task runner
Concatenate
Compress/minify
Obfuscate
The Workflow
Clone Github repo
Grunt builds
Bower updates
dependencies
Rebase, merge,
push Github
Dev server
Pull request
to live fork
Live server
BOWER, GRUNT, GITHUB, NODE: ORGANIZE, DEVELOP, AND DEPLOY THE AUTOMATED, ORGANIZED WAY
By the8bitsquid
