Clase 4

Process

Códigos de salida en Node.js
- 1 - Uncaught Fatal Exception - No ha podido ser capturada
- 2 - Unused (reserved by Bash for builtin misuse)
- 3 - *Internal JavaScript Parse Error *
- 4 - *Internal JavaScript Evaluation Failure *
- 5 - Fatal Error - There was a fatal unrecoverable error in V8.
- 6 - Non-function Internal Exception Handler
- 7 - Internal Exception Handler Run-Time Failure
- 8 - Unused
- 9 - Invalid Argument
- 10 - *Internal JavaScript Run-Time Failure *
- 12 - Invalid Debug Argument
- 128 - Signal Exits - El sistema operativo acaba con Node.
process.argv:

  console.log(process.argv)
  /*
  1. ubicacion de node (bin)
  2. ubicación del script (location)
  3. [Otros parametros]
  */

Detalles del sistema

	process.argv[2] = process.argv[2] || "Node.js funcionando desde C9.io";

	console.log("===================================");
	console.log("Id: " + process.pid);
	console.log("Título: " + process.title);
	console.log("Ruta: " + process.execPath);
	console.log("Directorio Actual: " + process.cwd());
	console.log("Node Versión: " + process.version);
	console.log("Plataforma: " + process.platform);
	console.log("Arquitectura: " + process.arch);
	console.log("Tiempo activo: " + process.uptime());
	console.log("Versiones Dependencias: ");
	process.argv.forEach((val, index, array) => {
	      console.log(`${index}: ${val}`);
	});
	console.log("===================================");

console.log("Hola"):

  var mensaje = "Hola"
  process.stdout.write(mensaje + '\n')

Captura de errores inesperados

  process.on('uncaughtException', function (err) {
  	console.error(error.stack);
  });

Es interesante almacenar estos errores o enviarlos por email.
Estos errores se escapan del sistema convencional de errores.

Ejecucción de tareas antes de la finalización del proceso

  process.on('exit', function (err) {
  	// Limpiar cache.. y cosas similares...
  });

Captura de señales en entronos UNIX

// SIGINT -> Control-C

process.stdin.resume(); // Evitamos que se cierre Node.js

process.on('SIGINT', function() {
  console.log('Llegó SIGINT. Control-C... Saliendo...');
  process.exit(0);
});

Creando ejecutables

Solo para entornos UNIX
Necesitamos shebang

	#!/usr/bin/env node
	console.log('Soy un script!');

Necesitamos hacer el script ejecutable

chmod +x mi_escript_archivo.js

Ejecutando el script

./mi_escript_archivo.js <parámetro>

Ejemplo: hola

#!/usr/bin/env node
console.log("hola");
process.exit(1);

Arrancar Scripts al incio del sistema

Librerías:
- node-upstarter

Ejercicios

1 - Realiza un script ejecutable que nos muestre la información de los terremotos acontecidos en la última hora.

Fuente de datos
Requisitos:
- Debemos utilizar párametros cuando se ejecute para definir la magnitud de los terremotos que queremos
- Si no se detecta el parámetro... la aplicación debe cerrarse.
- Si el parametro es incorrecto también.
- Ajustaremos la petición http en función del parámetro.
Apariencia(Orientativa):

*****************************
USGS All Earthquakes, Past Hour
   ---------------------     
total: 8
status: 200
   ---------------------     
5/10/2016, 3:46:30 PM
==============================
M 1.3 - 6km WNW of Anza, California
5/10/2016, 3:43:01 PM
Magnitud: 1.32
Estatus: automatic
Tipo: earthquake
Lugar: 6km WNW of Anza, California
Coordenadas: -116.7246704 , 33.5830002
Info: http://earthquake.usgs.gov/earthquakes/eventpage/ci37563240
Detalles: http://earthquake.usgs.gov/earthquakes/feed/v1.0/detail/ci37563240.geojson
==============================
... (por cada terremoto de los iguales a los iguales)

Solución:

  #!/usr/bin/env node
  
  var http = require('http');
  
  if (!process.argv[2]) {
      console.error('Necesito un parámetro para afinar mis resultados');
      process.exit(1);
  } else {
      if (process.argv[2] !== "all" &&
          process.argv[2] !== "1.0" &&
          process.argv[2] !== "2.5" &&
          process.argv[2] !== "4.5" &&
          process.argv[2] !== "significant") {
          console.error('Parámetro incorrecto!. Solo admito:\n  - all\n - 1.0\n - 2.5\n - 4.5\n - significant\n');
          process.exit(1);
      }
  }
  
  var options = {
      host: 'earthquake.usgs.gov',
      path: '/earthquakes/feed/v1.0/summary/' + process.argv[2] + '_hour.geojson'
  };
  
  http.get(options, function(res) {
      var data = "";
      var json;
      res.on("data", function(chunk) {
          data += chunk;
      });
      res.on("end", function() {
          json = JSON.parse(data);
  
          console.log("*****************************");
          console.log(json.metadata.title);
          console.log("   ---------------------     ");
          console.log("total: " + json.metadata.count);
          console.log("status: " + json.metadata.status);
          console.log("   ---------------------     ");
          console.log(new Date(json.metadata.generated).toLocaleString("es-ES"));
          console.log("==============================");
          for (var i = 0; i < json.features.length; i++) {
              console.log(json.features[i].properties.title);
              console.log(new Date(json.features[i].properties.time).toLocaleString("es-ES"));
              console.log("Magnitud: " + json.features[i].properties.mag);
              console.log("Estatus: " + json.features[i].properties.status);
              console.log("Tipo: " + json.features[i].properties.type);
              console.log("Lugar: " + json.features[i].properties.place);
              console.log("Coordenadas: " + json.features[i].geometry.coordinates[0] + " , " + json.features[i].geometry.coordinates[1]);
              console.log("Info: " + json.features[i].properties.url);
              console.log("Detalles: " + json.features[i].properties.detail);
              console.log("==============================");
          }
          process.exit(0);
      });
  }).on('error', function(e) {
      console.log("Error fetching data: " + e.message);
      process.exit(1);
  });

Child Process

Ideal para tareas pesadas, inestables o muy lentas
Nos permite usar comandos del sistema.
Podemos lanzar aplicaciones basadas en otros lenguajes o sistemas.
Creando hijos y usando spawn
spawn devuelve un stream

var spawn = require('child_process').spawn;
var ping = spawn('ping', ['fictizia.com']);

ping.stdout.setEncoding('utf8');
ping.stdout.on('data', function (data) {
  console.log(data);
});

