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

BOWER, GRUNT, GITHUB, NODE: ORGANIZE, DEVELOP, AND DEPLOY THE AUTOMATED, ORGANIZED WAY

  • 1,244