giancorzo

(function(wndw) {
  var Browsers, OS, Platform, Versions, browser_name, browser_version, os, platform;
  Versions = {
    Firefox: /firefox\/([\d\w\.\-]+)/i,
    IE: /msie\s([\d\.]+[\d])/i,
    Chrome: /chrome\/([\d\w\.\-]+)/i,
    Safari: /version\/([\d\w\.\-]+)/i,
    Ps3: /([\d\w\.\-]+)\)\s*$/i,
    Psp: /([\d\w\.\-]+)\)?\s*$/i
  };

giancorzo

{
  "name": "styleguide",
  "version": "0.0.1",
  "description": "Laboratoria styleguides",
  "main": "index.js",
  "style": "dist/main.css",
  "sass": "sass/main.scss",
  "scripts": {
    "build": "node-sass --include-path sass sass/main.scss dist/main.css"
  },

giancorzo

const get = url => {
  return new Promise((resolve, reject) => {
    var xhr = new XMLHttpRequest();
    xhr.addEventListener('load', _ => {
      if (xhr.status !== 200) {
        reject(new Error(xhr.statusText));
      }
      resolve(xhr.response);
    });
    

giancorzo

var myPromise = new Promise((resolve, reject) => {
  
  //Instrucciones que se van a ejecutar 

 if(/* Termino correctamente */) {
   resolve('Success!');
 } else {
    reject('Failure!');
 }
});

giancorzo

fs.readdir(source, function (err, files) {
  if (err) {
    console.log('Error finding files: ' + err)
  } else {
    files.forEach(function (filename, fileIndex) {
      console.log(filename)
      gm(source + filename).size(function (err, values) {
        if (err) {
          console.log('Error identifying file size: ' + err)
        } else {

giancorzo

const stations = [{id: 1, name: "Pardo"}, {id: 2, name: "Benavides"}];
// Map, reduce y Filter son clasicos ejemplos de callback,
// donde se delega la lógica detrás del map a una función externa haciéndo 
// reutilizable el código 
const stationNames = stations.map((station) => { 
  return station.name;
});

giancorzo

const callback = () => {
  console.log('Llamando a mi callback');
}

function otraFuncion(callback) {
  console.log('Ejecutando otra funcion');
  callback();
}

//Funcion anonima que funciona como callback

giancorzo

console.log('Primero');
setTimeout(_ => {
  console.log('Segundo');
},10);
console.log('Tercero');

giancorzo

console.log('Primero'); 
console.log('Segundo');
console.log('Tercero');

giancorzo

<script id="myTemplate" type="text/x-handlebars-template">
  <h1>{{title}}</h1>
  <ul>
    {{#names}}
      <li>{{name}}</li>
    {{/names}}
  </ul>
</script>