Creando hijos y usando exec
exec retorna un buffer

  var exec = require('child_process').exec

  // cat solo funciona en UNIX
  exec('cat texto.txt', function (err, stdout, stderr) {
    if(!err){  
        console.log('El contenido de nuestro archivo', stdout)
    } else {
        console.log('Error: '+err)
    }
  })

Manejando hijos:

  var spawn = require('child_process').spawn

  if(process.argv[2] === 'hijo'){
    console.log('Estoy dentro del proceso hijo');
  } else {
    var hijo = spawn(process.execPath, [__filename, 'hijo'])
    hijo.stdout.pipe(process.stdout)
  }

Manejando hijos (con heréncia):

  var spawn = require('child_process').spawn

  if(process.argv[2] === 'hijo'){
    console.log('Estoy dentro del proceso hijo');
  } else {
    var hijo = spawn(process.execPath, [__filename, 'hijo'], {
      stdio: 'inherit'
    })
  }

Manejando hijos (contexto común):

  var spawn = require('child_process').spawn;

  var contador = 0;
  contador += 1;

  if(process.argv[2] === 'hijo'){
    console.log('hijo', contador);
    contador++;
    console.log('pero.. además el hijo.. suma otra! y son', contador);
  } else {
    var hijo = spawn(process.execPath, [__filename, 'hijo'], {
      stdio: 'inherit'
    });
    console.log('padre', contador);
  }

Cluster

Sin usar Cluster

    var http = require('http');
    var url = require('url');

    var server = http.createServer().listen(process.env.PORT);

    server.on('request', function (req, res) {
        var pathname = url.parse(req.url).pathname;
        if (pathname === '/matame') {
            res.writeHead(200, {
                'Content-Type': 'text/plain'
            });
            res.end('Has matado el monohilo. PID: ' + process.pid);
            process.exit(0);
        } else {
            res.writeHead(200, {
                'Content-Type': 'text/plain'
            });
            res.end('Hola desde el monohilo. PID: ' + process.pid);
        }
    });

    console.log('Servidor escuchando por el puerto ' +process.env.PORT);

Usando Cluster.
- El proceso hijo que cae se vuelve a levantar.
- El proceso padre se mantiene "separado"

	var cluster = require('cluster'),
	    http = require('http'),
	    url = require('url'),
	    cpus = require('os').cpus().length; // nproc
	
	if (cluster.isMaster) {
	    console.log('Proceso maestro con PID:', process.pid);
	
	    for (var i = 0; i < cpus; i++) {
	        cluster.fork();
	    }
	
	    cluster.on('exit', function(worker) {
	        console.log('hijo con PID ' + worker.process.pid + ' muerto');
	        cluster.fork();
	    });
	
	} else {
	    console.log('Arrancado hijo con PID:', process.pid);
	
	    var server = http.createServer().listen(process.env.PORT);
	
	    server.on('request', function (req, res) {
	        var pathname = url.parse(req.url).pathname;
	        if (pathname === '/matame') {
	            res.writeHead(200, {
	                'Content-Type': 'text/plain'
	            });
	            res.end('Has matado al proceso hijo ' + process.pid);
	            process.exit(0);
	        } else {
	            res.writeHead(200, {
	                'Content-Type': 'text/plain'
	            });
	            res.end('Hola desde ' + process.pid);
	        }
	    });
	}

Taking Advantage of Multi-Processor Environments in Node.js
Librerias:
- luster
- cluster-map
- PM2

Buffer

Nos ofrece la posibilidad de alamacenar datos sin procesar
Una vez iniciados no puede modificarse el tamaño
Tamaño máximo 1GB

const buf1 = new Buffer(10); // buf1.length = 10
const buf2 = new Buffer([1,2,3]); // [01, 02, 03]
const buf3 = new Buffer('prueba'); // ASCII [74, 65, 73, 74]
const buf4 = new Buffer('ñam ñam', 'utf8'); // UTF8 [74, c3, a9, 73, 74]
  
console.log("===================================");
console.log("buf1: " + buf1.length);
console.log("buf2: " + buf2[0]);
console.log("buf3: " + buf3);
console.log("buf3 (hex): " + buf3.toString('hex'));
console.log("buf3 (base64): " + buf3.toString('base64'));
console.log("buf4: " + buf4);
console.log("buf4 (hex): " + buf4.toString('hex'));
console.log("buf4 (base64): " + buf4.toString('base64'));
console.log("===================================");

Stream

Gestionamos el flujo de datos
Muy usados por librerías y modulos
Capa de abstracción para operaciones con datos
Lógica de tuberias (cadena de procesos)
Gestiona el buffer por si mismo
Tipos:
- Redeable Lectura
  - Eventos (data, error, end)
- Writable Escritura
  - Eventos (drain, error, finish)
- Duplex Ambos
- Transform Transformación de datos
- PassThrough No manipula, solo manipula
Función .pipe()
- Simple: origen.pipe(destino);
- Concatenando: origen.pipe(destino).pipe(otroDestino);
Ejemplo: Stream multimédia

	var http = require('http'),
	    fs = require('fs');
	
	http.createServer(function(req, res) {
	  var cancion = 'cancion.mp3';
	  var stat = fs.statSync(cancion);
	
	  res.writeHead(200, {
	    'Content-Type': 'audio/mpeg',
	    'Content-Length': stat.size
	  });
	
	  var readableStream = fs.createReadStream(cancion);
	  readableStream.pipe(res);
	
	}).listen(process.env.PORT);

Stream y ficheros

    var fs = require('fs');
    
    var lectura = fs.createReadStream('archivo1.txt');
    var escritura = fs.createWriteStream('otroArchivo.txt');
    
    lectura.pipe(escritura);

Variables del Entorno

Conocer todas las variables disponibles en el entorno
- Windows:
```
 	env
```
- UNIX:
```
 	SET
```

Guardar nuevas variables en el entorno

Windows:

 	SET ALGO='mi secreto'

UNIX:

 	export ALGO='mi secreto'

Recuperar las variables con Node.js

 	var datoRecuperado = process.env.ALGO;
 	console.log(process.env.ALGO);

Creando variables del entorno limitadas a Node.js y temporales (SOLO UNIX)

Arrancando...

 	NODE_ENV=production node app.js

Usando datos...

 	if(process.env.NODE_ENV === "production"){
 		console.log("Entramos en modo producción");
 	} else if (process.env.NODE_ENV === "development"){
 		console.log("Entramos en modo desarrollo");
 	} else {
 		console.log("Entramos en modo desconocido. ¡Revisa las variables del entorno!");
 	}

