Estamos demasiado acostumbrados a que como javascript tiene el nombre script, podemos programar como y donde nos parezca. Pero eso ha cambiado. Hoy en día js es una compleja plataforma de programación de clientes ricos, válida para móviles, tablets y todos los ordenadores de escritorio. Así que ha llegado la hora de empezar a programar javascript con calidad.

1. Javascript no es Vietnam
Alex Casquete
@acasquete
Fernando Escolar
@fernandoescolar

2. www.pasiona.com
info@pasiona.com
(+34) 669 333 333
@pasiona Barcelona Bilbao Madrid Londres
Pujades 350, 10ª planta Gran Vía 19-21, 2ª planta Pinar 5, 1 Northumberland Avenue
08019 · Barcelona 48008 · Bilbao 28006 · Madrid London · WC2N 5BW

3. Qué es
Microsoft Innovación Pasión
socio 100% alineado ligada a la mejora continua y basada somos grandes entusiastas de todo
partner 100% especializado en las nuevas oportunidades tecnológicas aquello que creamos y vemos crecer
Desarrollo Tecnología Experiencia
capacidad para realizar proyectos de soluciones a cada una de las necesidades o la garantía de la habilidad derivada
ámbito tecnológico con un fin de mejora empresariales que se platean en cada ámbito de años de vivencias y observación
Especialización Conocimiento Valores humanos
ofrecemos soluciones a medida con adquirido a través de la realización de guía de lo que hacemos y pretendemos
las mejores herramientas tecnológicas proyectos, formación e innovación tecnológica que nos enseña y nos conduce día a día

4. Servicios
Consultoría Proyectos Auditoría
Servicios profesionales Social Formación
Media
Innovación Azure

6. JavaScript…

7. me encanta el olor a javascript por la mañana

9. estoy listo para programar sin clases

10. ¿sabes que son los patrones, recluta?

11. ¡¡¡eso me suena!!!

12. Strategy Pattern

14. function HtmlStyler() {
this.setStyle = function (input) {
var result = input;
for (var key in this.strategies) {
var strategy = this.strategies[key];
if (strategy.setStyle)
result = strategy.setStyle(result);
else
throw "Invalid strategy";
}
return result;
};
}
HtmlStyler.prototype.strategies = { };
HtmlStyler.prototype.strategies.boldStyler = {
setStyle: function(input) {
return '<b>' + input + '</b>';
},
};
HtmlStyler.prototype.strategies.italicStyler = {
setStyle: function (input) {
return '<i>' + input + '</i>';
},
};

15. Module Pattern

16. var basketModule = (function() {
var basket = []; //private
return { //exposed to public
addItem: function(values) {
basket.push(values);
},
getItemCount: function() {
return basket.length;
},
getTotal: function(){
var q = this.getItemCount(),p=0;
while(q--){
p+= basket[q].price;
}
return p;
}
}
}());

17. Façade Pattern

18. var module = (function() { module.facade({run: true, val:10});
var _private = {
i:5, //devuelve ‘current value: 10, running’
get : function() {
console.log('current value:' + this.i);
},
set : function( val ) {
this.i = val;
},
run : function() {
console.log('running');
},
jump: function(){
console.log('jumping');
}
};
return {
facade : function( args ) {
_private.set(args.val);
_private.get();
if ( args.run ) {
_private.run();
}
}
}
}());

19. Mediator Pattern

21. var mediator = (function() {
var handlers = {};
function register(handler, fn) {
if (!handlers[handler]) handlers[handler] = [];
handlers[handler].push({ context: this, callback: fn });
}
function notify(handler) {
if (!handlers[handler]) return false;
var args = Array.prototype.slice.call(arguments, 1);
for (var i = 0, l = handlers[handler].length; i < l; i++) {
var subscription = handlers[handler][i];
subscription.callback.apply(subscription.context, args);
}
}
return {
register: register,
notify: notify
};
}());

22. las pruebas nos aportan calidad

25. @acasquete
@fernandoescolar

26. Muchas gracias