WorkfLows modernos

para WebApps modernas

@gartox

FSL Vallarta 2013

Veamos:

¿Quienes son Web Developers?

¿Quienes quieren ser Web Developers?

¿Como puedo empezar?

Shell

Automatiza procesos
Colores
Ten a la mano lo que necesitas
Veamos un ejemplo.
DotFiles (http://dotfiles.github.io/)

Git

Instalación

$ yum install curl-devel expat-devel gettext-devel \
  openssl-devel zlib-devel

O también:

$ apt-get install libcurl4-gnutls-dev libexpat1-dev gettext \
  libz-dev

Finalmente descargas el fuente y haces lo siguiente:

$ tar -zxf git-1.6.0.5.tar.gz
$ cd git-1.6.0.5
$ make prefix=/usr/local all
$ sudo make prefix=/usr/local install

Git

Gestor de paquetes

$ yum install git-core

O también:

$ apt-get install git

Git

Configuración

git config --global user.name="Jesus"
git config --global user.email = "garciatjm@gmail.com"

un server rapido a la mano

 # Start an HTTP server from a directory, optionally specifying  the port
 function server() {
   local port="${1:-8000}"
   open "http://localhost:${port}/"   python SimpleHTTPServer "$port"
 }

Gestores de PAquetes y módulos

NPM

BOWER

¿Y en el código?

instalación

npm install -g yo

Descargar generador de aplicación

npm install -g generator-webapp

workflow

yo webapp                      # scaffold out a skeleton web app project
bower install underscore       # install a dependency for your project
grunt                          # build the application for deployment

o con el angularJs Generator

npm install -g generator-angular  # install generator
yo angular                        # scaffold out a AngularJS project
bower install angular-ui          # install a dependency for your project
grunt test                        # test your app
grunt server                      # preview your app
grunt                             # build the application for deployment

demostración

.....