Alternativas
- dotenv - librería para Nodejs

Modularización

Especificación de CommonJS
Exports es un objeto que vamos "rellenando"
La asignacion al exports es inmediata. No se pueden usar callbacks o similares
No es necesario usar module.exports ya es que es global.
- var exports = module.exports = {};
Es importante controlar la reasignación de module.exports

Modularización: Usando exports

Exportar los datos:

// archivo -> config.js

var datoPrivado = "Lo que pasa en Node... se queda en Node";
var datoCompartido = "Hola! desde Config.js"

function privada (){
	return datoPrivado;
}

exports.metodo = function () {
	console.log(datoCompartido);
	console.log(privada());
}
exports.mensaje = datoCompartido;

Importar los datos:

var config = require('./config');

config.metodo();
console.log(config.mensaje);

Modularización: Usando module.exports

Exportar los datos:

// archivo -> config.js
var config = {
  token: "<--- MiSecreto--->",
};

module.exports = config;

Importar los datos:

var config = require('./config');

console.log(config.token);

NPM

Instalar paquetes:
- global:

    npm install -g <paquete>

local:

    npm install <paquete>

Buscar paquetes

    npm search <paquete>

Información de los paquetes

    npm view <paquete>

Lista de paquetes instalados

    npm ls

Lista de paquetes instalados globalmente

    npm ls -g

Instalando versiones especificas:
- la más reciente:

    npm install <paquete>@latest

versión especifica:

    npm install <paquete>@1.x (1.xx.xx)

Otra versión especifica

    npm install <paquete>@2.10.x (2.10.x)

Paquetes desactualziados:

  npm outdated

Actualizando paquetes:

  npm update <paquete>

Desinstalando paquete:

  npm uninstall <paquete>

Información sobre Bugs

  npm bugs <paquete>

Más comandos - CLI

Dependency Hell:

Abyssus abyssum invocat. El abismo llama al abismo.

nipster
Nodei.co
Dependency Hell
David Dm
ShieldsIO
- Your Badge Service

Seguridad:

Seguridad
Seguridad Avisos
Recursos

package.json

Datos proyecto
Tareas
Dependencias (dependencies y devDependencies)
Documentación
Creación:

  npm init

Guardar nuevas dependencias:

 npm install <paquete> --save

Guardar nuevas dependencias (solo para entorno desarrollo):

 npm install <paquete> --save -dev

Guardando versiones especificas:
- (1.xx.xx):

  npm install --save <paquete>@1.x

(2.10.x)

  npm install --save <paquete>@2.10.x

Latest

  npm install --save <paquete>@lastest

Quitando dependencias:

  npm uninstall <paquete> --save

Instalamos las dependencias en el proyecto:
- todo:

  npm install (todo)

Solo production:

  npm install --production (solo producción)

Solo development:

  npm install --dev

Semantic Versioning
- Estructura -> X.Y.Z-Extra
- Cambio Mayor - No retrocompatible
- Cambio Menor - Retrocompatible - Nuevas funcionaldiades o cambios
- Parche - Retrocompatible - Solución de errores
- Extras - Indicativos o versiones especiales (Beta, Alfa, x86, etc...)

npm scripts (comandos de CLI)

Añadiendo comandos:

  // ...
  "scripts": {
      "test": "npm -v",
      "start": "node -v",
      "hola": "echo 'Hola mundo!'"
  }
  // ...

Mostrando todos los comandos:

    npm run

Ejecutando comandos:
- test

    npm test

start

    npm start

hola

    npm run hola

Ejercicios

1 - Crearemos varios scripts para automatizar tareas.

Verificador de versiones para NPM y Nodejs
Verificador del status de Git
Descargar (Clonar) Bootstrap de Github
Descargar (Clonar) nuestro curso de Github
Emoji al azar con emoji-random

{
  "name": "npm-scripts-tasks",
  "version": "1.0.0",
  "description": "",
  "main": "app.js",
  "scripts": {
    "emoji": "emoji-random",
    "versions": "node -v && npm -v",
    "bootstrap": "git clone https://github.com/twbs/bootstrap.git",
    "curso": "git clone https://github.com/Fictizia/Curso-Node.js-para-desarrolladores-Front-end_ed2.git",
    "status": "git status"
  },
  "devDependencies": {
    "emoji-random": "^0.1.2"
  },
  "author": "Ulises Gascon",
  "license": "ISC"
}

NVM (manejando varias versiones de Node)

Comrpobando la version de NVM:

    nvm --version

Instalando una version:

    nvm install 0.12

Desinstalando una version:

    nvm uninstall 0.12

Usar una version (globalmente):

  nvm use 0.12

Usando versiones (por proyecto):

    echo 0.12 > .nvmrc

    nvm use

Actualizando Node (método alternativo)

Sin soporte a Windows
Instalando el paquete n

npm install -g n

Opciones

  n                              Output versions installed
  n latest                       Install or activate the latest node release
  n -a x86 latest                As above but force 32 bit architecture
  n stable                       Install or activate the latest stable node release
  n lts                          Install or activate the latest LTS node release
  n <version>                    Install node <version>
  n use <version> [args ...]     Execute node <version> with [args ...]
  n bin <version>                Output bin path for <version>
  n rm <version ...>             Remove the given version(s)
  n --latest                     Output the latest node version available
  n --stable                     Output the latest stable node version available
  n --lts                        Output the latest LTS node version available
  n ls                           Output the versions of node available

Firebase

Firebase Pricing
Firebase Features
Firebase Docs
Firebase - Backbone
Firebase - Angular
Firebase - Nodejs/js

Ejemplos

Firebase - Open Data Sets
Firebase - Cryptocurrencies
- Bitcoin Price Ticker con Arduino
Firebase - Parking
Firebase - Bus
Firebase - Weather
Raspberrypi system info data to Firebase

Primeros pasos

Crear una cuenta:
- SignUp
Gestionar dependéncias en cliente:

  <script src="https://cdn.firebase.com/js/client/2.2.9/firebase.js"></script>

Gestionar dependéncias en Nodejs:

  npm install firebase -save

Limitaciones

Limitaciones técnicas
Conversión de Arrays

Guardando Datos

Guardando datos en Firebase
set() Almacena / remplaza los datos
update() Actualiza los datos
push() Alamacena los datos con un ID único.
transaction() Para datos complejos y cocurridos.
set():

  var ref = new Firebase("https://<<---URL--->>.firebaseio.com/fb-ejemplos/escritura");
  var usersRef = ref.child("users");
  usersRef.set({
    alanisawesome: {
      date_of_birth: "June 23, 1912",
      full_name: "Alan Turing"
    },
    gracehop: {
      date_of_birth: "December 9, 1906",
      full_name: "Grace Hopper"
    }
  });

  var ref = new Firebase("https://<<---URL--->>.firebaseio.com/fb-ejemplos/escritura");
  usersRef.child("alanisawesome").set({
    date_of_birth: "June 23, 1912",
    full_name: "Alan Turing"
  });
  usersRef.child("gracehop").set({
    date_of_birth: "December 9, 1906",
    full_name: "Grace Hopper"
  });

update():

  var hopperRef = usersRef.child("gracehop");
  hopperRef.update({
    "nickname": "Amazing Grace"
  });

push():

// update y Callback
  var dataRef = ref.child("IDs");
  dataRef.push("Guardando datos...", function(error) {
    if (error) {
      console.warn("No se han podido guardar los datos." + error);
    } else {
      console.info("Datos guardados con exito.");
    }
  });

Demo

Eventos

Evento (value):

  var ref = new Firebase("https://docs-examples.firebaseio.com/web/saving-data/fireblog/posts");
  
  ref.on("value", function(snapshot) {
    console.log(snapshot.val());
  }, function (errorObject) {
    console.log("Fallo en lectura de datos: " + errorObject.code);
  });

Evento (child_changed):

  var ref = new Firebase("https://<<--URL-->>.firebaseio.com/fb-ejemplos/escritura/users");
  
  ref.on("child_changed", function(snapshot) {
    var usersData = snapshot.val();
    console.log("Nuevos cambios(child_changed): ", usersData);
  });

Evento (child_removed):

  var ref = new Firebase("https://<<--URL-->>.firebaseio.com/fb-ejemplos/escritura/users");
  
  ref.on("child_removed", function(snapshot) {
    var usersData = snapshot.val();
    console.log("Usuario eliminado(child_removed): ", usersData);
  });

once() una vez:

var ref = new Firebase("https://<<--URL-->>.firebaseio.com/fb-ejemplos/escritura/users");

ref.once("child_changed", function(snapshot) {
  var usersData = snapshot.val();
  console.log("Nuevo cambio(once - child_changed): " + usersData);
});

Quitar evento (value):

  ref.off("value");

Quitar todos los eventos:

  ref.off();

Demo

Queries

orderByChild() Ordenar por hijo
orderByKey() Ordenar por Llave
orderByValue() Ordenar por valor
orderByPriority() Ordenar por prioridad
Documentación
orderByChild():

  var ref = new Firebase("https://dinosaur-facts.firebaseio.com/dinosaurs");
  ref.orderByChild("height").on("child_added", function(snapshot) {
    console.log(snapshot.key() + " was " + snapshot.val().height + " meters tall");
  });

orderByKey():

  var ref = new Firebase("https://dinosaur-facts.firebaseio.com/dinosaurs");
  ref.orderByKey().on("child_added", function(snapshot) {
    console.log(snapshot.key());
  });

orderByValue():

  var scoresRef = new Firebase("https://dinosaur-facts.firebaseio.com/scores");
  scoresRef.orderByValue().on("value", function(snapshot) {
    snapshot.forEach(function(data) {
      console.log("The " + data.key() + " dinosaur's score is " + data.val());
    });
  });

Demo

Queries Avanzadas

limitToFirst() desde el primero...
limitToLast() desde el final...
startAt() empiezan por...
endAt() terminan por...
equalTo() igual a...
limitToFirst():

  var ref = new Firebase("https://dinosaur-facts.firebaseio.com/dinosaurs");
  ref.orderByChild("height").limitToFirst(2).on("child_added", function(snapshot) {
    console.log(snapshot.key());
  });

limitToLast():

  var ref = new Firebase("https://dinosaur-facts.firebaseio.com/dinosaurs");
  ref.orderByChild("weight").limitToLast(2).on("child_added", function(snapshot) {
    console.log(snapshot.key());
  });

Queries Avanzadas (concatenando)

.orderByValue() y .limitToLast():

  var scoresRef = new Firebase("https://dinosaur-facts.firebaseio.com/scores");
  scoresRef.orderByValue().limitToLast(3).on("value", function(snapshot) {
    snapshot.forEach(function(data) {
      console.log("The " + data.key() + " dinosaur's score is " + data.val());
    });
  });

.orderByChild() y .startAt():

  var ref = new Firebase("https://dinosaur-facts.firebaseio.com/dinosaurs");
  ref.orderByChild("height").startAt(3).on("child_added", function(snapshot) {
    console.log(snapshot.key());
  });

.orderByKey() y .endAt():

  var ref = new Firebase("https://dinosaur-facts.firebaseio.com/dinosaurs");
  ref.orderByKey().endAt("pterodactyl").on("child_added", function(snapshot) {
    console.log(snapshot.key());
  });

.startAt() y .endAt() usando tilde:

var ref = new Firebase("https://dinosaur-facts.firebaseio.com/dinosaurs");
ref.orderByKey().startAt("b").endAt("b~").on("child_added", function(snapshot) {
  console.log(snapshot.key());
});

.equalTo():

  var ref = new Firebase("https://dinosaur-facts.firebaseio.com/dinosaurs");
  ref.orderByChild("height").equalTo(25).on("child_added", function(snapshot) {
    console.log(snapshot.key());
  });

Ejemplo: Busquemos un dinosaurio que sea mas pequeño que un Stegosaurus

  var ref = new Firebase("https://dinosaur-facts.firebaseio.com/dinosaurs");
  ref.child("stegosaurus").child("height").on("value", function(stegosaurusHeightSnapshot) {
    var favoriteDinoHeight = stegosaurusHeightSnapshot.val();
  
    var queryRef = ref.orderByChild("height").endAt(favoriteDinoHeight).limitToLast(2)
    queryRef.on("value", function(querySnapshot) {
        if (querySnapshot.numChildren() == 2) {
          // Data is ordered by increasing height, so we want the first entry
          querySnapshot.forEach(function(dinoSnapshot) {
            console.log("el dinosaurio más pequeño que el Stegosaurus es " + dinoSnapshot.key());
  
            // Returning true means that we will only loop through the forEach() one time
            return true;
          });
        } else {
          console.log("El Stegosaurus es el dinosaurio más pequeño");
        }
    });
  });

Demo

Trabajar Offline

Documentación
Realizando acciones al desconectarse:

  var presenceRef = new Firebase('https://<<--URL-->>.firebaseio.com/info/connectednow');
  presenceRef.onDisconnect().set("I disconnected!");

Social Login

User-auth con Firebase
Ejemplo en jsfiddle

Seguridad y Autorización

Ajustes de seguridad

Deploy

Deploy en Cloud
Deploy usando Node

Analicemos Código

Código Fuente demo de Velocidad

Ejercicios

1 - Crea un nuevo formulario que nos permita registrarnos en Firebase.

Objetivos:

Comprobar si ese mismo usuario ya esta registrado (Email como ID), para evitar multiples inscripciones.
Incluiremos en la página los usuarios que se van sumando.
Solución

2 - Partiendo del ejercicio anterior... realizaremos un nuevo formulario que nos permita registrarnos usando nuestra cuenta de Github.

Objetivos Opcionales:
- Subir los datos proporcionados por Github a nuestra base de datos.
- Incluir parte de los datos como el avatar y el nombre del usuario en el html
Documentación:
- GitHub User Authentication
Solución

3 - Partiendo del ejercicio primer ejercicio... realizaremos un nuevo formulario que nos permita almacenar información adiccional en Firebase usando la API de FullContact.

Objetivos Opcionales:
- Subir los datos originales y los proporcionados por FullContact a nuestra base de datos.
- Incluir una lógica en el HTML para pintar los usuarios en función de los datos existentes.
  - Más enriquecidos (avatar, localización, etc...)
  - Más básico (Datos proporcionados originalmente)
Documentación:
- FullContact by Email
Solución

Express

Influencias / usos

Otros frameworks similares:
- Zend (PHP)
- Django (Python)
- Sinatra (Ruby)
Uso:
- API JSON
- Single Pages
- App tiempo real

Pros

Rutas
Parámetros
Formularios y subida de ficheros
Cookies
Sesiones
Templates

Contras

Base de datos / ORM
Autenticación de usuarios
Seguridad
Migraciones
Deployment
Organización del código

Migraciones

De Express 3.x a Express 4.x
De Express 4.x a Express 5.x (hoy es Alpha)
- Cambios Previstos

Instalación

Instalación Global:
```
npm install -g express
```
Instalación versiones anteriores:
```
npm install -g express@3.x
```

Hola Mundo

var express = require('express');
var app = express();

// C9
var puerto = process.env.PORT || 3000;

app.get('/', function (req, res) {
  res.send('Hello World!');
});

app.listen(puerto, function () {
  console.log('Example app listening on port ' + puerto);
});

Generador de Express

Instalación global del generador
```
npm install express-generator -g
```
Opciones de instalación
```
express -h
```
Generar un proyecto
```
express <nombre_proyecto>
```
Entramos en la carpeta e instalamos las dependencias
```
cd <nombre_proyecto> && npm install
```

Estructura de un Proyecto (MVC)

├── app.js (Nuestra aplicación - módulo)
├── bin (Gestión de la aplicación)
│   └── www
├── package.json (Información y dependencias)
├── public (Nuestros estáticos)
│   ├── images
│   ├── javascripts
│   └── stylesheets
│       └── style.css
├── routes (Nuestros controladores)
│   ├── index.js
│   └── users.js
└── views (Nuestras vistas/plantillas)
    ├── error.jade
    ├── index.jade
    └── layout.jade

Ejecutando la aplicación:

Windows

  set DEBUG=<nombre_proyecto>:* & npm start

MacOS/Linux
```
  DEBUG=<nombre_proyecto>:* npm start
```

Opcional: Volviendo el arranque al estilo Express 3.x

Partes Claves

express()
Application
Request
Response
Router

Mecánica: app.set()

Nos permite establecer la configuración de Express
Podemos almacenar datos personalizados de manera global

Ejemplos

Guardando la versión

  app.set('version', '1.5.0');
  app.get('version'); // 1.5.0

Maneras de Habilitar contenido

  app.enable('dia_soleado'); // igual a -> app.set('dia_soleado', true);
  app.enabled('dia_soleado'); // igual a -> app.get('dia_soleado') === true;
  app.disabled('dia_soleado'); // igual a -> app.get('dia_soleado') === false;

Definiendo el puerto

  app.set('port', process.env.PORT || 3000);

Configuraciones según el entorno

Para todos los entornos

  NODE_ENV=production node app.js

  app.configure(function(){
    app.set('estado_aplicacion', '*');
  });

Solo desarrollo

  NODE_ENV=development node app.js

  app.configure('development', function(){
    app.set('estado_aplicacion', 'development');
  });

Solo producción

  NODE_ENV=production node app.js

  app.configure('production', function(){
    app.set('estado_aplicacion', 'production');
  });

Solo personalizado

  NODE_ENV=personalizado1 node app.js

  app.configure('personalizado1', function(){
    app.set('estado_aplicacion', 'personalizado1');
  });

Motores de Plantillas

Variables locales (solo disponibles para las plantillas)

  // Guardando
  app.locals.title = 'My App';
  app.locals.email = 'me@myapp.com';
  
  // Usando
  app.locals.title // My App
  app.locals.email // me@myapp.com

Definiendo el sistema de plantillas que usaremos

  // npm install jade --save
  var express = require('express');
  var jade = require('jade');
  var app = express();
    
  app.set('view engine', 'jade');
  
  app.get('/', function (req, res) {
    res.render('index', { title: 'Hey', message: 'Hello there!'});
  });

Comparativa de Motores de plantillas

Mecánica: app.all(), app.get(), app.post(), app.put(), app.delete(), app.route()

  app.METODO(Ruta, Manejador)

Estructura
- app Instanciado de express
- METODO Metodo HTTP de la Ruta
  - Soportados: get, post, put, head, delete, options, trace, copy, lock, mkcol, move, purge, propfind, proppatch, unlock, report, mkactivity, checkout, merge, m-search, notify, subscribe, unsubscribe, patch, search y connect.
  - Para todas las rutas usamos app.all()
- Ruta Ruta (url) donde se aplica
  - Podemos usar
    - Series
    - Patrones de Series (Subtipo de Regex)
      - Reducido a los subconjuntos ?, +, *, y ()
    - Expresiones regulares
- Manejador La función que será llamada cuando se alcance la ruta con el método/s correctos/s
  - Se puede usar funciones individuales
  - Se pueden hacer matrices de funciones
  - Se pueden mezclar matrices y funciones individuales
  - Argumentos:
    - Obj Request de Node.js
    - Obj Response de Node.js
    - next() Función que dispara el siguiente middleware
Métodos HTTP: delimitando a un único método

  app.get('/', function (req, res, next) {
    res.send('Solo get como método me vale...');
  });

Métodos HTTP: Otra forma de delimitar a un método

  app['m-search']('/', function (req, res, next) {
    res.send('Solo m-search como método me vale...');
  });

Métodos HTTP: permitiendo todos los métodos

  app.all('/', function (req, res, next) {
    res.send('Cualquier método me vale...');
  });

Rutas: Raiz http://localhost:8080/

  app.get('/', function (req, res, next) {
    res.send('Esto es la Raiz');
  });

Rutas: Básicas http://localhost:8080/hola

  app.get('/hola', function (req, res, next) {
    res.send('Esto es /hola');
  });

Rutas: Capturando Parámetros http://localhost:8080/hola/Eduardo, http://localhost:8080/hola/Oscar...

  app.get('/hello/:nombre', function(req, res) {
      res.send('Hola ' + req.nombre + '!');
  });

Rutas: Capturando varios parámetros http://localhost:8080/desde/Madrid/a/Malga, http://localhost:8080/desde/Madrid/a/NYC

    app.get('/desde/:origen/a/:destino', function(req,res,next){
      res.send('Quieres ir de ' + req.params.origen + ' a ' + req.params.destino);
    });

Rutas: Capturando varios parámetros y alguno determiando http://localhost:8080/mensaje/1/editar, http://localhost:8080/mensaje/500/borrar...

    app.get('/mensaje/:id/:accion(editar|borrar)', function(req,res,next){
      res.send('Quieres ' + req.params.accion + ' el mensaje numero ' + req.params.id);
    });

Rutas: Parámetros opcionales http://localhost:8080/user/1/editar, http://localhost:8080/user/500/borrar...

  app.get('/user/:id/:comando?', function(req,res,next){
    if(req.params.comando){
      res.send("Tenemos algo! Quieres " + req.params.comando);
    } else {
      res.send("Nada de nada...");
    }
  });

Rutas: Más parámetros opcionales http://localhost:8080/user/1.pdf, http://localhost:8080/user/500.zip, etc...

  app.get('/user/:id.:formato?', function(req,res,next){
    if(req.params.formato){
      res.send("["+req.params.formato+"] Extensión requerida... ");
    } else {
      res.send("Sin Extensión requerida");
    }
  });

Rutas: Tipo fichero http://localhost:8080/hola.text

  app.get('/hola.text', function (req, res) {
    res.send('Hola');
  });

Rutas: Patrones de serie (?) http://localhost:8080/acd o http://localhost:8080/abcd

  app.get('/ab?cd', function(req, res) {
    res.send('ab?cd');
  });

Rutas: Patrones de serie (+) http://localhost:8080/abcd, http://localhost:8080/abbbbbcd, etc...

  app.get('/ab+cd', function(req, res) {
    res.send('ab+cd');
  });

Rutas: Patrones de serie (*) http://localhost:8080/abcd, http://localhost:8080/abAALGOOOcd, etc...

  app.get('/ab*cd', function(req, res) {
    res.send('ab*cd');
  });

Rutas: Patrones de serie (()) http://localhost:8080/abe o http://localhost:8080/abcd

  app.get('/a(bc)d', function(req, res) {
    res.send('a(bc)d');
  });

Rutas: Expresiones regulares http://localhost:8080/mcfly, http://localhost:8080/dragonfly, etc...

  app.get(/.*fly$/, function(req, res) {
    res.send('/.*fly$/');
  });

Rutas: Molularidad con app.route()

  app.route('/pelicula')
    .get(function(req, res) {
      res.send('todas las peliculas...');
    })
    .post(function(req, res) {
      res.send('Añadir una pelicula...');
    })

Manejadores: Función individual

  app.get('/example/a', function (req, res) {
    res.send('Hola desde A!');
  });

Manejadores: Dos funciones individuales

  app.get('/example/b', function (req, res, next) {
    console.log('La respuesta se enviará a la siguiente función...');
    next();
  }, function (req, res) {
    res.send('Hola desde B!');
  });

Manejadores: Matrices

  var cb0 = function (req, res, next) {
    console.log('CB0');
    next();
  }
  
  var cb1 = function (req, res, next) {
    console.log('CB1');
    next();
  }
  
  var cb2 = function (req, res) {
    res.send('Hola desde C!');
  }
  
  app.get('/example/c', [cb0, cb1, cb2]);

Manejadores: Matrices y funciones individuales

  var cb0 = function (req, res, next) {
    console.log('CB0');
    next();
  }
  
  var cb1 = function (req, res, next) {
    console.log('CB1');
    next();
  }
  
  app.get('/example/d', [cb0, cb1], function (req, res, next) {
    console.log('La respuesta se enviará a la siguiente función...');
    next();
  }, function (req, res) {
    res.send('Hola desde D!');
  });

Manejadores: Objeto petición
- req.ip Almacena la IP desde donde se realizó la peticioón
- req.is Que tipo de datos nos llegan desde la petición. Booleano
```
  req.is('json');
  req.is('application/*');
  req.is('application/json');
```
- req.params Contenido de la ruta (http://localhost:8080/usuarios/:id)
- req.query Contenido de la consulta de la URL (http://localhost:8080/peliculas?categoria=Ficcion&director=George+Lucas)
  - simples (http://localhost:8080/peliculas?categoria=Ficcion&director=George+Lucas):
```
app.get('/peliculas', function(req,res,next){
  console.log(req.query.director) // George Lucas
  console.log(req.query.categoria) // Ficcion
});
```
  - Agrupados (http://localhost:8080/peliculas?categoria[tipo]=Corto&director=Yo+Mismo):
```
app.get('/peliculas', function(req,res,next){
  console.log(req.query.director) // Yo Mismo
  console.log(req.query.categoria.tipo) // Corto
});
```
- req.body Contenido dentro de la propia petición
Manejadores: Métodos de respuesta
- res.download() Solicita un archivo para descargarlo.
- res.end() Finaliza el proceso de respuesta.
- res.json() Envía una respuesta JSON.
- res.jsonp() Envía una respuesta JSON con soporte JSONP.
  - Valores por defecto ajustables en app.set()
    - ?callback= valor por defecto en la petición
    - res.jsonp({date: newDate()});
- res.redirect() Redirecciona una solicitud.
- res.render() Renderiza una plantilla a la que le pasa además datos (opcional)
- res.send() Envía una respuesta de varios tipos.
  - Muy flexible
    - Código y contenido res.send(404,'Oops...');
    - Enviar un JSON res.send({mensaje: "secreto"});
    - Solo código (autocompleta el mensaje) res.send(200);
- res.sendFile() Envía un archivo para ser visualizado.
- res.sendStatus() Envía un archivo para ser descargado.

Mecánica: app.use()

Usando Middleware: app.use(middleware)

Declaración directa

  app.use(function(req, res, next) {
      console.log("Petición en "+req.url+" con el método" + req.method);
      next(); 
  });

Enlazando

  var express = require('express');
  var app = express();
  
  function chivato (req, res, next) {
      console.log("Nueva petición en "+req.url+" con el método" + req.method);
      next(); 
  };
  
  app.use(chivato);

  app.get('/', function (req, res) {
    res.send('Hola a todos!');
  });
  
  app.listen(3000);

Middleware: La clave

Una función que recibe 3 o 4 parámetros: req, res, next

Tipos:
- Middleware de nivel de aplicación
- Middleware de nivel de direccionador
- Middleware de manejo de errores
- Middleware incorporado
- Middleware de terceros
Concatenación:
- Al terminar su tarea, tiene que invocar a next()

Middleware de nivel de aplicación

Global Afecta a cualquier Ruta

  var app = express();
  
  app.use(function (req, res, next) {
    console.log('Time:', Date.now());
    next();
  });

Punto de Montaje Afecta solo a una vía de acceso, en este caso /user/:id

  var app = express();
  
  app.get('/user/:id', function (req, res, next) {
    console.log('ID:', req.params.id);
    next();
  }, function (req, res, next) {
    res.send('User Info');
  });

Middleware de nivel de direccionador

Global Afecta a cualquier Ruta

  var app = express();
  var router = express.Router();
  
  router.use(function (req, res, next) {
    console.log('Time:', Date.now());
    next();
  });

Punto de Montaje Afecta solo a una vía de acceso, en este caso /user/:id

  var app = express();
  var router = express.Router();
  
  router.get('/user/:id', function (req, res, next) {
    console.log('ID:', req.params.id);
    next();
  }, function (req, res, next) {
    res.send('User Info');
  });

Middleware de manejo de errores

Argumento adiccional

  var bodyParser = require('body-parser');
  var methodOverride = require('method-override');
  
  app.use(gestionErrorServer);
  
  function gestionErrorServer(err, req, res, next) {
    if (req.xhr) {
      res.status(500).send({ error: 'Something failed!' });
    } else {
      res.status(500);
      res.render('error', { error: err });
    }
  }
  
  //...

Middleware incorporado

Desde la versión 4.x Express no depende de Connect

Solamente queda incorporado express.static

Incluyendo archivos estáticos

  app.use(express.static('public'));

Configurando la carpeta pública

  var options = {
    dotfiles: 'ignore',
    etag: false,
    extensions: ['htm', 'html'],
    index: false,
    maxAge: '1d',
    redirect: false,
    setHeaders: function (res, path, stat) {
      res.set('x-timestamp', Date.now());
    }
  }
  
  app.use(express.static('public', options));

Usando múltiples directorios estáticos

  app.use(express.static('public'));
  app.use(express.static('uploads'));
  app.use(express.static('files'));

Middleware oficial (No incorporado):
- serve-favicon
  - Sirve el favicon
- Morgan
  - Logger para peticiones HTTP
- body-parser
  - Decodifica:
    - application/json
    - application/x-www-form-urlencoded
    - multipart/form-data
  - Crea el objeto req.body con los parámetros
  - Crea el objeto req.files con los ficheros que se han subido desde un formulario
- basic-auth-connect
  - Protección básica de las rutas usando usuario y contraseña
- csurf
  - Crea req.session._csrf
  - Protección contra Cross-site request forgery
  - Usando tokens
- cors
  - Gestión de Cross Origin Resource Sharing (CORS)
- compression
  - gzip
- express-session
  - Simple gestor de sesiones
- multer
  - Node.js middleware for handling multipart/form-data.
- cookie-session
  - Simple cookie-based session middleware
- cookie-parser
  - cookie parsing middleware
  - Crea req.cookies
- cookie-session
  - Inicializa y parsea los datos de sesión del usuario
  - Utilizando cookies como almacenamiento
  - Algunas opciones avanzadas
- serve-static
  - Serve static files
  - ¡Muy útil! Se pone cerca del final
  - Cachea los ficheros
  - La variable global __dirname contiene el directorio donde reside el script en ejecución
- vhost
  - Virtual Domain Hosting
- restful-router
  - Simple RESTful url router.
- connect-markdown
  - Auto convert markdown to html for connect.

Middleware: Más Middleware, más funcionalidad

La lista de Raynos
Habilitando CORS

  app.use(function(req, res, next) {
    res.header("Access-Control-Allow-Origin", "*");
    res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE');
    res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
    next();
  });

Baneando Navegadores (IE8 y anteriores)

  // banear.js
  var banned = [ 'MSIE', 'Trident/6.0'];
  
  module.exports = function(){ 
    return function(req, res, next) {
      if (req.headers['user-agent'] !== undefined && req.headers['user-agent'].indexOf(banned) > -1) {
              res.end('Navegador no compatible');
      } else { 
        next(); 
      } 
    }
  };

Mapeado de parámetros en rutas.
- Cuidado con app.param()
  - Funcionamiento (orden de busqueda):
    - req.params
    - req.body
    - req.query

  app.param('id_usuario',function(req,res,next,id){
    // Llamamos a una función que valida....
    validadorUsuario(id, function(err, usuario){
      if (err) { 
        next(err);
      } else if (user) { 
        // Actualizamos con los nuevos datos
        req.params.usuario = usuario; 
        // damos paso a la siguiente función
        next();
      } else {
        next(new Error('Error al cargar el usuario'));
      } 
    });
  });

Redireccionando al usuario en caso de no estar logados

  module.exports = function(req,res){
    if (req.params.usuario.logged){
      next();
    } else {
      res.redirect('/login');
    }
  };

Gestion de errores tipo 4xx y tipo 5xx

// Error 404
app.use(function(req, res) {
  res.status(400);
  res.render('404', { title: '404 - No encontrado' });
});

// Error 500 (solo en caso de desarrollo)
app.use('development', function(error, req, res, next) {
  res.status(500);
  res.render('500', {
  title: 'Jefe, ¡Tenemos un 500!',
  error: error
  });
});


// Error 500 (solo en caso producción)
app.use('production', function(error, req, res, next) {
  res.status(500);
  res.render('500', {
  title: 'Oops… ¡Algo salió mal!'
  });
  // Mandamos un email con los datos al equipo.
});

Ejemplos con Express

Express en resumen

GET Básico

app.get('/hola', function(req, res){
    res.send('hemos abierto una nueva ruta!');
});

POST Básico

app.js

app.post('/', function(req, res){
  res.send(req.body);
});

index.jade

section.container
h1 Manda tu mensaje!

form(method='post', action='/')
  fieldset
    legend Mandame tu mensaje:
    p.contenido
      label Tu mensaje
      input(name='mensaje')
    p.acciones
      input(type='submit', value='Enviar')

respuesta

{
  "mensaje": "Hola Cracks!"
}

Parámetros en las rutas

app.js

app.get('/hola/:usuario', function(req, res){
    res.send('Hola '+req.params.usuario+'. Hemos abierto una nueva ruta personalizada!');
});

Simulando una respuesta de una base de datos en las rutas:

app.js

app.get('/consulta/:usuario', function(req, res){
    var datos = {
        marca: "Seat",
        modelo: "Ibiza",
        edad: 20,
        ITVPasada: true,
        seguroPasado: true
    };
    
    res.render('consulta.jade', {usuario: req.params.usuario, datos: datos});
});

consulta.jade

.datos h3 Datos: p= "El Coche de "+usuario+" es un "+datos.marca+" "+datos.modelo

h3 Detalles técnicos: ul li= "ITV en regla: " +datos.ITVPasada li= "seguro en regla: " +datos.seguroPasado


**Utilidades**

- Recuperar cabeceras:

curl -I 127.0.0.1:3000

- [PostMan](https://chrome.google.com/webstore/detail/postman/fhbjgbiflinjbdggehcddcbncdddomop)
- [Html2Jade](http://html2jade.org/)



### PUG (antes Jade)

![Jade_logo](http://jade-lang.com/style/jade-logo-header.svg)

**[Jade... ya no se llama jade. Ahora se llama PUG](https://github.com/pugjs/pug/issues/2184)**

![PUG_logo](https://camo.githubusercontent.com/be9ed9b1e0a28a074109fc994da6d00c1d8cd6e6/68747470733a2f2f63646e2e7261776769742e636f6d2f7075676a732f7075672d6c6f676f2f336561326433613836633632323730323064643562323037343361356161343538383038636134652f5356472f5f5f7075672d6c6f676f2d636f6c6f75722d776964652e737667)

**Implementaciones en otros lenguajes**
- [php](https://github.com/kylekatarnls/jade-php)
- [scala](https://scalate.github.io/scalate/documentation/scaml-reference.html)
- [ruby](https://github.com/slim-template/slim)
- [python](https://github.com/SyrusAkbary/pyjade)
- [java](https://github.com/neuland/jade4j)


- **Entendiendo la mécanica**
- index.jade:

doctype html html(lang="en") head title= pageTitle script(type='text/javascript'). if (foo) { bar(1 + 5) } body h1 Jade - node template engine #container.col if youAreUsingJade p You are amazing else p Get on it! p. Jade is a terse and simple templating language with a strong focus on performance and powerful features.


- index.html:
```html
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Jade</title>
    <script type="text/javascript">
      if (foo) {
         bar(1 + 5)
      }
    </script>
  </head>
  <body>
    <h1>Jade - node template engine</h1>
    <div id="container" class="col">
      <p>You are amazing</p>
      <p>
        Jade is a terse and simple
        templating language with a
        strong focus on performance
        and powerful features.
      </p>
    </div>
  </body>
</html>

Bootstrap:

index.jade:

doctype html
html
  head
    title title
    include ./includes/styles.jade
  body
    .row
      .container
        .jumbotron
          h1 Hola, desde Bootstrap!
          p ¿Qué te parece?
          p
            a.btn.btn-primary.btn-lg(href='http://getbootstrap.com/', role='button') Aprende más!
    include ./includes/scripts.jade

includes/styles.jade

//- includes/styles.jade
// Bootstrap
link(rel='stylesheet', href='//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css')

includes/scripts.jade

//- includes/scripts.jade
// Jquery
script(src='//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js')
// Bootstrap
script(src='//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js')

index.html

<!DOCTYPE html>
<html>
    <head>
        <title>title</title>
        <!-- Bootstrap-->
        <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
        </head>
        <body>
            <div class="row">
                <div class="container">
                    <div class="jumbotron">
                        <h1>Hello, desde Bootstrap!</h1>
                        <p>¿Qué te parece?</p>
                        <p>
                            <a href="http://getbootstrap.com/" role="button" class="btn btn-primary btn-lg">Aprende más!</a>
                        </p>
                    </div>
                </div>
            </div>
            <!-- Jquery-->
            <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
            <!-- Bootstrap-->
            <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
        </body>
    </html>

Jade en Github
Jade en CLI
Jade API
Jade Language Ref

Ejercicios

1 - Crearemos una aplciación usando Firebase y Express para gestionar las peliculas que nos gustan.

Objetivos:
- Crear un APIRest para poder gestionar la aplicación desde otros dominios
- Habilita CORS para la API
- Utiliza JADE para gestionar las vistas de tu aplicación
- Crea módulos para gestionar las rutas
- Enriquece los datos facilitados por el usuario con la API de OMBD
- Guardate una copia de las portadas de las peliculas y sirvelas en la carpeta de los archivos estáticos para evitar el error 403 de IMBD
Solución

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

clase4.md

clase4.md

Clase 4

Process

Creando ejecutables

Ejercicios

Child Process

Cluster

Buffer

Stream

Variables del Entorno

Modularización

Modularización: Usando exports

Modularización: Usando module.exports

NPM

Dependency Hell:

Seguridad:

package.json

npm scripts (comandos de CLI)

Ejercicios

NVM (manejando varias versiones de Node)

Actualizando Node (método alternativo)

Firebase

Analicemos Código

Ejercicios

Express

Ejercicios

Files

clase4.md

Latest commit

History

clase4.md

File metadata and controls

Clase 4

Process

Creando ejecutables

Ejercicios

Child Process

Cluster

Buffer

Stream

Variables del Entorno

Modularización

Modularización: Usando exports

Modularización: Usando module.exports

NPM

Dependency Hell:

Seguridad:

package.json

npm scripts (comandos de CLI)

Ejercicios

NVM (manejando varias versiones de Node)

Actualizando Node (método alternativo)

Firebase

Analicemos Código

Ejercicios

Express

Ejercicios